@jant/core 0.6.16 → 0.7.0

package/dist/client/_assets/client-settings-DfYs9n1F.js

@@ -0,0 +1,1112 @@
+import{h as e,i as t,n,s as r,t as i,u as a}from"./chunks/lit-DW8VmJAT.js";import{a as o,i as s,r as c,s as l,t as u}from"./chunks/jant-locale-picker-DL6mIOT5.js";import{n as d}from"./chunks/confirm-D7GrwsCN.js";import{_ as f,d as p,h as m,l as h,m as g,p as _,u as v}from"./chunks/types-D5iF3H1a.js";import{r as y,t as b}from"./chunks/create-editor-CD3FhrOB.js";var x={ICO_16:16,ICO_32:32,APPLE_TOUCH:512};function S(e){let t=e.length*16,n=6+t,r=new ArrayBuffer(6+t),i=new DataView(r);i.setUint16(0,0,!0),i.setUint16(2,1,!0),i.setUint16(4,e.length,!0);let a=[];for(let t=0;t<e.length;t++){let r=e[t],o=6+t*16;i.setUint8(o+0,r.size<256?r.size:0),i.setUint8(o+1,r.size<256?r.size:0),i.setUint8(o+2,0),i.setUint8(o+3,0),i.setUint16(o+4,1,!0),i.setUint16(o+6,32,!0),i.setUint32(o+8,r.png.byteLength,!0),i.setUint32(o+12,n,!0),n+=r.png.byteLength,a.push(r.png)}return new Blob([r,...a],{type:`image/x-icon`})}var C=180;function w(e){return new Promise((t,n)=>{let r=new Image;r.onload=()=>{URL.revokeObjectURL(r.src),t(r)},r.onerror=()=>n(Error(`Failed to load image`)),r.src=URL.createObjectURL(e)})}function T(e,t){let n=document.createElement(`canvas`);n.width=t,n.height=t;let r=n.getContext(`2d`);if(!r)throw Error(`Failed to get canvas context`);r.imageSmoothingEnabled=!0,r.imageSmoothingQuality=`high`;let i=Math.max(t/e.width,t/e.height),a=t/i,o=t/i,s=(e.width-a)/2,c=(e.height-o)/2;return r.drawImage(e,s,c,a,o,0,0,t,t),new Promise((e,t)=>{n.toBlob(n=>{n?e(n):t(Error(`Failed to create PNG blob`))},`image/png`)})}function E(e,t){return e.type===`image/png`&&t.width===t.height&&t.width>=C&&t.height>=C}async function D(t,n){let r=t.closest(`form`)?.querySelector(`label`),i=r?.textContent??``;try{r&&(r.textContent=t.dataset.textProcessing||`Processing...`);let i=await w(n),a=n,o=n.name;if(n.type!==`image/svg+xml`){let e=await T(i,512);a=new File([e],n.name.replace(/\.[^.]+$/,`.png`),{type:`image/png`}),o=a.name}let s=E(n,i)?Promise.resolve(n):T(i,x.APPLE_TOUCH),[c,l,u]=await Promise.all([T(i,16),T(i,32),s]),[d,p]=await Promise.all([c.arrayBuffer(),l.arrayBuffer()]),m=S([{size:16,png:d},{size:32,png:p}]);r&&(r.textContent=t.dataset.textUploading||`Uploading...`);let h=new FormData;h.append(`file`,a,o),h.append(`favicon`,m,`favicon.ico`),h.append(`appleTouch`,u,`apple-touch-icon.png`);let g=await fetch(e(`/settings/avatar`),{method:`POST`,headers:{Accept:`application/json`},body:h});if(!g.ok){let e=t.dataset.textError||`Upload failed. Please try again.`;try{let t=await f(g);e=_(t,`error`)??_(t,`message`)??e}catch{}throw Error(e)}let v=await f(g),y=_(v,`status`),b=_(v,`url`);if(y===`redirect`&&b){window.location.href=b;return}window.location.href=e(`/settings/avatar?saved`)}catch(e){r&&(r.textContent=i),a(e instanceof Error&&e.message?e.message:t.dataset.textError||`Upload failed. Please try again.`,`error`)}t.value=``}function O(){document.addEventListener(`change`,e=>{let t=e.target.closest(`[data-avatar-upload]`);t?.files?.[0]&&(e.stopPropagation(),D(t,t.files[0]))})}O();var k=[`latest`,`featured`,`off`];function A(e){let t=e?.trim();return t&&k.includes(t)?t:null}function ee(e){if(e.demoMode||!e.rssFeedsEnabled)return`none`;let t=A(e.storedValue);if(t)return t===`off`?`none`:t;if(e.noindex)return`none`;let n=A(e.defaultValue);return n?n===`off`?`none`:n:`none`}var j={links:`Links`,quotes:`Quotes`};function M(e,t){let n=[],r=t.filter(e=>e.term&&e.href).sort((e,t)=>t.term.length-e.term.length);for(let{term:t,href:i}of r)for(let r=e.indexOf(t);r!==-1;r=e.indexOf(t,r+1)){let e=r+t.length;if(!n.some(t=>r<t.end&&t.start<e)){n.push({start:r,end:e,href:i});break}}n.sort((e,t)=>e.start-t.start);let i=[],a=0;for(let{start:t,end:r,href:o}of n)t>a&&i.push({text:e.slice(a,t)}),i.push({text:e.slice(t,r),href:o}),a=r;return a<e.length&&i.push({text:e.slice(a)}),i}function N(e,t,n){return n?M(e,[{term:t.name,href:n.home},{term:j.links,href:n.links},{term:j.quotes,href:n.quotes},{term:t.rules,href:n.rules}]):[{text:e}]}var P=`flex flex-col py-8 first:pt-0 last:pb-0`,F=class extends i{static properties={labels:{type:Object},timezones:{type:Array},siteNameFallback:{type:String,attribute:`sitename-fallback`},siteDescriptionFallback:{type:String,attribute:`sitedescription-fallback`},demoMode:{type:Boolean,attribute:`demo-mode`},discoverDefault:{type:String,attribute:`discover-default`},discoverPages:{type:Object,attribute:`discover-pages`},discoverStatus:{type:String,attribute:`discover-status`},feedsEnabled:{type:Boolean,attribute:`feeds-enabled`},mainFeedUrl:{type:String,attribute:`main-feed-url`},latestFeedUrl:{type:String,attribute:`latest-feed-url`},featuredFeedUrl:{type:String,attribute:`featured-feed-url`},archiveFeedUrl:{type:String,attribute:`archive-feed-url`},feedsDocsUrl:{type:String,attribute:`feeds-docs-url`},aboutPage:{type:Object,attribute:`about-page`},aboutEditUrl:{type:String,attribute:`about-edit-url`},aboutCreateUrl:{type:String,attribute:`about-create-url`},_siteName:{state:!0},_siteDescription:{state:!0},_siteFooter:{state:!0},_origSite:{state:!0},_siteDirty:{state:!0},_siteLoading:{state:!0},_timeZone:{state:!0},_origLocale:{state:!0},_localeDirty:{state:!0},_localeLoading:{state:!0},_mainRssFeed:{state:!0},_origMainRssFeed:{state:!0},_feedLoading:{state:!0},_showJantBrandingOnHome:{state:!0},_origShowJantBrandingOnHome:{state:!0},_homeLoading:{state:!0},_noindex:{state:!0},_origNoindex:{state:!0},_searchLoading:{state:!0},_discover:{state:!0},_origDiscover:{state:!0},_discoverLoading:{state:!0}};_descEditor=null;_footerEditor=null;createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this.labels={},this.timezones=[],this.siteNameFallback=``,this.siteDescriptionFallback=``,this.demoMode=!1,this.mainFeedUrl=`/feed`,this.latestFeedUrl=`/latest/feed`,this.featuredFeedUrl=`/featured/feed`,this.archiveFeedUrl=`/archive/feed`,this.feedsDocsUrl=``,this.aboutPage={state:`missing`,path:`/about`},this.aboutEditUrl=`/about?edit=1`,this.aboutCreateUrl=`/settings/general/about-page`,this._siteName=``,this._siteDescription=``,this._siteFooter=``,this._origSite={siteName:``,siteDescription:``,siteFooter:``},this._siteDirty=!1,this._siteLoading=!1,this._timeZone=`UTC`,this._origLocale={timeZone:`UTC`},this._localeDirty=!1,this._localeLoading=!1,this._mainRssFeed=`featured`,this._origMainRssFeed=`featured`,this._feedLoading=!1,this._noindex=!1,this._origNoindex=!1,this._showJantBrandingOnHome=!1,this._origShowJantBrandingOnHome=!1,this._homeLoading=!1,this._searchLoading=!1,this.discoverDefault=``,this.discoverPages=null,this.discoverStatus=``,this.feedsEnabled=!1,this._discover=``,this._origDiscover=``,this._discoverLoading=!1}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._descEditor?.destroy(),this._descEditor=null,this._footerEditor?.destroy(),this._footerEditor=null}initData(e){this._siteName=e.siteName,this._siteDescription=e.siteDescription,this._siteFooter=e.siteFooter,this._timeZone=e.timeZone,this._origLocale={timeZone:e.timeZone},this._mainRssFeed=e.mainRssFeed,this._origMainRssFeed=e.mainRssFeed,this._showJantBrandingOnHome=e.showJantBrandingOnHome,this._origShowJantBrandingOnHome=e.showJantBrandingOnHome,this._noindex=e.noindex,this._origNoindex=e.noindex,this._discover=e.discover,this._origDiscover=e.discover,this.updateComplete.then(()=>{this._initEditors(),this._origSite={siteName:e.siteName,siteDescription:this._siteDescription,siteFooter:this._siteFooter}})}sectionSaved(e){e===`site`?(this._origSite={siteName:this._siteName,siteDescription:this._siteDescription,siteFooter:this._siteFooter},this._siteDirty=!1,this._siteLoading=!1):e===`time`?(this._origLocale={timeZone:this._timeZone},this._localeDirty=!1,this._localeLoading=!1):e===`feeds`?(this._origMainRssFeed=this._mainRssFeed,this._feedLoading=!1):e===`home`?(this._origShowJantBrandingOnHome=this._showJantBrandingOnHome,this._homeLoading=!1):e===`search`?(this._origNoindex=this._noindex,this._searchLoading=!1):e===`discover`&&(this._origDiscover=this._discover,this._discoverLoading=!1)}sectionError(e){e===`site`?this._siteLoading=!1:e===`time`?this._localeLoading=!1:e===`feeds`?(this._mainRssFeed=this._origMainRssFeed,this._feedLoading=!1):e===`home`?(this._showJantBrandingOnHome=this._origShowJantBrandingOnHome,this._homeLoading=!1):e===`search`?(this._noindex=this._origNoindex,this._searchLoading=!1):e===`discover`&&(this._discover=this._origDiscover,this._discoverLoading=!1)}_initEditors(){this._initDescEditor(),this._initFooterEditor()}_initDescEditor(){let e=this.querySelector(`[data-settings-desc-editor]`);if(!e||this._descEditor)return;this._descEditor=b({element:e,placeholder:this.siteDescriptionFallback,content:this._siteDescription||void 0,onUpdate:e=>{this._siteDescription=e,this._syncSiteDirty()}}),this._siteDescription=y(this._descEditor.getJSON());let t=e.querySelector(`.ProseMirror`);t&&(t.style.outline=`none`,t.style.minHeight=`3rem`)}_initFooterEditor(){let e=this.querySelector(`[data-settings-footer-editor]`);if(!e||this._footerEditor)return;this._footerEditor=b({element:e,content:this._siteFooter||void 0,onUpdate:e=>{this._siteFooter=e,this._syncSiteDirty()}}),this._siteFooter=y(this._footerEditor.getJSON());let t=e.querySelector(`.ProseMirror`);t&&(t.style.outline=`none`,t.style.minHeight=`6rem`)}_syncSiteDirty(){this._siteDirty=this._siteName!==this._origSite.siteName||this._siteDescription!==this._origSite.siteDescription||this._siteFooter!==this._origSite.siteFooter}_saveSite(){!this._siteLoading&&this._siteDirty&&(this._siteLoading=!0,this.dispatchEvent(new CustomEvent(`jant:settings-save`,{bubbles:!0,detail:{endpoint:`/settings/general`,data:{siteName:this._siteName,siteDescription:this._siteDescription,siteFooter:this._siteFooter},section:`site`}})))}_syncLocaleDirty(){this._localeDirty=this._timeZone!==this._origLocale.timeZone}_saveLocale(){!this._localeLoading&&this._localeDirty&&(this._localeLoading=!0,this.dispatchEvent(new CustomEvent(`jant:settings-save`,{bubbles:!0,detail:{endpoint:`/settings/general/time`,data:{timeZone:this._timeZone},section:`time`}})))}_saveMainRssFeed(e){this._feedLoading||e===this._mainRssFeed||(this._mainRssFeed=e,this._feedLoading=!0,this.dispatchEvent(new CustomEvent(`jant:settings-save`,{bubbles:!0,detail:{endpoint:`/settings/general/feeds`,data:{mainRssFeed:e},section:`feeds`}})))}_saveHomeToggle(e){this._homeLoading||(this._showJantBrandingOnHome=e,this._homeLoading=!0,this.dispatchEvent(new CustomEvent(`jant:settings-save`,{bubbles:!0,detail:{endpoint:`/settings/general/home`,data:{showJantBrandingOnHome:e},section:`home`}})))}_saveSearchToggle(e){this.demoMode||this._searchLoading||(this._noindex=!e,this._searchLoading=!0,this.dispatchEvent(new CustomEvent(`jant:settings-save`,{bubbles:!0,detail:{endpoint:`/settings/general/search`,data:{allowIndexing:e},section:`search`}})))}_effectiveDiscoverMode(e={}){return ee({storedValue:this._discover||null,defaultValue:this.discoverDefault||null,demoMode:this.demoMode,noindex:e.noindex??this._noindex,rssFeedsEnabled:this.feedsEnabled})}_onDiscoverToggle(e){this._saveDiscover(e?`latest`:`off`)}_saveDiscover(e){this._discoverLoading||(this._discover=e,this._discoverLoading=!0,this.dispatchEvent(new CustomEvent(`jant:settings-save`,{bubbles:!0,detail:{endpoint:`/settings/general/discover`,data:{discover:e},section:`discover`}})))}_onKeydown(e,t,n,r){e.isComposing||e.keyCode===229||e.key===`Enter`&&!r&&n&&!(e.target instanceof HTMLTextAreaElement)&&(e.preventDefault(),t())}_renderSaveAction(e,r,i){return t`
+      <div class="flex mt-4">
+        <button
+          type="button"
+          class="btn"
+          ?disabled=${e||!r}
+          @click=${i}
+        >
+          ${e?t`<svg
+                  class="animate-spin size-4"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  role="status"
+                >
+                  <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+                </svg>`:n}
+          ${this.labels.save}
+        </button>
+      </div>
+    `}_renderSectionTitle(e){return t`<h3 class="text-sm font-semibold tracking-[0.01em]">
+      ${e}
+    </h3>`}_renderMainRssFeedOption(e,n,r){let i=this._mainRssFeed===e;return t`
+      <label
+        class=${`flex items-start gap-3 rounded-xl border p-3 cursor-pointer transition-colors ${i?`border-primary`:`border-border`}`}
+      >
+        <input
+          type="radio"
+          name="main-rss-feed"
+          value=${e}
+          class="mt-1"
+          .checked=${i}
+          ?disabled=${this._feedLoading}
+          @change=${()=>this._saveMainRssFeed(e)}
+        />
+        <div>
+          <div class="font-medium">${n}</div>
+          <div class="text-sm text-muted-foreground">${r}</div>
+        </div>
+      </label>
+    `}_renderFeedUrl(e,n,r){return t`
+      <div class=${s} data-copy-field-root>
+        <p class="text-sm font-medium">${e}</p>
+        ${r?t`<p class="text-sm text-muted-foreground">${r}</p>`:``}
+        <div class=${o}>
+          <input
+            type="text"
+            class=${l}
+            .value=${n}
+            readonly
+            aria-label=${e}
+            data-copy-field-value
+          />
+          <button
+            type="button"
+            class=${c}
+            data-copy-field=${this.labels.feedUrlCopied}
+            data-copy-field-failed=${this.labels.copyFailed}
+          >
+            ${this.labels.copy}
+          </button>
+        </div>
+      </div>
+    `}_renderAboutPageRow(){let e=this.aboutPage;return t`
+      <div class="mt-2 text-sm text-muted-foreground" data-about-page-row>
+        ${this.labels.aboutPagePrompt}
+        ${e.state===`ready`?t`
+                <a
+                  class="font-medium text-foreground underline-offset-4 hover:underline"
+                  href=${this.aboutEditUrl}
+                >
+                  ${this.labels.editAboutPage}
+                </a>
+              `:e.state===`missing`?t`
+                  <form
+                    class="inline"
+                    method="post"
+                    action=${this.aboutCreateUrl}
+                  >
+                    <button
+                      type="submit"
+                      class="inline cursor-pointer border-0 bg-transparent p-0 font-medium text-foreground underline-offset-4 hover:underline"
+                    >
+                      ${this.labels.createAboutPage}
+                    </button>
+                  </form>
+                `:t`
+                  <span class="text-destructive"
+                    >${this.labels.aboutPageConflict}</span
+                  >
+                `}
+      </div>
+    `}_renderSiteSection(){return t`
+      <section
+        class="${P} gap-4"
+        @keydown=${e=>this._onKeydown(e,()=>this._saveSite(),this._siteDirty,this._siteLoading)}
+      >
+        ${this._renderSectionTitle(this.labels.site)}
+        <div class="field">
+          <label class="label">${this.labels.siteName}</label>
+          <input
+            type="text"
+            class="input"
+            maxlength=${120}
+            .value=${this._siteName}
+            placeholder=${this.siteNameFallback}
+            @input=${e=>{this._siteName=e.target.value,this._syncSiteDirty()}}
+          />
+        </div>
+
+        <div class="field">
+          <label class="label">${this.labels.aboutBlog}</label>
+          <div class="settings-tiptap-editor" data-settings-desc-editor></div>
+          <p class="text-sm text-muted-foreground mt-1">
+            ${this.labels.aboutBlogHelp}
+          </p>
+          ${this._renderAboutPageRow()}
+        </div>
+
+        <div class="field">
+          <label class="label">${this.labels.siteFooter}</label>
+          <div class="settings-tiptap-editor" data-settings-footer-editor></div>
+          <p class="text-sm text-muted-foreground mt-1">
+            ${this.labels.footerHelp}
+          </p>
+        </div>
+
+        ${this._renderSaveAction(this._siteLoading,this._siteDirty,()=>this._saveSite())}
+      </section>
+    `}_renderVisibilitySection(){return t`
+      <section class="${P} gap-6">
+        ${this._renderSectionTitle(this.labels.siteVisibility)}
+        <div class="flex flex-col gap-2">
+          <label class="flex items-center gap-2 cursor-pointer">
+            <input
+              type="checkbox"
+              class="checkbox"
+              .checked=${!this._noindex}
+              ?disabled=${this.demoMode||this._searchLoading}
+              @change=${e=>this._saveSearchToggle(e.target.checked)}
+            />
+            <span>${this.labels.allowIndexing}</span>
+          </label>
+          ${this.demoMode?t`<p class="text-sm text-muted-foreground">
+                  ${this.labels.demoSeoLocked}
+                </p>`:n}
+        </div>
+        ${this._renderDiscoverForm()}
+      </section>
+    `}_renderFeedsSection(){return t`
+      <section class="${P} gap-4">
+        ${this._renderSectionTitle(this.labels.feeds)}
+        <div class="field">
+          <p class="label">${this.labels.mainRssFeed}</p>
+          <p class="text-sm text-muted-foreground mt-1">
+            ${this.labels.mainRssFeedHelp}
+          </p>
+          <div class="mt-3 flex flex-col gap-2">
+            ${this._renderMainRssFeedOption(`featured`,this.labels.featuredFeedOption,this.labels.featuredFeedOptionDescription)}
+            ${this._renderMainRssFeedOption(`latest`,this.labels.latestFeedOption,this.labels.latestFeedOptionDescription)}
+          </div>
+          <p class="text-sm text-muted-foreground mt-2">
+            ${this.labels.mainRssFeedWarning}
+          </p>
+        </div>
+
+        <div class="rounded-xl border border-border/70 bg-muted/30 p-4">
+          <div class="flex flex-col gap-4">
+            <div class="flex flex-col gap-1">
+              <p class="text-sm font-medium">
+                ${this.labels.availableFeedUrls}
+              </p>
+              <p class="text-sm text-muted-foreground">
+                ${this.labels.availableFeedUrlsHelp}
+                ${this.feedsDocsUrl?t`
+                        <a
+                          href=${this.feedsDocsUrl}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          class="underline hover:text-foreground transition-colors"
+                          >${this.labels.feedsDocs}</a
+                        >
+                      `:``}
+              </p>
+            </div>
+
+            ${this._renderFeedUrl(this.labels.mainFeedUrl,this.mainFeedUrl)}
+            ${this._renderFeedUrl(this.labels.latestFeedUrl,this.latestFeedUrl)}
+            ${this._renderFeedUrl(this.labels.featuredFeedUrl,this.featuredFeedUrl)}
+            ${this._renderFeedUrl(this.labels.archiveFeedUrl,this.archiveFeedUrl,this.labels.archiveFeedUrlHelp)}
+          </div>
+        </div>
+      </section>
+    `}_renderTimeSection(){return t`
+      <section
+        class="${P} gap-4"
+        @keydown=${e=>this._onKeydown(e,()=>this._saveLocale(),this._localeDirty,this._localeLoading)}
+      >
+        ${this._renderSectionTitle(this.labels.timeSection)}
+        <div class="field">
+          <label class="label">${this.labels.timeZone}</label>
+          <select
+            class="select"
+            @change=${e=>{this._timeZone=e.target.value,this._syncLocaleDirty()}}
+          >
+            ${this.timezones.map(e=>t`
+                <option
+                  value=${e.value}
+                  ?selected=${this._timeZone===e.value}
+                >
+                  ${e.label}
+                </option>
+              `)}
+          </select>
+        </div>
+
+        ${this._renderSaveAction(this._localeLoading,this._localeDirty,()=>this._saveLocale())}
+      </section>
+    `}_renderHomeSection(){return t`
+      <section class="${P} gap-4">
+        ${this._renderSectionTitle(this.labels.home)}
+        <label class="flex items-center gap-2 cursor-pointer">
+          <input
+            type="checkbox"
+            class="checkbox"
+            .checked=${this._showJantBrandingOnHome}
+            ?disabled=${this._homeLoading}
+            @change=${e=>this._saveHomeToggle(e.target.checked)}
+          />
+          <span>${this.labels.showJantBrandingOnHome}</span>
+        </label>
+      </section>
+    `}_renderDiscoverForm(){let e=this._effectiveDiscoverMode()!==`none`,r=this.demoMode||!this.feedsEnabled,i=!r&&!e&&this._effectiveDiscoverMode({noindex:!1})!==`none`;return t`
+      <div class="flex flex-col gap-3">
+        <div class="flex flex-col gap-2">
+          <label class="flex items-center gap-2 cursor-pointer">
+            <input
+              type="checkbox"
+              class="checkbox"
+              .checked=${e}
+              ?disabled=${r||this._discoverLoading}
+              @change=${e=>this._onDiscoverToggle(e.target.checked)}
+            />
+            <span>${this.labels.discoverEnabled}</span>
+          </label>
+          <p class="text-sm text-muted-foreground">
+            ${r?this.demoMode?this.labels.discoverDemoLocked:this.labels.discoverFeedsOffLocked:this._renderDiscoverIntro()}
+          </p>
+          ${i?t`<p class="text-sm text-muted-foreground">
+                  ${this.labels.discoverSearchOff}
+                </p>`:n}
+        </div>
+        ${r?n:this._renderDiscoverStatus()}
+      </div>
+    `}_renderDiscoverIntro(){return N(this.labels.discoverIntro??``,{name:this.labels.discoverName??``,rules:this.labels.discoverRules??``},this.discoverPages).map(e=>e.href?t`<a
+            href=${e.href}
+            target="_blank"
+            rel="noopener noreferrer"
+            class="underline hover:text-foreground transition-colors"
+            >${e.text}</a
+          >`:e.text)}_renderDiscoverStatus(){let e=this._parsedDiscoverStatus();return!e||this._effectiveDiscoverMode()===`none`||e.lines.length===0&&!e.showAnnounce?n:t`
+      <div class="flex flex-col gap-1 border-t pt-3">
+        ${e.lines.map(e=>t`<p class="text-sm text-muted-foreground">${e}</p>`)}
+        ${e.showAnnounce?t`
+                <div class="flex flex-wrap items-center gap-3 mt-1">
+                  <button
+                    type="button"
+                    class="btn-outline"
+                    ?disabled=${this._discoverLoading}
+                    @click=${()=>this._announce()}
+                  >
+                    ${this.labels.discoverAnnounce}
+                  </button>
+                  ${e.submitUrl?t`<a
+                          class="text-sm underline hover:text-foreground transition-colors"
+                          href=${e.submitUrl}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          >${this.labels.discoverAnnounceManual}</a
+                        >`:n}
+                </div>
+              `:n}
+      </div>
+    `}_parsedDiscoverStatus(){if(!this.discoverStatus)return null;try{let e=JSON.parse(this.discoverStatus);if(typeof e!=`object`||!e)return null;let t=e;return{lines:Array.isArray(t.lines)?t.lines.filter(e=>typeof e==`string`):[],showAnnounce:t.showAnnounce===!0,submitUrl:typeof t.submitUrl==`string`?t.submitUrl:null}}catch{return null}}_announce(){this._discoverLoading||(this._discoverLoading=!0,this.dispatchEvent(new CustomEvent(`jant:settings-save`,{bubbles:!0,detail:{endpoint:`/settings/general/discover/announce`,data:{},section:`discover`}})))}render(){return t`
+      <div class="flex flex-col gap-8">
+        <h2 class="text-lg font-semibold">${this.labels.general}</h2>
+        <div class="flex flex-col divide-y">
+          ${this._renderSiteSection()} ${this._renderVisibilitySection()}
+          ${this._renderFeedsSection()} ${this._renderTimeSection()}
+          ${this._renderHomeSection()}
+        </div>
+      </div>
+    `}};customElements.define(`jant-settings-general`,F);var I=`${typeof __JANT_DEV__<`u`&&__JANT_DEV__===!0?`https://jant-cloud.localtest.me`:`https://jant.me`}/docs`;function L(e=``){return e?`${I}/${e}`:I}var R=[``,`en`,`zh-Hans`,`zh-Hant`],z=L(`multilingual`);function B(e,t){return e.replace(/\{(\w+)\}/g,(e,n)=>t[n]??e)}var V=class extends i{static properties={labels:{type:Object},locales:{type:Array},_contentLanguage:{state:!0},_dashboardLanguage:{state:!0},_multilingualEnabled:{state:!0},_additional:{state:!0},_unmarkedPostCount:{state:!0},_sitePathPrefix:{state:!0},_savingSite:{state:!0},_savingDashboard:{state:!0},_removeError:{state:!0},_rowMenuOpen:{state:!0},_enableError:{state:!0},_enableOpen:{state:!0},_enableAdditional:{state:!0},_enablePrimary:{state:!0},_enableBusy:{state:!0}};#e=z;createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this.labels={},this.locales=[],this._contentLanguage=`en`,this._dashboardLanguage=``,this._multilingualEnabled=!1,this._additional=[],this._unmarkedPostCount=0,this._sitePathPrefix=``,this._savingSite=!1,this._savingDashboard=!1,this._removeError=null,this._rowMenuOpen=null,this._enableError=null,this._enableOpen=!1,this._enableAdditional=[],this._enablePrimary=`en`,this._enableBusy=!1}connectedCallback(){super.connectedCallback(),this.#t(),document.addEventListener(`click`,this.#s),document.addEventListener(`keydown`,this.#c)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#s),document.removeEventListener(`keydown`,this.#c)}#t(){let e=document.getElementById(`language-settings-initial-data`);if(!e?.textContent)return;let t;try{t=JSON.parse(e.textContent)}catch{return}let n=t;this._contentLanguage=n.contentLanguage??`en`,this._dashboardLanguage=n.dashboardLanguage??``,this._multilingualEnabled=n.multilingualEnabled??!1,this._additional=Array.isArray(n.additionalLanguages)?[...n.additionalLanguages]:[],this._unmarkedPostCount=n.unmarkedPostCount??0,this._sitePathPrefix=n.sitePathPrefix??``,this.#e=n.multilingualDocsUrl||z}#n(e){return this.locales.find(t=>t.tag===e)??{tag:e,native:e,english:e,coverage:0}}#r(e){let t=this.#n(e);return t.native||t.tag}#i(e){return`${this._sitePathPrefix}/${e.toLowerCase()}`}#a(e){return`${this._sitePathPrefix}/settings/language${e}`}#o(){return this.querySelector(`jant-locale-picker[open]`)!==null}#s=e=>{if(!this._rowMenuOpen)return;let t=e.target;t&&this.contains(t)&&t.closest?.(`[data-row-menu]`)||(this._rowMenuOpen=null)};#c=e=>{if(e.key===`Escape`){if(this._rowMenuOpen){e.stopPropagation(),this._rowMenuOpen=null;return}this._enableOpen&&(e.stopPropagation(),this.#_())}};#l(e){this._rowMenuOpen=this._rowMenuOpen===e?null:e}async#u(e,t){try{let n=await fetch(this.#a(e),{method:`POST`,headers:{"Content-Type":`application/json`,Accept:`application/json`},body:JSON.stringify(t)}),r=await f(n);return n.ok?{ok:!0,message:_(r,`toast`)}:{ok:!1,message:_(r,`error`)??`HTTP ${n.status}`,language:_(r,`language`)}}catch{return{ok:!1,message:`Couldn't reach the server. Try again.`}}}async#d(e){if(this._removeError=null,e===this._contentLanguage)return;if(this._multilingualEnabled){let t=this._contentLanguage;if(!await d({title:this.labels.changePrimaryTitle,message:B(this.labels.changePrimaryBody,{next:this.#r(e),previous:this.#r(t),prefix:this.#i(t)}),confirmLabel:this.labels.changePrimaryConfirm,cancelLabel:this.labels.cancel}))return;this._savingSite=!0;let n=await this.#u(`/primary`,{language:e});if(this._savingSite=!1,!n.ok){a(n.message??``,`error`);return}this._additional=[...this._additional.filter(t=>t!==e),t],this._contentLanguage=e,n.message&&a(n.message);return}this._savingSite=!0;let t=this._contentLanguage;this._contentLanguage=e;let n=await this.#u(``,{contentLanguage:e});if(this._savingSite=!1,!n.ok){this._contentLanguage=t,a(n.message??``,`error`);return}n.message&&a(n.message)}async#f(e){let t=this._dashboardLanguage;this._dashboardLanguage=e,this._savingDashboard=!0;let n=await this.#u(``,{dashboardLanguage:e});if(this._savingDashboard=!1,!n.ok){this._dashboardLanguage=t,a(n.message??``,`error`);return}window.location.reload()}async#p(e){this._removeError=null;let t=await this.#u(`/add`,{language:e});if(!t.ok){a(t.message??``,`error`);return}this._additional=[...this._additional,e],t.message&&a(t.message)}async#m(e){this._removeError=null;let t=this._multilingualEnabled&&this._additional.length===1&&this._additional[0]===e;if(t&&!await d({title:this.labels.removeLastTitle,message:B(this.labels.removeLastBody,{language:this.#r(e),prefix:this.#i(e)}),confirmLabel:this.labels.removeLastConfirm,cancelLabel:this.labels.cancel}))return;let n=await this.#u(`/remove`,{language:e});if(!n.ok){this._removeError={tag:e,message:n.message??``};return}if(this._additional=this._additional.filter(t=>t!==e),t){this._multilingualEnabled=!1,n.message&&r(n.message),window.location.reload();return}n.message&&a(n.message)}async#h(){if(this._removeError=null,!await d({title:this.labels.disableTitle,message:B(this.labels.disableBody,{prefix:this.#i(this._additional[0]??`en`)}),confirmLabel:this.labels.disableConfirm,cancelLabel:this.labels.cancel}))return;let e=await this.#u(`/disable`,{});if(!e.ok){a(e.message??``,`error`);return}this._multilingualEnabled=!1,e.message&&r(e.message),window.location.reload()}#g(){this._removeError=null,this._enableError=null,this._enablePrimary=this._contentLanguage,this._enableAdditional=[...this._additional],this._enableOpen=!0,this.updateComplete.then(()=>{let e=this.querySelector(`[data-enable-dialog]`);e&&!e.open&&e.showModal(),e?.querySelector(`[data-enable-panel]`)?.focus()})}#_(){let e=this.querySelector(`[data-enable-dialog]`);e?.open&&e.close(),this._enableOpen=!1}async#v(){if(this._enableAdditional.length===0||this._enableBusy)return;this._enableBusy=!0,this._enableError=null;let e=await this.#u(`/enable`,{primary:this._enablePrimary,additional:this._enableAdditional});if(this._enableBusy=!1,!e.ok){this._enableError={message:e.message??``,...e.language?{language:e.language}:{}};return}this._contentLanguage=this._enablePrimary,this._additional=[...this._enableAdditional],this._multilingualEnabled=!0,this._unmarkedPostCount=0,this.#_(),e.message&&r(e.message),window.location.reload()}get#y(){return this.#b??={search:this.labels.searchPlaceholder,empty:this.labels.noMatches},this.#b}#b=null;#x(e){return t`
+      <jant-locale-picker
+        .locales=${this.locales}
+        .labels=${this.#y}
+        .value=${e.current??``}
+        .exclude=${[...e.exclude]}
+        .triggerLabel=${e.triggerLabel??``}
+        .triggerClass=${e.triggerClass}
+        .labelledby=${e.labelId}
+        @locale-select=${t=>e.onSelect(t.detail.tag)}
+      ></jant-locale-picker>
+    `}#S(e){return t`
+      <div class="flex flex-wrap items-center gap-2" role="alert">
+        <p class="text-sm text-destructive">${e.message}</p>
+        ${e.language?t`
+                <button
+                  type="button"
+                  class="btn-sm-outline"
+                  data-enable-add-back
+                  @click=${()=>this.#C(e.language??``)}
+                >
+                  ${B(this.labels.addMissingLanguage,{language:this.#r(e.language)})}
+                </button>
+              `:n}
+      </div>
+    `}#C(e){e&&(this._enableError=null,!(e===this._enablePrimary||this._enableAdditional.includes(e))&&(this._enableAdditional=[...this._enableAdditional,e]))}#w(){if(!this._enableOpen)return n;let e=this._unmarkedPostCount>0?B(this.labels.enableMarkWarning,{language:this.#r(this._enablePrimary)}):null;return t`
+      <dialog
+        class="dialog confirm-dialog"
+        data-enable-dialog
+        @cancel=${e=>{e.preventDefault(),this.#_()}}
+        @click=${e=>{e.target===e.currentTarget&&this.#_()}}
+        @keydown=${e=>{e.key===`Enter`&&!e.shiftKey&&!this.#o()&&(e.preventDefault(),this.#v())}}
+      >
+        <div
+          class="confirm-dialog-panel"
+          data-enable-panel
+          tabindex="-1"
+          role="document"
+          aria-labelledby="language-enable-title"
+        >
+          <header class="confirm-dialog-header">
+            <h2 id="language-enable-title" class="confirm-dialog-title">
+              ${this.labels.enableTitle}
+            </h2>
+          </header>
+
+          <div class="flex flex-col gap-4 py-2">
+            <div class="field">
+              <span id="language-enable-primary-label" class="label"
+                >${this.labels.primaryLanguage}</span
+              >
+              ${this.#x({labelId:`language-enable-primary-label`,current:this._enablePrimary,exclude:this._enableAdditional,triggerLabel:this.#r(this._enablePrimary),triggerClass:u,onSelect:e=>{this._enablePrimary=e,this._enableAdditional=this._enableAdditional.filter(t=>t!==e)}})}
+              <p class="text-sm text-muted-foreground mt-1">
+                ${this.labels.primaryLanguageHelp}
+              </p>
+            </div>
+
+            <div class="field">
+              <span id="language-enable-add-label" class="label"
+                >${this.labels.otherLanguages}</span
+              >
+              <div class="flex flex-wrap items-center gap-2">
+                ${this._enableAdditional.map(e=>t`
+                    <span class="badge-secondary gap-1">
+                      ${this.#r(e)}
+                      <button
+                        type="button"
+                        class="cursor-pointer opacity-70 hover:opacity-100"
+                        aria-label=${B(this.labels.removeLanguage,{language:this.#r(e)})}
+                        @click=${()=>{this._enableAdditional=this._enableAdditional.filter(t=>t!==e)}}
+                      >
+                        ×
+                      </button>
+                    </span>
+                  `)}
+                ${this.#x({labelId:`language-enable-add-label`,exclude:[this._enablePrimary,...this._enableAdditional],triggerLabel:`+ ${this.labels.addLanguage}`,triggerClass:`btn-sm-outline`,onSelect:e=>{this._enableAdditional=[...this._enableAdditional,e]}})}
+              </div>
+            </div>
+
+            ${e?t`
+                    <div class="alert">
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        aria-hidden="true"
+                      >
+                        <path
+                          d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
+                        />
+                        <path d="M12 9v4" />
+                        <path d="M12 17h.01" />
+                      </svg>
+                      <strong>${this.labels.enableMarkTitle}</strong>
+                      <section>
+                        <p>${e}</p>
+                        <p>${this.labels.enableFixHint}</p>
+                      </section>
+                    </div>
+                  `:n}
+
+            <p class="text-sm text-muted-foreground">
+              ${this.labels.enableReassurance}
+            </p>
+
+            ${this._enableAdditional.length===0?t`<p class="text-sm text-muted-foreground">
+                    ${this.labels.enableNeedsLanguage}
+                  </p>`:n}
+            ${this._enableError?this.#S(this._enableError):n}
+          </div>
+
+          <footer class="confirm-dialog-actions">
+            <button
+              type="button"
+              class="btn-outline"
+              @click=${()=>this.#_()}
+            >
+              ${this.labels.cancel}
+            </button>
+            <button
+              type="button"
+              class="btn"
+              data-enable-confirm
+              ?disabled=${this._enableAdditional.length===0||this._enableBusy}
+              @click=${()=>void this.#v()}
+            >
+              ${this._enableBusy?this.labels.saving:this.labels.save}
+            </button>
+          </footer>
+        </div>
+      </dialog>
+    `}#T(e){let r=this._rowMenuOpen===e,i=this.#r(e);return t`
+      <span class="relative ml-auto flex items-center" data-row-menu>
+        <button
+          type="button"
+          class="btn-sm-ghost text-muted-foreground"
+          aria-haspopup="menu"
+          aria-expanded=${r?`true`:`false`}
+          aria-label=${B(this.labels.languageMenu,{language:i})}
+          data-language-menu
+          @click=${()=>this.#l(e)}
+        >
+          ⋯
+        </button>
+        ${r?t`
+                <div
+                  role="menu"
+                  class="absolute right-0 top-full z-20 mt-1 min-w-40 rounded-md border bg-popover py-1 text-popover-foreground shadow-md"
+                >
+                  <button
+                    type="button"
+                    role="menuitem"
+                    class="block w-full cursor-pointer px-3 py-2 text-left text-sm hover:bg-accent"
+                    ?disabled=${this._savingSite}
+                    @click=${()=>{this._rowMenuOpen=null,this.#d(e)}}
+                  >
+                    ${this.labels.makePrimary}
+                  </button>
+                  <button
+                    type="button"
+                    role="menuitem"
+                    class="block w-full cursor-pointer px-3 py-2 text-left text-sm text-destructive hover:bg-accent"
+                    @click=${()=>{this._rowMenuOpen=null,this.#m(e)}}
+                  >
+                    ${B(this.labels.removeLanguage,{language:i})}
+                  </button>
+                </div>
+              `:n}
+      </span>
+    `}#E(){let e=[this._contentLanguage,...this._additional];return t`
+      <div class="field">
+        <span id="language-list-label" class="label"
+          >${this.labels.languagesLabel}${this._savingSite?` ${this.labels.saving}`:``}</span
+        >
+        <ul
+          class="flex flex-col rounded-md border divide-y"
+          aria-labelledby="language-list-label"
+        >
+          ${e.map(e=>{let r=e===this._contentLanguage,i=r?`${this._sitePathPrefix}/`:this.#i(e);return t`
+              <li class="flex flex-col px-3 py-1.5 text-sm">
+                <div class="flex min-h-8 items-center gap-3">
+                  <span class="min-w-0 truncate" lang=${e}
+                    >${this.#r(e)}</span
+                  >
+                  <a
+                    href=${i}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    class="shrink-0"
+                  >
+                    <code
+                      class="rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground underline-offset-2 hover:text-foreground hover:underline"
+                      >${i}</code
+                    >
+                  </a>
+                  ${r?t`<span class="badge-secondary ml-auto"
+                          >${this.labels.primaryBadge}</span
+                        >`:this.#T(e)}
+                </div>
+                ${this._removeError?.tag===e?t`
+                        <p class="pb-1 text-sm text-destructive" role="alert">
+                          ${this._removeError.message}${this._multilingualEnabled?t`
+                                  <a
+                                    class="underline underline-offset-2"
+                                    href=${`${this.#i(e)}/archive`}
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                    >${this.labels.viewPosts}</a
+                                  >
+                                `:n}
+                        </p>
+                      `:n}
+              </li>
+            `})}
+        </ul>
+        <div class="mt-2">
+          ${this.#x({labelId:`language-list-label`,exclude:[this._contentLanguage,...this._additional],triggerLabel:`+ ${this.labels.addLanguage}`,triggerClass:`btn-sm-outline`,onSelect:e=>void this.#p(e)})}
+        </div>
+      </div>
+    `}render(){return this.labels.contentLanguage?t`
+      <div class="flex flex-col gap-8">
+        <section class="flex flex-col gap-4">
+          <h2 class="text-lg font-medium">${this.labels.siteSection}</h2>
+
+          ${this._multilingualEnabled?this.#E():t`
+                  <div class="field">
+                    <span id="language-primary-label" class="label"
+                      >${this.labels.contentLanguage}</span
+                    >
+                    ${this.#x({labelId:`language-primary-label`,current:this._contentLanguage,exclude:[],triggerLabel:this.#r(this._contentLanguage),triggerClass:u,onSelect:e=>void this.#d(e)})}
+                    <p class="text-sm text-muted-foreground mt-1">
+                      ${this.labels.contentLanguageHelp}${this._savingSite?` ${this.labels.saving}`:``}
+                    </p>
+                  </div>
+                `}
+        </section>
+
+        <section class="flex flex-col gap-3 border-t pt-8">
+          <h2 class="text-lg font-medium">${this.labels.multilingual}</h2>
+          <p class="text-sm text-muted-foreground">
+            ${this.labels.multilingualHelp}
+          </p>
+          <p class="text-sm text-muted-foreground">
+            <a
+              href=${this.#e}
+              target="_blank"
+              rel="noopener noreferrer"
+              class="underline hover:text-foreground transition-colors"
+              >${this.labels.multilingualDocs}</a
+            >
+            — ${this.labels.multilingualDocsHelp}
+          </p>
+          <div class="flex items-center gap-3">
+            ${this._multilingualEnabled?t`
+                    <span class="badge-secondary">${this.labels.statusOn}</span>
+                    <button
+                      type="button"
+                      class="btn-link h-auto p-0 text-sm text-muted-foreground"
+                      data-multilingual-off
+                      @click=${()=>void this.#h()}
+                    >
+                      ${this.labels.disableConfirm}
+                    </button>
+                  `:t`
+                    <button
+                      type="button"
+                      class="btn-sm-outline"
+                      data-multilingual-setup
+                      @click=${()=>this.#g()}
+                    >
+                      ${this.labels.turnOn}
+                    </button>
+                  `}
+          </div>
+        </section>
+
+        <section class="flex flex-col gap-4 border-t pt-8">
+          <h2 class="text-lg font-medium">${this.labels.dashboardSection}</h2>
+
+          <div class="field">
+            <label id="dashboard-language-label" class="label"
+              >${this.labels.dashboardLanguage}</label
+            >
+            <select
+              class="select"
+              aria-labelledby="dashboard-language-label"
+              ?disabled=${this._savingDashboard}
+              @change=${e=>void this.#f(e.target.value)}
+            >
+              ${R.map(e=>t`
+                  <option
+                    value=${e}
+                    ?selected=${this._dashboardLanguage===e}
+                  >
+                    ${e===``?this.labels.followContent:this.#r(e)}
+                  </option>
+                `)}
+            </select>
+            <p class="text-sm text-muted-foreground mt-1">
+              ${this.labels.dashboardLanguageHelp}
+            </p>
+          </div>
+        </section>
+      </div>
+
+      ${this.#w()}
+    `:n}};customElements.define(`jant-settings-language`,V);var H=class extends i{static properties={avatarUrl:{type:String,attribute:`avatar-url`},showInHeader:{type:Boolean,attribute:`show-in-header`},labels:{type:Object},_showInHeader:{state:!0},_origShowInHeader:{state:!0},_dirty:{state:!0},_loading:{state:!0},_removeLoading:{state:!0}};createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this.avatarUrl=``,this.showInHeader=!1,this.labels={},this._showInHeader=!1,this._origShowInHeader=!1,this._dirty=!1,this._loading=!1,this._removeLoading=!1}connectedCallback(){super.connectedCallback(),this._showInHeader=this.showInHeader,this._origShowInHeader=this.showInHeader}saved(){this._origShowInHeader=this._showInHeader,this._dirty=!1,this._loading=!1}saveError(){this._loading=!1}removeError(){this._removeLoading=!1}_toggleDisplay(){this._showInHeader=!this._showInHeader,this._dirty=this._showInHeader!==this._origShowInHeader}_cancelDisplay(){this._showInHeader=this._origShowInHeader,this._dirty=!1}_saveDisplay(){!this._loading&&this._dirty&&(this._loading=!0,this.dispatchEvent(new CustomEvent(`jant:settings-save`,{bubbles:!0,detail:{endpoint:`/settings/avatar/display`,data:{showHeaderAvatar:this._showInHeader?`true`:``},section:`avatar-display`}})))}async _removeAvatar(){await d({message:this.labels.confirmRemoveAvatar,confirmLabel:this.labels.remove,cancelLabel:this.labels.cancel,tone:`danger`})&&(this._removeLoading||(this._removeLoading=!0,this.dispatchEvent(new CustomEvent(`jant:avatar-remove`,{bubbles:!0,detail:{endpoint:`/settings/avatar/remove`}}))))}_renderPreview(){let e=`rounded-full size-16 overflow-hidden border border-border/70 bg-muted/40 flex items-center justify-center shrink-0`;return this.avatarUrl?t`
+        <div class=${e}>
+          <img
+            src=${this.avatarUrl}
+            alt=""
+            class="w-full h-full object-cover"
+          />
+        </div>
+      `:t`
+      <div class="${e} text-muted-foreground">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
+          <circle cx="9" cy="9" r="2" />
+          <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" />
+        </svg>
+      </div>
+    `}render(){return t`
+      <div>
+        <h2 class="text-lg font-semibold mb-4">${this.labels.blogAvatar}</h2>
+        <div class="flex flex-col gap-4">
+          <div class="flex items-center gap-4">
+            ${this._renderPreview()}
+            <div class="flex flex-col gap-2">
+              <form
+                action=${e(`/settings/avatar`)}
+                method="post"
+                enctype="multipart/form-data"
+                class="inline"
+              >
+                <label class="btn text-sm cursor-pointer">
+                  ${this.labels.uploadAvatar}
+                  <input
+                    type="file"
+                    name="file"
+                    accept="image/jpeg,image/png,image/gif,image/webp,image/svg+xml"
+                    class="hidden"
+                    data-avatar-upload
+                    data-text-processing=${this.labels.processing}
+                    data-text-uploading=${this.labels.uploading}
+                    data-text-error=${this.labels.uploadError}
+                  />
+                </label>
+              </form>
+              ${this.avatarUrl?t`
+                      <button
+                        type="button"
+                        class="btn-outline text-sm"
+                        ?disabled=${this._removeLoading}
+                        @click=${()=>void this._removeAvatar()}
+                      >
+                        ${this.labels.remove}
+                      </button>
+                    `:n}
+            </div>
+          </div>
+          <p class="text-sm text-muted-foreground">${this.labels.avatarHelp}</p>
+          <label class="flex items-center gap-2 cursor-pointer">
+            <input
+              type="checkbox"
+              class="checkbox"
+              .checked=${this._showInHeader}
+              @change=${this._toggleDisplay}
+            />
+            <span>${this.labels.displayInHeader}</span>
+          </label>
+          <div class="flex gap-2 mt-4">
+            <button
+              type="button"
+              class="btn"
+              ?disabled=${this._loading||!this._dirty}
+              @click=${this._saveDisplay}
+            >
+              ${this._loading?t`<svg
+                      class="animate-spin size-4"
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      role="status"
+                    >
+                      <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+                    </svg>`:n}
+              ${this.labels.save}
+            </button>
+            <button
+              type="button"
+              class="btn-outline"
+              ?disabled=${this._loading||!this._dirty}
+              @click=${this._cancelDisplay}
+            >
+              ${this.labels.cancel}
+            </button>
+          </div>
+        </div>
+      </div>
+    `}};customElements.define(`jant-settings-avatar`,H);var U={search:`Search settings`,modifiedOnly:`Show only modified`,modified:`Modified`,locked:`Locked`,reset:`Reset to default`,saving:`Saving…`,saved:`Saved`,saveError:`This setting wasn't saved. Check the value and try again.`,noMatches:`Nothing matches this search. Try a different name or description.`,countTemplate:`{count} settings shown`,openSetting:`Open setting`,configured:`Configured`,notConfigured:`Not configured`};function W(e){if(!g(e))return;let t={};for(let[n,r]of Object.entries(e)){if(typeof r!=`string`)return;t[n]=r}return t}function G(e){if(!g(e))return null;let t=_(e,`key`),n=_(e,`mode`),r=_(e,`type`),i=_(e,`value`),a=_(e,`fallbackValue`),o=_(e,`description`),s=_(e,`settingsPath`),c=_(e,`display`),l=_(e,`fallbackKey`);if(!t||n!==`edit`&&n!==`link`||r!==`boolean`&&r!==`string`&&r!==`number`&&r!==`enum`||i===void 0||a===void 0||o===void 0||typeof e.modified!=`boolean`||typeof e.locked!=`boolean`||n===`link`&&(!s||c!==`value`&&c!==`configured`))return null;let u=Array.isArray(e.options)?e.options.filter(e=>typeof e==`string`):void 0;if(n===`edit`&&r===`enum`&&(!u||u.length===0))return null;let d=W(e.optionLabels);return{key:t,mode:n,type:r,value:i,fallbackValue:a,modified:e.modified,locked:e.locked,description:o,...typeof e.maxLength==`number`&&{maxLength:e.maxLength},...typeof e.min==`number`&&{min:e.min},...typeof e.max==`number`&&{max:e.max},...typeof e.step==`number`&&{step:e.step},...u&&{options:u},...d&&{optionLabels:d},...s&&{settingsPath:s},...c===`value`||c===`configured`?{display:c}:{},...e.resettable===!0&&{resettable:!0},...l&&{fallbackKey:l}}}function K(e){try{let t=JSON.parse(e);return!g(t)||!Array.isArray(t.fields)?[]:t.fields.map(G).filter(e=>e!==null)}catch{return[]}}function q(e){try{let t=JSON.parse(e);if(!g(t))return U;let n={...U};for(let e of Object.keys(n)){let r=t[e];typeof r==`string`&&r&&(n[e]=r)}return n}catch{return U}}var J=class extends i{static properties={endpoint:{type:String},initialData:{type:String,attribute:`initial-data`},labelsJson:{type:String,attribute:`labels`},_items:{state:!0},_labels:{state:!0},_query:{state:!0},_modifiedOnly:{state:!0},_drafts:{state:!0},_pending:{state:!0},_statuses:{state:!0}};_statusTimeouts=new Map;createRenderRoot(){return this}constructor(){super(),this.endpoint=`/api/settings`,this.initialData=``,this.labelsJson=``,this._items=[],this._labels=U,this._query=``,this._modifiedOnly=!1,this._drafts={},this._pending={},this._statuses={}}connectedCallback(){super.connectedCallback(),this.querySelector(`:scope > .config-editor-fallback`)?.remove();let e=this.getAttribute(`initial-data`)??this.initialData,t=this.getAttribute(`labels`)??this.labelsJson;this._items=K(e),this._labels=q(t),this._drafts=Object.fromEntries(this._items.map(e=>[e.key,e.value]))}disconnectedCallback(){for(let e of this._statusTimeouts.values())window.clearTimeout(e);this._statusTimeouts.clear(),super.disconnectedCallback()}_filteredItems(){let e=v(this._query);return this._items.map((t,n)=>({item:t,index:n,rank:e?h([t.key,t.description,t.type,t.value],e):0})).filter(e=>e.rank!==null&&(!this._modifiedOnly||e.item.modified)).sort((e,t)=>(e.rank??0)-(t.rank??0)||e.index-t.index).map(({item:e})=>e)}_setDraft(e,t){this._drafts={...this._drafts,[e]:t},this._statuses[e]&&this._setStatus(e,void 0)}_setPending(e,t){this._pending={...this._pending,[e]:t}}_setStatus(e,t){let n=this._statusTimeouts.get(e);if(n!==void 0&&(window.clearTimeout(n),this._statusTimeouts.delete(e)),this._statuses={...this._statuses,[e]:t},t?.state===`saved`){let t=window.setTimeout(()=>{this._statuses[e]?.state===`saved`&&(this._statuses={...this._statuses,[e]:void 0}),this._statusTimeouts.delete(e)},2e3);this._statusTimeouts.set(e,t)}}_replaceItem(e,t){this._items=this._items.map(n=>n.key===e?t(n):n)}_commitValue(e,t,n){let r={...this._drafts,[e]:t};this._items=this._items.map(i=>i.key===e?{...i,value:t,modified:n}:i.fallbackKey===e?i.modified?{...i,fallbackValue:t}:(r[i.key]=t,{...i,value:t,fallbackValue:t}):i),this._drafts=r}async _save(e,t){if(e.locked||this._pending[e.key])return;let n=e.type===`boolean`||e.type===`enum`,r=e.value;n&&this._replaceItem(e.key,e=>({...e,value:t})),this._setPending(e.key,!0),this._setStatus(e.key,{state:`saving`});try{let n=await fetch(this.endpoint,{method:`PUT`,headers:{"Content-Type":`application/json`,Accept:`application/json`},body:JSON.stringify({[e.key]:t})});if(!n.ok)throw Error(await m(n,this._labels.saveError));let r=(await f(n)).settings,i=_(r,e.key)??t;this._commitValue(e.key,i,!0),this._setStatus(e.key,{state:`saved`})}catch(t){n&&this._replaceItem(e.key,e=>({...e,value:r})),this._setStatus(e.key,{state:`error`,message:t instanceof Error?t.message:this._labels.saveError})}finally{this._setPending(e.key,!1)}}async _reset(e){if(!(!e.modified||e.locked||e.mode===`link`&&!e.resettable||this._pending[e.key])){this._setPending(e.key,!0),this._setStatus(e.key,{state:`saving`});try{let t=await fetch(`${this.endpoint}/${encodeURIComponent(e.key)}`,{method:`DELETE`,headers:{Accept:`application/json`}});if(!t.ok)throw Error(await m(t,this._labels.saveError));let n=await f(t),r=g(n.setting)?n.setting:void 0,i=_(r,`value`)??_(n.settings,e.key)??e.fallbackValue;this._commitValue(e.key,i,!1),this._setStatus(e.key,{state:`saved`})}catch(t){this._setStatus(e.key,{state:`error`,message:t instanceof Error?t.message:this._labels.saveError})}finally{this._setPending(e.key,!1)}}}_renderStatus(e){let r=this._statuses[e.key];return r?r.state===`saving`?t`<span class="config-editor-status" role="status"
+        >${this._labels.saving}</span
+      >`:r.state===`saved`?t`<span
+        class="config-editor-status config-editor-status-saved"
+        role="status"
+        >${this._labels.saved}</span
+      >`:t`<span
+      class="config-editor-status config-editor-status-error"
+      role="alert"
+      >${r.message}</span
+    >`:n}_renderControl(e){let r=`config-editor-${e.key.toLowerCase().replaceAll(`_`,`-`)}`,i=!!this._pending[e.key]||e.locked;if(e.type===`boolean`)return t`<input
+        id=${r}
+        name=${e.key}
+        type="checkbox"
+        role="switch"
+        class="input"
+        aria-describedby=${`${r}-description`}
+        .checked=${e.value===`true`}
+        ?disabled=${i}
+        @change=${t=>void this._save(e,String(t.target.checked))}
+      />`;if(e.type===`enum`)return t`<select
+        id=${r}
+        name=${e.key}
+        class="select config-editor-select"
+        aria-describedby=${`${r}-description`}
+        .value=${e.value}
+        ?disabled=${i}
+        @change=${t=>void this._save(e,t.target.value)}
+      >
+        ${(e.options??[]).map(n=>t`<option value=${n} ?selected=${n===e.value}>
+              ${e.optionLabels?.[n]??n}
+            </option>`)}
+      </select>`;let a=this._drafts[e.key]??e.value,o=a!==e.value;return t`<input
+      id=${r}
+      name=${e.key}
+      class="input config-editor-value-input"
+      type=${e.type===`number`?`number`:`text`}
+      autocomplete="off"
+      spellcheck="false"
+      aria-describedby=${`${r}-description`}
+      .value=${a}
+      maxlength=${e.maxLength??n}
+      min=${e.min??n}
+      max=${e.max??n}
+      step=${e.step??n}
+      ?disabled=${i}
+      @input=${t=>this._setDraft(e.key,t.target.value)}
+      @blur=${t=>{let n=t.target.value;n!==e.value&&this._save(e,n)}}
+      @keydown=${t=>{t.key===`Escape`?(t.preventDefault(),this._setDraft(e.key,e.value)):t.key===`Enter`&&!t.isComposing&&o&&(t.preventDefault(),this._save(e,a))}}
+    />`}_renderLinkedSetting(e){let n=e.display===`configured`?e.value===`true`?this._labels.configured:this._labels.notConfigured:e.value;return t`
+      <a
+        class="config-editor-open-control"
+        href=${e.settingsPath??`/settings`}
+        aria-describedby=${`config-editor-${e.key.toLowerCase().replaceAll(`_`,`-`)}-description`}
+      >
+        <span class="config-editor-linked-value" translate="no">${n}</span>
+        <span class="config-editor-open-action">
+          ${this._labels.openSetting}
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="15"
+            height="15"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            aria-hidden="true"
+          >
+            <path d="M5 12h14" />
+            <path d="m13 6 6 6-6 6" />
+          </svg>
+        </span>
+      </a>
+    `}_canReset(e){return e.modified&&!e.locked&&(e.mode===`edit`||e.resettable===!0)}_renderRow(e){let r=`config-editor-${e.key.toLowerCase().replaceAll(`_`,`-`)}`,i=[`config-editor-control-row`,e.mode===`edit`&&e.type===`enum`?`config-editor-control-row-select`:``,e.mode===`edit`&&e.type===`number`?`config-editor-control-row-number`:``].filter(Boolean).join(` `);return t`
+      <li
+        class="config-editor-row"
+        data-modified=${String(e.modified)}
+        aria-busy=${String(!!this._pending[e.key])}
+      >
+        <div class="config-editor-copy">
+          <div class="config-editor-heading">
+            ${e.mode===`edit`?t`<label for=${r}
+                    ><code class="config-editor-key" translate="no"
+                      >${e.key}</code
+                    ></label
+                  >`:t`<code class="config-editor-key" translate="no"
+                    >${e.key}</code
+                  >`}
+            ${e.modified?t`<span class="config-editor-state config-editor-modified"
+                    >${this._labels.modified}</span
+                  >`:n}
+            ${e.locked?t`<span class="config-editor-state config-editor-locked"
+                    >${this._labels.locked}</span
+                  >`:n}
+          </div>
+          <p class="config-editor-description" id=${`${r}-description`}>
+            ${e.description}
+          </p>
+        </div>
+        <div class="config-editor-value-column">
+          <div class=${i}>
+            ${e.mode===`link`?this._renderLinkedSetting(e):this._renderControl(e)}
+            ${this._canReset(e)?t`<button
+                    type="button"
+                    class="config-editor-reset"
+                    aria-label=${this._labels.reset}
+                    title=${this._labels.reset}
+                    ?disabled=${!!this._pending[e.key]}
+                    @click=${()=>void this._reset(e)}
+                  >
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="15"
+                      height="15"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      aria-hidden="true"
+                    >
+                      <path d="M3 12a9 9 0 1 0 3-6.7L3 8" />
+                      <path d="M3 3v5h5" />
+                    </svg>
+                  </button>`:n}
+          </div>
+          ${this._renderStatus(e)}
+        </div>
+      </li>
+    `}render(){let e=this._filteredItems(),n=this._labels.countTemplate.replace(`{count}`,String(e.length));return t`
+      <div class="config-editor-toolbar">
+        <div class="config-editor-search">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="17"
+            height="17"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            aria-hidden="true"
+          >
+            <circle cx="11" cy="11" r="8"></circle>
+            <path d="m21 21-4.3-4.3"></path>
+          </svg>
+          <input
+            type="search"
+            name="config-search"
+            class="input config-editor-search-input"
+            autocomplete="off"
+            spellcheck="false"
+            placeholder=${this._labels.search}
+            aria-label=${this._labels.search}
+            .value=${this._query}
+            @input=${e=>{this._query=e.target.value}}
+            @keydown=${e=>{e.key===`Escape`&&this._query&&(e.preventDefault(),this._query=``)}}
+          />
+        </div>
+      </div>
+      <div class="config-editor-toolbar-meta">
+        <p class="config-editor-count" aria-live="polite">${n}</p>
+        <label class="config-editor-modified-filter">
+          <input
+            type="checkbox"
+            name="modified-only"
+            class="input"
+            .checked=${this._modifiedOnly}
+            @change=${e=>{this._modifiedOnly=e.target.checked}}
+          />
+          <span>${this._labels.modifiedOnly}</span>
+        </label>
+      </div>
+      ${e.length>0?t`<ul class="config-editor-list">
+              ${e.map(e=>this._renderRow(e))}
+            </ul>`:t`<div class="config-editor-empty" role="status">
+              <p>${this._labels.noMatches}</p>
+            </div>`}
+    `}};customElements.get(`jant-config-editor`)||customElements.define(`jant-config-editor`,J);var Y=300,X=1,Z=class extends i{static properties={labels:{type:Object},apiBase:{type:String,attribute:`api-base`},connectUrl:{type:String,attribute:`connect-url`},installUrl:{type:String,attribute:`install-url`},cancelUrl:{type:String,attribute:`cancel-url`},createRepoNameHint:{type:String,attribute:`create-repo-name-hint`},_installations:{state:!0},_selectedOwner:{state:!0},_ownerOpen:{state:!0},_repos:{state:!0},_totalCount:{state:!0},_hasMore:{state:!0},_nextPage:{state:!0},_reposMode:{state:!0},_repoOpen:{state:!0},_repoSearch:{state:!0},_loadingRepos:{state:!0},_selectedRepo:{state:!0},_classification:{state:!0},_classifying:{state:!0},_confirmText:{state:!0},_connecting:{state:!0},_error:{state:!0}};#e=null;#t=0;#n=!1;#r=null;createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this.labels={},this.apiBase=``,this.connectUrl=``,this.installUrl=``,this.cancelUrl=``,this.createRepoNameHint=``,this._installations=[],this._selectedOwner=null,this._ownerOpen=!1,this._repos=[],this._totalCount=0,this._hasMore=!1,this._nextPage=null,this._reposMode=`list`,this._repoOpen=!1,this._repoSearch=``,this._loadingRepos=!1,this._selectedRepo=null,this._classification=null,this._classifying=!1,this._confirmText=``,this._connecting=!1,this._error=null}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#m),document.addEventListener(`keydown`,this.#h),window.addEventListener(`focus`,this.#g),this.#i()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#m),document.removeEventListener(`keydown`,this.#h),window.removeEventListener(`focus`,this.#g),this.#e&&clearTimeout(this.#e)}async#i(){try{let e=await fetch(`${this.apiBase}/installations`,{headers:{Accept:`application/json`},credentials:`same-origin`});if(!e.ok)throw Error(`HTTP ${e.status}`);let t=await e.json();this._installations=t.installations;let n=t.installations.length===1?t.installations[0]:null;n&&this.#u(n)}catch(e){this._error=e instanceof Error?e.message:String(e)}}async#a(e,t={}){let n=++this.#t;this._loadingRepos=!0;try{let r=new URLSearchParams({installationId:e});t.q&&r.set(`q`,t.q);let i=await fetch(`${this.apiBase}/repos?${r.toString()}`,{headers:{Accept:`application/json`},credentials:`same-origin`});if(n!==this.#t)return;if(i.status===410){this._installations=this._installations.filter(t=>t.installationId!==e),this._selectedOwner=null,this._repos=[];return}if(!i.ok){let e=await i.json().catch(()=>({}));throw Error(e.error??`HTTP ${i.status}`)}let a=await i.json();this._repos=a.repos,this._totalCount=a.totalCount,this._hasMore=a.hasMore,this._nextPage=a.nextPage,this._reposMode=a.mode}catch(e){n===this.#t&&(this._error=e instanceof Error?e.message:String(e))}finally{n===this.#t&&(this._loadingRepos=!1)}}async#o(e,t){this._classifying=!0,this._classification=null,this._confirmText=``;try{let n=await fetch(`${this.apiBase}/classify`,{method:`POST`,headers:{"Content-Type":`application/json`,Accept:`application/json`},credentials:`same-origin`,body:JSON.stringify({installationId:e,repo:t})}),r=await n.json();if(!n.ok||!r.classification)throw Error(r.error??`HTTP ${n.status}`);this._classification=r.classification}catch(e){this._error=e instanceof Error?e.message:String(e)}finally{this._classifying=!1}}async#s(){if(this._selectedOwner&&this._selectedRepo&&this._classification){this._connecting=!0,this._error=null;try{let e=this._classification.kind===`foreign`||this._classification.kind===`owned-by-other-site`,t=await fetch(this.connectUrl,{method:`POST`,headers:{"Content-Type":`application/json`,Accept:`application/json`},credentials:`same-origin`,body:JSON.stringify({installationId:this._selectedOwner.installationId,repo:this._selectedRepo.fullName,confirmForeign:e})}),n=await t.json().catch(()=>({}));if(!t.ok||!n.ok)throw Error(n.error??`HTTP ${t.status}`);window.location.href=n.redirect??this.cancelUrl}catch(e){this._error=e instanceof Error?e.message:String(e),this._connecting=!1}}}#c(){let e=this._selectedOwner;if(!e)return;let t=this.createRepoNameHint||``,n=new URL(`https://github.com/new`);t&&n.searchParams.set(`name`,t),n.searchParams.set(`owner`,e.account.login),n.searchParams.set(`visibility`,`private`),this.#n=!0,this.#r=t||null,window.open(n.toString(),`_blank`,`noopener,noreferrer`),this._repoOpen=!1}#l(){if(!this._selectedOwner)return;let e=this._repoSearch.trim();this.#a(this._selectedOwner.installationId,e?{q:e}:{})}#u(e){if(this._selectedOwner?.installationId===e.installationId){this._ownerOpen=!1;return}this._selectedOwner=e,this._ownerOpen=!1,this._selectedRepo=null,this._classification=null,this._confirmText=``,this._repoSearch=``,this.#a(e.installationId)}#d(e){this._selectedRepo=e,this._repoOpen=!1,this._repoSearch=``,this._selectedOwner&&this.#o(this._selectedOwner.installationId,e.fullName)}#f(e){let t=e.target.value;if(this._repoSearch=t,this.#e&&clearTimeout(this.#e),!this._selectedOwner)return;let n=t.trim();if(n.length<X){this._reposMode===`search`&&this.#a(this._selectedOwner.installationId);return}this.#e=setTimeout(()=>{this._selectedOwner&&this.#a(this._selectedOwner.installationId,{q:n})},Y)}#p(){let e=this._repoSearch.trim().toLowerCase();return!e||this._reposMode===`search`?this._repos:this._repos.filter(t=>t.name.toLowerCase().includes(e)||t.fullName.toLowerCase().includes(e))}#m=e=>{if(!this._ownerOpen&&!this._repoOpen)return;let t=e.target,n=this.querySelector(`.repo-picker-owner`),r=this.querySelector(`.repo-picker-repo`);n&&!n.contains(t)&&(this._ownerOpen=!1),r&&!r.contains(t)&&(this._repoOpen=!1)};#h=e=>{e.key===`Escape`&&(e.isComposing||e.keyCode===229||(this._ownerOpen||this._repoOpen)&&(this._ownerOpen=!1,this._repoOpen=!1))};#g=()=>{if(!this.#n)return;let e=this._selectedOwner;if(!e){this.#n=!1;return}let t=this.#r;this.#n=!1,this.#r=null,(async()=>{if(this._repoSearch=``,await this.#a(e.installationId),t){let e=this._repos.find(e=>e.name===t);e&&this.#d(e)}})()};#_(){this._ownerOpen=!this._ownerOpen,this._repoOpen=!1}#v(){this._selectedOwner&&(this._repoOpen=!this._repoOpen,this._ownerOpen=!1,this._repoOpen&&queueMicrotask(()=>{this.querySelector(`.repo-picker-repo-search`)?.focus()}))}render(){return t`
+      <div class="flex flex-col gap-6 max-w-lg">
+        <div>
+          <h2 class="text-lg font-medium mb-1">${this.labels.pageTitle}</h2>
+          <p class="text-sm text-muted-foreground">
+            ${this.labels.pageSubtitle}
+          </p>
+        </div>
+
+        ${this.#y()} ${this.#x()}
+        ${this.#C()} ${this.#T()}
+        ${this._error?t`<div class="alert-destructive text-sm" role="alert">
+                <section><p>${this._error}</p></section>
+              </div>`:n}
+      </div>
+    `}#y(){let e=this._selectedOwner;return t`
+      <div class="field repo-picker-owner relative">
+        <label class="label">${this.labels.ownerLabel}</label>
+        <button
+          type="button"
+          class="btn-outline w-full justify-between font-normal"
+          @click=${()=>this.#_()}
+          aria-haspopup="listbox"
+          aria-expanded=${this._ownerOpen}
+        >
+          <span class="flex items-center gap-2 truncate">
+            ${e?t`
+                    ${e.account.avatarUrl?t`<img
+                            src=${e.account.avatarUrl}
+                            alt=""
+                            class="w-5 h-5 rounded-full"
+                            loading="lazy"
+                          />`:n}
+                    <span class="truncate">${e.account.login}</span>
+                  `:t`<span class="text-muted-foreground"
+                    >${this._installations.length===0?this.labels.ownerEmpty:this.labels.ownerPlaceholder}</span
+                  >`}
+          </span>
+          <span class="text-muted-foreground">▾</span>
+        </button>
+        ${this._ownerOpen?this.#b():n}
+      </div>
+    `}#b(){return t`
+      <div
+        class="absolute z-10 mt-1 w-full rounded-md border bg-background shadow-lg"
+        role="listbox"
+      >
+        <ul class="max-h-64 overflow-y-auto py-1">
+          ${this._installations.map(e=>t`
+              <li>
+                <button
+                  type="button"
+                  class="flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-muted"
+                  @click=${()=>this.#u(e)}
+                  role="option"
+                  aria-selected=${this._selectedOwner?.installationId===e.installationId}
+                >
+                  ${e.account.avatarUrl?t`<img
+                          src=${e.account.avatarUrl}
+                          alt=""
+                          class="w-5 h-5 rounded-full"
+                          loading="lazy"
+                        />`:n}
+                  <span class="truncate">${e.account.login}</span>
+                  <span class="ml-auto text-xs text-muted-foreground">
+                    ${e.account.type===`Organization`?`Org`:``}
+                  </span>
+                </button>
+              </li>
+            `)}
+          ${this.installUrl?t`
+                  <li class="border-t mt-1 pt-1">
+                    <a
+                      href=${this.installUrl}
+                      class="block px-3 py-2 text-sm text-primary hover:bg-muted"
+                    >
+                      ${this.labels.installAnother}
+                    </a>
+                  </li>
+                `:n}
+        </ul>
+      </div>
+    `}#x(){let e=this._selectedRepo,r=!this._selectedOwner;return t`
+      <div class="field repo-picker-repo relative">
+        <label class="label">${this.labels.repositoryLabel}</label>
+        <button
+          type="button"
+          class="btn-outline w-full justify-between font-normal"
+          @click=${()=>this.#v()}
+          aria-haspopup="listbox"
+          aria-expanded=${this._repoOpen}
+          ?disabled=${r}
+        >
+          <span class="truncate">
+            ${e?t`<span>${e.name}</span> ${e.private?t`<span class="text-xs text-muted-foreground ml-1"
+                            >${this.labels.privateBadge}</span
+                          >`:n}`:t`<span class="text-muted-foreground"
+                    >${r?this.labels.repoPlaceholderNoOwner:this.labels.repoPlaceholder}</span
+                  >`}
+          </span>
+          <span class="text-muted-foreground">▾</span>
+        </button>
+        ${this._repoOpen?this.#S():n}
+      </div>
+    `}#S(){let e=this.#p();return t`
+      <div
+        class="absolute z-10 mt-1 w-full rounded-md border bg-background shadow-lg"
+      >
+        <div class="p-2 border-b flex items-center gap-2">
+          <input
+            type="text"
+            class="input repo-picker-repo-search flex-1"
+            placeholder=${this.labels.repoSearchPlaceholder}
+            .value=${this._repoSearch}
+            @input=${e=>this.#f(e)}
+          />
+          <button
+            type="button"
+            class="btn-icon-ghost"
+            title=${this.labels.refreshRepos}
+            aria-label=${this.labels.refreshRepos}
+            @click=${()=>this.#l()}
+            ?disabled=${this._loadingRepos}
+          >
+            <!-- Simple refresh glyph; matches BaseCoat icon button sizing -->
+            <span aria-hidden="true">⟳</span>
+          </button>
+        </div>
+        ${this._hasMore&&this._reposMode===`list`?t`<p class="px-3 pt-2 text-xs text-muted-foreground">
+                ${this.labels.repoShowingOf.replace(`{shown}`,String(this._repos.length)).replace(`{total}`,String(this._totalCount))}
+                — ${this.labels.repoSearchHint}
+              </p>`:n}
+        <ul class="max-h-64 overflow-y-auto py-1" role="listbox">
+          ${this._loadingRepos?t`<li class="px-3 py-2 text-sm text-muted-foreground">
+                  ${this.labels.repoLoading}
+                </li>`:e.length===0?t`<li class="px-3 py-2 text-sm text-muted-foreground">
+                    ${this.labels.repoEmpty}
+                  </li>`:e.map(e=>t`
+                      <li>
+                        <button
+                          type="button"
+                          class="flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-muted"
+                          @click=${()=>this.#d(e)}
+                          role="option"
+                          aria-selected=${this._selectedRepo?.fullName===e.fullName}
+                        >
+                          <span class="truncate">${e.name}</span>
+                          ${e.private?t`<span
+                                  class="ml-auto text-xs text-muted-foreground"
+                                  >${this.labels.privateBadge}</span
+                                >`:n}
+                        </button>
+                      </li>
+                    `)}
+        </ul>
+        <div class="border-t p-2">
+          <button
+            type="button"
+            class="flex w-full items-start gap-2 px-2 py-2 text-left text-sm text-primary hover:bg-muted rounded-md"
+            @click=${()=>this.#c()}
+          >
+            <span class="flex flex-col">
+              <span class="font-medium">${this.labels.createOnGitHub} →</span>
+              ${this.createRepoNameHint?t`<span class="text-xs text-muted-foreground">
+                      ${this.labels.createOnGitHubHint.replace(`{name}`,this.createRepoNameHint)}
+                    </span>`:n}
+            </span>
+          </button>
+        </div>
+      </div>
+    `}#C(){if(this._classifying)return t`<p class="text-sm text-muted-foreground">
+        ${this.labels.classifyLoading}
+      </p>`;if(!this._classification||!this._selectedRepo)return n;let e=this._classification;if(e.kind===`empty`)return t`<p class="text-sm text-muted-foreground">
+        ${this.labels.classificationEmpty}
+      </p>`;if(e.kind===`owned`)return t`<p class="text-sm text-muted-foreground">
+        ${this.labels.classificationOwned}
+      </p>`;if(e.kind===`owned-by-other-site`)return t`<div class="alert-destructive text-sm" role="alert">
+        <section>
+          <p>
+            ${this.labels.classificationOwnedByOther.replace(`{host}`,e.marker.site_host)}
+          </p>
+        </section>
+      </div>`;let r=this._selectedRepo.fullName;return t`
+      <div class="alert flex flex-col gap-3 text-sm">
+        <div>
+          <strong class="block mb-1">${this.labels.confirmHeading}</strong>
+          <span>${this.labels.confirmBody.replace(`{repo}`,r)}</span>
+        </div>
+        <div class="field">
+          <label class="label text-xs">
+            ${this.labels.confirmInputLabel.replace(`{repo}`,r)}
+          </label>
+          <input
+            type="text"
+            class="input w-full"
+            placeholder=${this.labels.confirmInputPlaceholder}
+            .value=${this._confirmText}
+            @input=${e=>{this._confirmText=e.target.value}}
+            autocomplete="off"
+            spellcheck="false"
+          />
+        </div>
+      </div>
+    `}#w(){if(!this._selectedRepo||!this._classification||this._classifying||this._connecting)return!1;let e=this._classification;return e.kind===`owned-by-other-site`?!1:e.kind!==`foreign`||this._confirmText.trim()===this._selectedRepo.fullName}#T(){return t`
+      <div class="flex items-center gap-2">
+        <button
+          type="button"
+          class="btn"
+          ?disabled=${!this.#w()}
+          @click=${()=>this.#s()}
+        >
+          ${this._connecting?this.labels.connecting:this.labels.connect}
+        </button>
+        <a href=${this.cancelUrl} class="btn-ghost">${this.labels.cancel}</a>
+      </div>
+    `}};customElements.define(`jant-repo-picker`,Z);function Q(e){let t=_(e,`siteName`),n=_(e,`siteDescription`),r=_(e,`mainRssFeed`),i=_(e,`timeZone`),a=_(e,`siteFooter`),o=p(e,`showJantBrandingOnHome`),s=p(e,`noindex`),c=_(e,`discover`);return t===void 0||n===void 0||r===void 0||i===void 0||a===void 0||o===void 0||s===void 0||c===void 0?null:{siteName:t,siteDescription:n,mainRssFeed:r,timeZone:i,siteFooter:a,showJantBrandingOnHome:o,noindex:s,discover:c}}document.addEventListener(`jant:settings-save`,async e=>{let{endpoint:t,data:n,section:r}=e.detail,i=document.querySelector(`jant-settings-general`),o=document.querySelector(`jant-settings-avatar`);try{let e=await fetch(t,{method:`POST`,headers:{"Content-Type":`application/json`,Accept:`application/json`},body:JSON.stringify(n)});if(!e.ok)throw Error(`HTTP ${e.status}`);let s=await f(e),c=_(s,`status`),l=_(s,`url`),u=_(s,`toast`);if(c===`redirect`&&l){window.location.href=l;return}u&&a(u),r===`avatar-display`?o?.saved():i?.sectionSaved(r)}catch{a(`Failed to save. Please try again.`,`error`),r===`avatar-display`?o?.saveError():i?.sectionError(r)}}),document.addEventListener(`jant:avatar-remove`,async e=>{let{endpoint:t}=e.detail,n=document.querySelector(`jant-settings-avatar`);try{let e=await fetch(t,{method:`POST`,headers:{"Content-Type":`application/json`,Accept:`application/json`}});if(!e.ok)throw Error(`HTTP ${e.status}`);let n=await f(e),r=_(n,`status`),i=_(n,`url`);if(r===`redirect`&&i){window.location.href=i;return}}catch{a(`Failed to remove avatar. Please try again.`,`error`),n?.removeError()}});function $(){let e=document.querySelector(`jant-settings-general`);if(!e)return;let t=document.getElementById(`settings-initial-data`);if(t?.textContent)try{let n=Q(JSON.parse(t.textContent));n&&e.initData(n)}catch{}}document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,$):queueMicrotask($);