@shawnstack/quickforge 1.7.4 → 1.7.6

package/dist/assets/SettingsWorkspacePage-DSy66Tuw.js

@@ -0,0 +1,1696 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/AgentProfilesPage-Dl5Peqov.js","assets/rolldown-runtime-DWdDZTNf.js","assets/index-BivLuZvX.js","assets/pi-ai-Cr2ee4a0.js","assets/dist-yDHbi5ux.js","assets/pi-web-ui-DV5jKjSg.js","assets/lit-vendor-DvaQX_UQ.js","assets/css-utils-31qzCXsk.js","assets/icons-2D18YbSI.js","assets/react-vendor-3UaA-C9W.js","assets/skills-dialog-BTJ7mzk_.js","assets/model-display-label-C6-0eDxF.js","assets/model-reference-o41fJ6jQ.js","assets/index-1ei6nhs-.css","assets/model-identity-CgA6_Pbm.js","assets/mcp-servers-dialog-BEV4_TXC.js","assets/PluginsPage-BDKYfLna.js","assets/plugin-api-Uu2xAB4d.js","assets/ScheduledTasksPage--GAki3lB.js","assets/ShareLinksSettingsPage-BQQMsvJo.js","assets/CloudAccountSettingsPage-BG5Nn3bq.js"])))=>i.map(i=>d[i]);
+import{i as e}from"./rolldown-runtime-DWdDZTNf.js";import{Ct as t,Gt as n,It as r,Lt as i,P as a,Q as o,Rt as s,Vt as c,Wt as ee,Y as l,_ as u,_t as d,f as te,gt as f,jt as ne,m as p,qt as m,u as h,w as g,xt as _,y as re,zt as v}from"./icons-2D18YbSI.js";import{n as y,r as ie}from"./react-vendor-3UaA-C9W.js";import{c as ae,d as oe,f as se,l as ce,p as b,u as le}from"./lit-vendor-DvaQX_UQ.js";import{m as x,x as S}from"./pi-web-ui-DV5jKjSg.js";import{J as C}from"./pi-ai-Cr2ee4a0.js";import{n as w,t as ue}from"./model-display-label-C6-0eDxF.js";import{t as de}from"./model-reference-o41fJ6jQ.js";import{Ct as fe,J as pe,K as me,Pt as he,Qt as ge,St as _e,Tt as T,V as ve,Zt as E,_n as ye,a as be,an as xe,bt as Se,c as Ce,ct as we,dt as Te,en as Ee,fn as De,ft as D,gn as Oe,hn as O,ht as ke,i as Ae,in as je,l as Me,lt as Ne,mn as Pe,nn as Fe,on as Ie,ot as Le,pt as k,rn as Re,s as ze,sn as Be,st as Ve,un as He,ut as Ue,vn as A,vt as We,wt as j,yn as M,yt as Ge}from"./index-BivLuZvX.js";var N=e(m(),1),Ke={openai:{name:`OpenAI`,baseUrl:`https://api.openai.com/v1`,protocol:`openai-completions`,modelId:`gpt-4o`,supportsImages:!0},deepseek:{name:`DeepSeek`,baseUrl:`https://api.deepseek.com/v1`,protocol:`openai-completions`,modelId:`deepseek-chat`},glm:{name:`Zhipu GLM`,baseUrl:`https://open.bigmodel.cn/api/paas/v4`,protocol:`openai-completions`,modelId:`glm-4-plus`},ollama:{name:`Ollama`,baseUrl:`http://localhost:11434/v1`,protocol:`openai-completions`,modelId:`llama3.1`},litellm:{name:E.name,baseUrl:E.baseUrl,protocol:`openai-completions`,modelId:E.modelId,supportsImages:E.supportsImages}},qe=[{key:`openai`,label:M(`presetOpenai`)},{key:`deepseek`,label:M(`presetDeepseek`)},{key:`glm`,label:M(`presetGlm`)},{key:`ollama`,label:M(`presetOllama`)},{key:`litellm`,label:M(`presetLitellm`)},{key:`custom`,label:M(`presetCustom`)}],P=()=>({modelId:``,contextWindow:E.contextWindow,maxTokens:E.maxTokens,reasoning:!0,supportsImages:!1,visibleInSelectors:!0,open:!1}),F=()=>({name:E.name,baseUrl:E.baseUrl,apiKey:``,headerRows:[],protocol:`openai-completions`,models:[P()]}),Je=class extends x{providers=[];form=F();editingProviderId;formOpen=!1;loading=!0;apiKeyVisible=!1;advancedOpen=!1;activePreset=``;testing=!1;testResult=`idle`;testError=``;autoEditProviderName=null;async connectedCallback(){if(super.connectedCallback(),await this.loadProviders(),this.autoEditProviderName){let e=this.providers.find(e=>e.name===this.autoEditProviderName);e&&await this.openEditForm(e),this.autoEditProviderName=null}}getTabName(){return M(`customModels`)}async loadProviders(){this.loading=!0,this.requestUpdate();try{this.providers=await S().customProviders.getAll()}catch(e){w.error(`Failed to load custom providers:`,e),this.providers=[]}finally{this.loading=!1,this.requestUpdate()}}resetTestState(){this.testing=!1,this.testResult=`idle`,this.testError=``}openAddForm(){this.editingProviderId=void 0,this.form=F(),this.apiKeyVisible=!1,this.advancedOpen=!1,this.activePreset=``,this.resetTestState(),this.formOpen=!0,this.requestUpdate()}async openEditForm(e){let t=await S().providerKeys.get(e.name)??e.apiKey??``,n=e.models??[],r=n.length>0?n.map(e=>({modelId:e.id,contextWindow:e.contextWindow??E.contextWindow,maxTokens:e.maxTokens??E.maxTokens,reasoning:e.reasoning===!0,supportsImages:e.input?.includes(`image`)===!0,visibleInSelectors:e.quickforgeHidden!==!0,open:!1})):[P()],i=n[0]?.headers??{},a=Object.entries(i).map(([e,t])=>({key:e,value:String(t)}));this.editingProviderId=e.id,this.form={providerId:e.id,id:e.id,name:e.name,baseUrl:e.baseUrl,apiKey:t,headerRows:a,protocol:e.type===`anthropic-messages`?`anthropic-messages`:`openai-completions`,models:r},this.apiKeyVisible=!1,this.advancedOpen=a.length>0||e.type===`anthropic-messages`,this.activePreset=``,this.resetTestState(),this.formOpen=!0,this.requestUpdate()}closeForm(){this.formOpen=!1,this.editingProviderId=void 0,this.form=F(),this.apiKeyVisible=!1,this.advancedOpen=!1,this.activePreset=``,this.resetTestState(),this.requestUpdate()}toggleApiKeyVisibility(){this.apiKeyVisible=!this.apiKeyVisible,this.requestUpdate()}updateForm(e,t){this.form={...this.form,[e]:t},(e===`name`||e===`baseUrl`)&&(this.activePreset=``),this.resetTestState(),this.requestUpdate()}updateModelField(e,t,n){let r=this.form.models.map((r,i)=>i===e?{...r,[t]:n}:r);this.form={...this.form,models:r},t===`modelId`&&(this.activePreset=``,this.resetTestState()),this.requestUpdate()}addModelRow(){this.form={...this.form,models:[...this.form.models,P()]},this.requestUpdate()}removeModelRow(e){let t=this.form.models.filter((t,n)=>n!==e);this.form={...this.form,models:t},this.requestUpdate()}toggleModelExpanded(e){let t=this.form.models.map((t,n)=>n===e?{...t,open:!t.open}:t);this.form={...this.form,models:t},this.requestUpdate()}addHeaderRow(){this.form={...this.form,headerRows:[...this.form.headerRows,{key:``,value:``}]},this.requestUpdate()}updateHeaderRow(e,t,n){let r=this.form.headerRows.map((r,i)=>i===e?{...r,[t]:n}:r);this.form={...this.form,headerRows:r},this.requestUpdate()}removeHeaderRow(e){let t=this.form.headerRows.filter((t,n)=>n!==e);this.form={...this.form,headerRows:t},this.requestUpdate()}applyPreset(e){if(this.activePreset=e,e===`custom`)this.form={...this.form,name:``,baseUrl:``,protocol:`openai-completions`,models:[P()]};else{let t=Ke[e];this.form={...this.form,name:t.name,baseUrl:t.baseUrl,protocol:t.protocol,models:[{...P(),modelId:t.modelId,supportsImages:t.supportsImages===!0,open:!1}]}}this.resetTestState(),this.requestUpdate()}buildHeadersFromRows(){let e={};for(let t of this.form.headerRows){let n=t.key.trim(),r=t.value.trim();n&&r&&(e[n]=r)}return e}buildModel(e,t){let n=this.form.name.trim(),r=this.form.baseUrl.trim(),i=e.reasoning===!0,a=e.supportsImages===!0?[`text`,`image`]:[`text`],o=r.includes(`api.deepseek.com`);return je({id:e.modelId,name:`${e.modelId} (${n})`,api:this.form.protocol,provider:n,baseUrl:r.replace(/\/$/,``),reasoning:i,input:a,quickforgeHidden:e.visibleInSelectors?void 0:!0,cost:{input:0,output:0,cacheRead:0,cacheWrite:0},contextWindow:Number(e.contextWindow)||E.contextWindow,maxTokens:Number(e.maxTokens)||E.maxTokens,headers:Object.keys(t).length>0?t:void 0,thinkingLevelMap:o&&i?{low:`high`,medium:`high`,high:`high`,xhigh:`max`}:void 0,compat:this.form.protocol===`openai-completions`?{supportsStore:!1,supportsDeveloperRole:!1,supportsReasoningEffort:i,supportsUsageInStreaming:!1,supportsStrictMode:!1,maxTokensField:`max_tokens`,...o&&i?{requiresReasoningContentOnAssistantMessages:!0,thinkingFormat:`deepseek`}:{}}:void 0})}async testConnection(){let e=this.form.baseUrl.trim(),t=this.form.models.find(e=>e.modelId.trim());if(!e||!t){this.testing=!1,this.testResult=`fail`,this.testError=M(`testRequiresFields`),this.requestUpdate();return}let n=this.buildHeadersFromRows(),r=this.buildModel(t,n);this.testing=!0,this.testResult=`idle`,this.testError=``,this.requestUpdate();try{let e=await(await fetch(`/api/models/test-connection`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({model:r,apiKey:this.form.apiKey.trim()})})).json().catch(()=>({}));e?.ok?(this.testResult=`ok`,this.testError=``):(this.testResult=`fail`,this.testError=e?.error||M(`connectionFailed`))}catch(e){this.testResult=`fail`,this.testError=e?.message||M(`connectionFailed`)}finally{this.testing=!1,this.requestUpdate()}}async saveModel(){let e=this.form.name.trim(),t=this.form.baseUrl.trim();if(!e||!t){j(M(`fillProviderBaseUrlModel`));return}let n=this.form.models.filter(e=>e.modelId.trim());if(n.length===0){j(M(`atLeastOneModel`));return}let r=n.map(e=>e.modelId.trim());if(new Set(r).size!==r.length){j(M(`duplicateModelId`));return}let i=this.buildHeadersFromRows(),a=n.map(e=>this.buildModel(e,i)),o=this.form.apiKey.trim(),s=this.editingProviderId?this.providers.find(e=>e.id===this.editingProviderId):void 0,c={id:this.editingProviderId??Be(),name:e,type:this.form.protocol,baseUrl:a[0].baseUrl,apiKey:o||void 0,models:a};try{let e=S();await e.customProviders.set(c),s&&s.name!==c.name&&await e.providerKeys.delete(s.name),o?await e.providerKeys.set(c.name,o):await e.providerKeys.delete(c.name),He(),this.closeForm(),await this.loadProviders()}catch(e){w.error(`Failed to save custom model:`,e),j(M(`saveCustomModelFailed`))}}async deleteProvider(e){if(await T({description:M(`confirmDeleteProvider`,{name:e.name}),confirmLabel:M(`confirmDelete`),cancelLabel:M(`cancel`),variant:`destructive`}))try{let t=S();await t.customProviders.delete(e.id),await t.providerKeys.delete(e.name),He(),await this.loadProviders()}catch(e){w.error(`Failed to delete custom provider:`,e),j(M(`deleteFailed`))}}renderProvider(e){let t=e.models??[],n=t.length,r=e.type===`anthropic-messages`?`Anthropic Messages`:`OpenAI Compatible`;return b`
+      <div class="quickforge-settings-list-item">
+        <div class="quickforge-settings-list-item-main">
+          <div class="flex min-w-0 items-start gap-3">
+            <span class="quickforge-settings-avatar" aria-hidden="true">${e.name.trim().charAt(0).toUpperCase()||`M`}</span>
+            <div class="min-w-0 flex-1">
+              <div class="quickforge-settings-row-title">${e.name}</div>
+              <div class="quickforge-settings-row-description break-all">${e.baseUrl}</div>
+              <div class="quickforge-settings-meta">
+                <span class="quickforge-settings-badge quickforge-settings-badge-muted">${M(`providerProtocol`)}: ${r}</span>
+                <span class="quickforge-settings-badge quickforge-settings-badge-info">${M(`modelsCount`,{count:n})}</span>
+                ${n===0?b`<span class="quickforge-settings-badge quickforge-settings-badge-warning">${M(`noModelAdded`)}</span>`:null}
+              </div>
+              ${n>0?b`
+                    <div class="quickforge-settings-meta">
+                      ${t.slice(0,6).map(e=>b`
+                        <code class="quickforge-settings-command-name">${e.id}</code>
+                      `)}
+                      ${t.length>6?b`<span class="quickforge-settings-badge quickforge-settings-badge-muted">+${t.length-6}</span>`:null}
+                    </div>
+                  `:null}
+            </div>
+          </div>
+        </div>
+        <div class="quickforge-settings-list-item-actions">
+          <button
+            class="quickforge-settings-button quickforge-settings-button-secondary quickforge-settings-button-compact"
+            type="button"
+            @click=${()=>this.openEditForm(e)}
+          >
+            ${M(`editModel`)}
+          </button>
+          <button
+            class="quickforge-settings-button quickforge-settings-button-danger quickforge-settings-button-compact"
+            type="button"
+            @click=${()=>this.deleteProvider(e)}
+          >
+            ${M(`delete`)}
+          </button>
+        </div>
+      </div>
+    `}renderPresetChips(){return b`
+      <div class="quickforge-settings-form-row">
+        <span class="quickforge-settings-form-label">${M(`presets`)}</span>
+        <div class="quickforge-settings-segmented quickforge-settings-segmented-wrap">
+          ${qe.map(e=>b`
+              <button
+                class="quickforge-settings-segmented-option ${this.activePreset===e.key?`quickforge-settings-segmented-option-active`:``}"
+                type="button"
+                @click=${()=>this.applyPreset(e.key)}
+              >
+                ${e.label}
+              </button>
+            `)}
+        </div>
+      </div>
+    `}renderModelRow(e,t){let n=e.open===!0;return b`
+      <div class="quickforge-settings-subrow quickforge-settings-row-align-start">
+        <button
+          class="quickforge-settings-icon-action"
+          type="button"
+          title=${M(`expandModel`)}
+          aria-expanded=${n?`true`:`false`}
+          @click=${()=>this.toggleModelExpanded(t)}
+        >
+          ${n?`▾`:`▸`}
+        </button>
+        <div class="quickforge-settings-list-item-main">
+          <input
+            class="quickforge-settings-input quickforge-settings-mono"
+            .value=${e.modelId}
+            @input=${e=>this.updateModelField(t,`modelId`,e.target.value)}
+            placeholder=${M(`modelIdPlaceholder`)}
+          />
+          ${n?b`
+                <div class="quickforge-settings-model-grid mt-3">
+                  <label class="quickforge-settings-form-row">
+                    <span class="quickforge-settings-form-label">${M(`contextWindow`)}</span>
+                    <input
+                      class="quickforge-settings-input"
+                      .value=${String(e.contextWindow)}
+                      type="number"
+                      @input=${e=>this.updateModelField(t,`contextWindow`,Number(e.target.value))}
+                    />
+                  </label>
+                  <label class="quickforge-settings-form-row">
+                    <span class="quickforge-settings-form-label">${M(`maxTokens`)}</span>
+                    <input
+                      class="quickforge-settings-input"
+                      .value=${String(e.maxTokens)}
+                      type="number"
+                      @input=${e=>this.updateModelField(t,`maxTokens`,Number(e.target.value))}
+                    />
+                  </label>
+                </div>
+                <label class="mt-3 flex items-center gap-2 text-sm text-muted-foreground">
+                  <input
+                    type="checkbox"
+                    .checked=${e.reasoning}
+                    @change=${e=>this.updateModelField(t,`reasoning`,e.target.checked)}
+                  />
+                  <span>${M(`reasoningModel`)}</span>
+                </label>
+                <label class="mt-2 flex items-center gap-2 text-sm text-muted-foreground">
+                  <input
+                    type="checkbox"
+                    .checked=${e.supportsImages}
+                    @change=${e=>this.updateModelField(t,`supportsImages`,e.target.checked)}
+                  />
+                  <span>
+                    ${M(`imageInputModel`)}
+                    <quickforge-info-tip .label=${M(`imageInputModelHelp`)}></quickforge-info-tip>
+                  </span>
+                </label>
+                <div class="mt-3 flex items-center justify-between gap-3 rounded-lg border border-border px-3 py-2">
+                  <span class="text-sm text-muted-foreground">${M(`showModelInSelectors`)}</span>
+                  <label class="quickforge-settings-switch" title=${M(`showModelInSelectorsHelp`)}>
+                    <input
+                      type="checkbox"
+                      .checked=${e.visibleInSelectors}
+                      @change=${e=>this.updateModelField(t,`visibleInSelectors`,e.target.checked)}
+                    />
+                    <span aria-hidden="true"></span>
+                  </label>
+                </div>
+              `:null}
+        </div>
+        ${this.form.models.length>1?b`
+              <button
+                class="quickforge-settings-icon-action quickforge-settings-icon-action-danger"
+                type="button"
+                title=${M(`delete`)}
+                @click=${()=>this.removeModelRow(t)}
+              >
+                ✕
+              </button>
+            `:null}
+      </div>
+    `}renderHeadersEditor(){return b`
+      <div class="quickforge-settings-form-row">
+        <span class="quickforge-settings-form-label">
+          ${M(`customHeaders`)}
+          <quickforge-info-tip .label=${M(`customHeadersHelp`)}></quickforge-info-tip>
+        </span>
+        ${this.form.headerRows.length===0?b``:b`
+              <div class="quickforge-settings-nested-list">
+                ${this.form.headerRows.map((e,t)=>b`
+                  <div class="quickforge-settings-subrow">
+                    <input
+                      class="quickforge-settings-input"
+                      .value=${e.key}
+                      @input=${e=>this.updateHeaderRow(t,`key`,e.target.value)}
+                      placeholder=${M(`headerName`)}
+                    />
+                    <input
+                      class="quickforge-settings-input"
+                      .value=${e.value}
+                      @input=${e=>this.updateHeaderRow(t,`value`,e.target.value)}
+                      placeholder=${M(`headerValue`)}
+                    />
+                    <button
+                      class="quickforge-settings-icon-action quickforge-settings-icon-action-danger"
+                      type="button"
+                      title=${M(`removeHeader`)}
+                      @click=${()=>this.removeHeaderRow(t)}
+                    >
+                      ✕
+                    </button>
+                  </div>
+                `)}
+              </div>
+            `}
+        <button
+          class="quickforge-settings-button quickforge-settings-button-secondary quickforge-settings-button-compact"
+          type="button"
+          @click=${()=>this.addHeaderRow()}
+        >
+          + ${M(`addHeader`)}
+        </button>
+      </div>
+    `}renderTestStatus(){return this.testResult===`idle`&&!this.testing?b``:this.testing?b`<span class="quickforge-settings-status">${M(`testingConnection`)}</span>`:this.testResult===`ok`?b`<span class="quickforge-settings-badge quickforge-settings-badge-success">✓ ${M(`connectionOk`)}</span>`:b`<span class="quickforge-settings-alert">✗ ${this.testError||M(`connectionFailed`)}</span>`}renderForm(){return b`
+      <section class="quickforge-settings-section" aria-label=${this.editingProviderId?M(`editCustomModel`):M(`addCustomModel`)}>
+        <div class="quickforge-settings-toolbar">
+          <button
+            class="quickforge-settings-button quickforge-settings-button-secondary"
+            type="button"
+            @click=${()=>this.closeForm()}
+          >
+            <svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg>
+            ${M(`back`)}
+          </button>
+          <div class="quickforge-settings-row-main">
+            <div class="quickforge-settings-row-title">${this.editingProviderId?M(`editCustomModel`):M(`addCustomModel`)}</div>
+            <div class="quickforge-settings-row-description">${M(`customModelsDescription`)}</div>
+          </div>
+        </div>
+
+        <div class="quickforge-settings-form-grid">
+          ${this.renderPresetChips()}
+
+          <label class="quickforge-settings-form-row">
+            <span class="quickforge-settings-form-label">${M(`providerName`)}</span>
+            <input
+              class="quickforge-settings-input"
+              .value=${this.form.name}
+              @input=${e=>this.updateForm(`name`,e.target.value)}
+              placeholder=${M(`providerNamePlaceholder`)}
+            />
+          </label>
+
+          <label class="quickforge-settings-form-row">
+            <span class="quickforge-settings-form-label">Base URL</span>
+            <input
+              class="quickforge-settings-input"
+              .value=${this.form.baseUrl}
+              @input=${e=>this.updateForm(`baseUrl`,e.target.value)}
+              placeholder=${this.form.protocol===`anthropic-messages`?`e.g., https://api.anthropic.com`:`e.g., http://localhost:4000/v1`}
+            />
+          </label>
+
+          <label class="quickforge-settings-form-row">
+            <span class="quickforge-settings-form-label">${M(`apiKey`)}</span>
+            <div class="quickforge-settings-inline-field">
+              <input
+                class="quickforge-settings-input pr-10"
+                .value=${this.form.apiKey}
+                type=${this.apiKeyVisible?`text`:`password`}
+                @input=${e=>this.updateForm(`apiKey`,e.target.value)}
+                placeholder=${M(`apiKeyPlaceholder`)}
+              />
+              <button
+                class="quickforge-settings-inline-field-button"
+                type="button"
+                title=${this.apiKeyVisible?M(`hideApiKey`):M(`showApiKey`)}
+                aria-label=${this.apiKeyVisible?M(`hideApiKey`):M(`showApiKey`)}
+                aria-pressed=${this.apiKeyVisible?`true`:`false`}
+                @click=${()=>this.toggleApiKeyVisibility()}
+              >
+                ${this.apiKeyVisible?b`<svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.53 13.53 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" y1="2" x2="22" y2="22"/><path d="M8.53 8.53A5 5 0 0 0 12 17a5 5 0 0 0 3.47-8.53"/></svg>`:b`<svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`}
+              </button>
+            </div>
+          </label>
+
+          <div class="quickforge-settings-form-row">
+            <div class="flex items-center justify-between gap-3">
+              <span class="quickforge-settings-form-label">${M(`modelsList`)}</span>
+              <button
+                class="quickforge-settings-button quickforge-settings-button-secondary quickforge-settings-button-compact"
+                type="button"
+                @click=${()=>this.addModelRow()}
+              >
+                + ${M(`addModel`)}
+              </button>
+            </div>
+            <div class="quickforge-settings-nested-list">
+              ${this.form.models.map((e,t)=>this.renderModelRow(e,t))}
+            </div>
+          </div>
+
+          <button
+            class="quickforge-settings-details-toggle"
+            type="button"
+            aria-expanded=${this.advancedOpen?`true`:`false`}
+            @click=${()=>{this.advancedOpen=!this.advancedOpen,this.requestUpdate()}}
+          >
+            <span>${this.advancedOpen?`▾`:`▸`}</span>
+            ${M(`providerAdvanced`)}
+          </button>
+
+          ${this.advancedOpen?b`
+                <div class="quickforge-settings-form-grid rounded-lg border border-border p-3">
+                  <label class="quickforge-settings-form-row">
+                    <span class="quickforge-settings-form-label">
+                      ${M(`protocolType`)}
+                      <quickforge-info-tip .label=${M(`protocolHelp`)}></quickforge-info-tip>
+                    </span>
+                    <select
+                      class="quickforge-settings-select"
+                      .value=${this.form.protocol}
+                      @change=${e=>this.updateForm(`protocol`,e.target.value)}
+                    >
+                      <option value="openai-completions">OpenAI Compatible / Chat Completions</option>
+                      <option value="anthropic-messages">Anthropic Messages</option>
+                    </select>
+                  </label>
+                  ${this.renderHeadersEditor()}
+                </div>
+              `:null}
+        </div>
+
+        <div class="quickforge-settings-row">
+          <div class="quickforge-settings-row-main">
+            ${this.renderTestStatus()}
+          </div>
+          <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+            <button
+              class="quickforge-settings-button quickforge-settings-button-secondary"
+              type="button"
+              @click=${()=>this.closeForm()}
+            >
+              ${M(`cancel`)}
+            </button>
+            <button
+              class="quickforge-settings-button quickforge-settings-button-secondary"
+              type="button"
+              ?disabled=${this.testing}
+              @click=${()=>this.testConnection()}
+            >
+              ${this.testing?M(`testingConnection`):M(`testConnection`)}
+            </button>
+            <button
+              class="quickforge-settings-button quickforge-settings-button-primary"
+              type="button"
+              @click=${()=>this.saveModel()}
+            >
+              ${M(`save`)}
+            </button>
+          </div>
+        </div>
+      </section>
+    `}render(){return this.formOpen?b`
+        <div class="quickforge-settings-stack">
+          <div class="quickforge-settings-heading">
+            <h3 class="quickforge-settings-title">
+              ${this.editingProviderId?M(`editCustomModel`):M(`addCustomModel`)}
+              <quickforge-info-tip .label=${M(`customModelsDescription`)}></quickforge-info-tip>
+            </h3>
+          </div>
+          ${this.renderForm()}
+        </div>
+      `:b`
+      <div class="quickforge-settings-stack">
+        <section class="quickforge-settings-section" aria-label=${M(`customModelsTitle`)}>
+          <div class="quickforge-settings-toolbar">
+            <div>
+              <div class="quickforge-settings-row-title">${M(`customModelsTitle`)}</div>
+              <div class="quickforge-settings-row-description">${M(`customModelsDescription`)}</div>
+            </div>
+            <button
+              class="quickforge-settings-button quickforge-settings-button-primary"
+              type="button"
+              @click=${()=>this.openAddForm()}
+            >
+              ${M(`addModel`)}
+            </button>
+          </div>
+
+          ${this.loading?b`<div class="quickforge-settings-empty-row">${M(`loading`)}</div>`:this.providers.length===0?b`<div class="quickforge-settings-empty-row">${M(`noCustomModels`)}</div>`:this.providers.map(e=>this.renderProvider(e))}
+        </section>
+      </div>
+    `}},I=`quickforge-custom-providers-only-tab`;customElements.get(I)||customElements.define(I,Je);function Ye(e){let t=document.createElement(I);return e&&(t.autoEditProviderName=e),t}var Xe=[{value:`light`,label:()=>M(`lightTheme`)},{value:`dark`,label:()=>M(`darkTheme`)}],Ze=class extends x{theme=Ne();interfaceFontSizePx=D.interfaceFontSizePx;messageFontSizePx=D.messageFontSizePx;loading=!0;error=``;getTabName(){return M(`appearance`)}async connectedCallback(){super.connectedCallback(),await this.loadSettings()}async loadSettings(){this.loading=!0,this.error=``,this.requestUpdate();try{let e=S(),[t,n]=await Promise.all([Ue(e),We(e)]);this.theme=t.theme,this.interfaceFontSizePx=n.interfaceFontSizePx,this.messageFontSizePx=n.messageFontSizePx}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}async selectTheme(e){if(this.theme!==e){this.theme=e,this.requestUpdate();try{await Te(S(),{theme:e}),this.error=``,this.requestUpdate()}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`),this.requestUpdate()}}}currentFontSizeSettings(){return Ge({interfaceFontSizePx:this.interfaceFontSizePx,messageFontSizePx:this.messageFontSizePx})}previewFontSize(e){let t=Ge(e);this.interfaceFontSizePx=t.interfaceFontSizePx,this.messageFontSizePx=t.messageFontSizePx,ke(t),this.requestUpdate()}updateInterfaceFontSize(e){this.previewFontSize({...this.currentFontSizeSettings(),interfaceFontSizePx:Number(e)||D.interfaceFontSizePx})}updateMessageFontSize(e){this.previewFontSize({...this.currentFontSizeSettings(),messageFontSizePx:Number(e)||D.messageFontSizePx})}async saveFontSize(){try{await Se(S(),this.currentFontSizeSettings()),this.error=``,this.requestUpdate()}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`),this.requestUpdate()}}renderThemeOption(e){let t=this.theme===e.value;return b`
+      <button
+        type="button"
+        class="quickforge-settings-segmented-option ${t?`quickforge-settings-segmented-option-active`:``}"
+        aria-pressed=${t?`true`:`false`}
+        @click=${()=>this.selectTheme(e.value)}
+      >
+        ${e.label()}
+      </button>
+    `}getFontSizeRangeProgress(e){return(e-k.min)/(k.max-k.min)*100}renderFontSizeSlider(e,t,n,r){return b`
+      <div class="quickforge-settings-row">
+        <div class="quickforge-settings-row-main">
+          <div class="quickforge-settings-row-title">
+            ${e}
+            ${t?b`<quickforge-info-tip .label=${t}></quickforge-info-tip>`:null}
+          </div>
+          <div class="quickforge-settings-row-description">${M(`fontSizeRangeDescription`)}</div>
+        </div>
+        <div class="quickforge-settings-row-control quickforge-settings-slider-control">
+          <span class="quickforge-settings-value-badge">${n}px</span>
+          <input
+            class="quickforge-font-size-slider"
+            style=${`--quickforge-font-size-slider-progress: ${this.getFontSizeRangeProgress(n)}%`}
+            type="range"
+            min=${String(k.min)}
+            max=${String(k.max)}
+            step="1"
+            .value=${String(n)}
+            @input=${e=>r(e.target.value)}
+            @change=${()=>this.saveFontSize()}
+          />
+        </div>
+      </div>
+    `}render(){return this.loading?b`<div class="text-sm text-muted-foreground">${M(`loading`)}</div>`:b`
+      <div class="quickforge-settings-stack">
+        <section class="quickforge-settings-section" aria-label=${M(`appearance`)}>
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`theme`)}
+                <quickforge-info-tip .label=${M(`themeDescription`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${M(`themeDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              <div class="quickforge-settings-segmented" role="group" aria-label=${M(`theme`)}>
+                ${Xe.map(e=>this.renderThemeOption(e))}
+              </div>
+            </div>
+          </div>
+
+          ${this.renderFontSizeSlider(M(`interfaceFontSize`),null,this.interfaceFontSizePx,e=>this.updateInterfaceFontSize(e))}
+
+          ${this.renderFontSizeSlider(M(`messageFontSize`),M(`messageFontSizeNote`),this.messageFontSizePx,e=>this.updateMessageFontSize(e))}
+        </section>
+
+        ${this.error?b`<span class="quickforge-settings-error">${this.error}</span>`:null}
+      </div>
+    `}},L=`quickforge-appearance-settings-tab`;customElements.get(L)||customElements.define(L,Ze);function Qe(){return document.createElement(L)}var $e=`auto-compact-settings`,R={enabled:!0,thresholdPercent:80,keepRecentTurns:3,minSourceChars:1600,requireConfirmation:!0};function z(e,t,n,r){let i=Number(e);return Number.isFinite(i)?Math.min(r,Math.max(n,Math.round(i))):t}function et(e){if(!e||typeof e!=`object`)return{...R};let t=e;return{enabled:t.enabled!==!1,thresholdPercent:z(t.thresholdPercent,R.thresholdPercent,50,95),keepRecentTurns:z(t.keepRecentTurns,R.keepRecentTurns,1,20),minSourceChars:z(t.minSourceChars,R.minSourceChars,0,2e5),requireConfirmation:t.requireConfirmation!==!1}}async function tt(e){return et(await e.settings.get($e))}async function nt(e,t){await e.settings.set($e,et(t))}var rt=`auto-archive-settings`,it={enabled:!1};function at(e){return!e||typeof e!=`object`?{...it}:{enabled:e.enabled===!0}}async function ot(e){return at(await e.settings.get(rt))}async function st(e,t){await e.settings.set(rt,at(t))}var ct=0,lt=class extends le{static properties={value:{type:String},placeholder:{type:String},options:{type:Array},disabled:{type:Boolean},label:{type:String},searchable:{type:Boolean},searchPlaceholder:{type:String},noResultsLabel:{type:String}};value=``;placeholder=``;options=[];disabled=!1;label=``;searchable=!1;searchPlaceholder=``;noResultsLabel=``;triggerRef=ae();searchRef=ae();_menu=null;_menuId=`quickforge-settings-select-menu-${++ct}`;_listboxId=`quickforge-settings-select-listbox-${++ct}`;_open=!1;_searchQuery=``;focusedIndex=-1;createRenderRoot(){return this}render(){let e=this.options.find(e=>e.value===this.value);return b`
+      <button
+        ${ce(this.triggerRef)}
+        type="button"
+        class="quickforge-settings-select quickforge-settings-select-button quickforge-settings-select-trigger"
+        role="combobox"
+        aria-haspopup="listbox"
+        aria-expanded=${this._open?`true`:`false`}
+        aria-controls=${this._listboxId}
+        aria-activedescendant=${this._open?this._focusedOptionId():void 0}
+        aria-label=${this.label}
+        ?disabled=${this.disabled}
+        @click=${this._toggle}
+        @keydown=${this._handleTriggerKeyDown}
+      >
+        <span class="quickforge-settings-select-trigger-label">${e?e.label:this.placeholder}</span>
+        <span class="quickforge-settings-select-chevron" aria-hidden="true">▾</span>
+      </button>
+    `}updated(){this._refreshMenu()}disconnectedCallback(){super.disconnectedCallback(),this._close()}_toggle=()=>{this.disabled||(this._open?this._close(!0):this._openMenu())};_handleTriggerKeyDown=e=>{if(this.disabled||this._open)return;let t;switch(e.key){case`ArrowDown`:case`Home`:t=this._selectableIndexes()[0]??-1;break;case`ArrowUp`:case`End`:{let e=this._selectableIndexes();t=e[e.length-1]??-1;break}default:return}e.preventDefault(),this._openMenu(t)};_openMenu(e){if(this.disabled||this._open||!this.triggerRef.value)return;let t=this._selectableIndexes(),n=this.options.findIndex(e=>e.value===this.value);this.focusedIndex=e===void 0?n>=0&&!this.options[n].disabled?n:t[0]??-1:e,this._open=!0,this._attachMenu(),document.addEventListener(`pointerdown`,this._handlePointerDown,!0),document.addEventListener(`keydown`,this._handleKeyDown),window.addEventListener(`scroll`,this._reposition,!0),window.addEventListener(`resize`,this._reposition),this.requestUpdate(),this.searchable&&this.searchRef.value?.focus(),this._scrollFocusedIntoView()}_close(e=!1){this._open&&(this._open=!1,this.focusedIndex=-1,this._searchQuery=``,this._removeMenu(),document.removeEventListener(`pointerdown`,this._handlePointerDown,!0),document.removeEventListener(`keydown`,this._handleKeyDown),window.removeEventListener(`scroll`,this._reposition,!0),window.removeEventListener(`resize`,this._reposition),e&&this.triggerRef.value?.focus(),this.requestUpdate())}_select(e){this._close(!0),this.dispatchEvent(new CustomEvent(`change`,{detail:e,bubbles:!0,composed:!0}))}_selectFocused(){let e=this.options[this.focusedIndex];e&&!e.disabled&&this._select(e.value)}_isVisible(e){if(!this.searchable)return!0;let t=this._searchQuery.trim().toLowerCase();return t?e.label.toLowerCase().includes(t):!0}_selectableIndexes(){return this.options.map((e,t)=>!e.disabled&&this._isVisible(e)?t:-1).filter(e=>e>=0)}_moveFocus(e){let t=this._selectableIndexes();if(t.length===0)return;let n=t.indexOf(this.focusedIndex),r=n>=0?n:e>0?-1:0,i=Math.max(0,Math.min(t.length-1,r+e));this.focusedIndex=t[i],this._scrollFocusedIntoView()}_attachMenu(){if(this._removeMenu(),!this.triggerRef.value)return;let e=document.createElement(`div`);e.className=`quickforge-settings-select-menu`,e.id=this._menuId,document.body.appendChild(e),this._menu=e,this._renderMenuItems(),this._reposition()}_removeMenu(){this._menu&&=(this._menu.remove(),null)}_renderMenuItems(){this._menu&&se(this._menuTemplate(),this._menu)}_rerenderMenuItems(){this._open&&this._menu&&this._renderMenuItems()}_refreshMenu(){if(!this._open||!this._menu)return;let e=this._selectableIndexes();e.includes(this.focusedIndex)||(this.focusedIndex=e[0]??-1),this._renderMenuItems(),this._reposition()}_reposition=()=>{let e=this._menu,t=this.triggerRef.value;if(!e||!t)return;let n=t.getBoundingClientRect(),r=Math.min(300,e.offsetHeight||300),i=window.innerHeight-n.bottom,a=n.top,o=i-6<r&&a>i,s=Math.max(0,(o?a:i)-6-8);e.style.top=o?`auto`:`${Math.round(n.bottom+6)}px`,e.style.bottom=o?`${Math.round(window.innerHeight-n.top+6)}px`:`auto`,e.style.maxHeight=`${Math.max(120,Math.min(300,s))}px`,e.style.minWidth=`max(12rem, ${Math.round(n.width)}px)`;let c=e.offsetWidth,ee=Math.max(8,Math.min(n.left,window.innerWidth-c-8));e.style.left=`${Math.round(ee)}px`};_optionId(e){return`${this._listboxId}-option-${e}`}_focusedOptionId(){return this.focusedIndex>=0?this._optionId(this.focusedIndex):void 0}_isSearchFocused(){return this.searchable&&document.activeElement===this.searchRef.value}_scrollFocusedIntoView(){let e=this._menu;if(!e||this.focusedIndex<0)return;let t=e.querySelector(`.quickforge-settings-select-listbox`),n=e.querySelector(`[id="${this._optionId(this.focusedIndex)}"]`);if(!t||!n)return;let r=t.getBoundingClientRect(),i=n.getBoundingClientRect();i.top<r.top?t.scrollTop-=r.top-i.top:i.bottom>r.bottom&&(t.scrollTop+=i.bottom-r.bottom)}_menuTemplate(){let e=this._focusedOptionId(),t=this.options.filter(e=>this._isVisible(e)).length;return b`
+      ${this.searchable?b`
+        <div class="quickforge-settings-select-search">
+          <input
+            ${ce(this.searchRef)}
+            class="quickforge-settings-select-search-input"
+            type="text"
+            role="searchbox"
+            placeholder=${this.searchPlaceholder}
+            aria-label=${this.label}
+            aria-controls=${this._listboxId}
+            aria-activedescendant=${e}
+            .value=${this._searchQuery}
+            @input=${this._handleSearchInput}
+          >
+        </div>
+      `:``}
+      <div
+        id=${this._listboxId}
+        class="quickforge-settings-select-listbox"
+        role="listbox"
+        aria-label=${this.label}
+      >
+        ${this.options.map((e,t)=>{if(!this._isVisible(e))return oe;let n=e.value===this.value,r=this.focusedIndex===t;return b`
+            <div
+              id=${this._optionId(t)}
+              role="option"
+              aria-selected=${n?`true`:`false`}
+              aria-disabled=${e.disabled?`true`:`false`}
+              class="quickforge-settings-select-option${r?` quickforge-settings-select-option-focused`:``}${n?` quickforge-settings-select-option-selected`:``}${e.disabled?` quickforge-settings-select-option-disabled`:``}"
+              @mousemove=${()=>{!e.disabled&&this.focusedIndex!==t&&(this.focusedIndex=t,this._rerenderMenuItems())}}
+              @click=${()=>{e.disabled||this._select(e.value)}}
+            >
+              <span class="quickforge-settings-select-option-label">${e.label}</span>
+              ${n?b`
+                <svg class="quickforge-settings-select-option-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>
+              `:``}
+            </div>
+          `})}
+      </div>
+      ${this.searchable&&t===0?b`
+        <div class="quickforge-settings-select-no-results" role="status">${this.noResultsLabel}</div>
+      `:``}
+    `}_handleSearchInput=e=>{let t=e.target;this._searchQuery=t.value,this._rerenderMenuItems();let n=this._selectableIndexes();n.includes(this.focusedIndex)||(this.focusedIndex=n[0]??-1),this._reposition(),this._scrollFocusedIntoView()};_handlePointerDown=e=>{let t=e.target;t&&(this.contains(t)||this._menu?.contains(t)||this._close(!0))};_handleKeyDown=e=>{if(!(!this._open||e.isComposing))switch(e.key){case`ArrowDown`:e.preventDefault(),this._moveFocus(1),this._rerenderMenuItems();break;case`ArrowUp`:e.preventDefault(),this._moveFocus(-1),this._rerenderMenuItems();break;case`Home`:{e.preventDefault();let t=this._selectableIndexes();this.focusedIndex=t[0]??-1,this._rerenderMenuItems(),this._scrollFocusedIntoView();break}case`End`:{e.preventDefault();let t=this._selectableIndexes();this.focusedIndex=t[t.length-1]??-1,this._rerenderMenuItems(),this._scrollFocusedIntoView();break}case`Enter`:e.preventDefault(),this._selectFocused();break;case` `:if(this._isSearchFocused())break;e.preventDefault(),this._selectFocused();break;case`Escape`:e.preventDefault(),this._close(!0);break;case`Tab`:this._close(),this.triggerRef.value?.focus();break}}},ut=`quickforge-settings-select`;customElements.get(ut)||customElements.define(ut,lt);var dt=[{value:`off`,label:()=>M(`thinkingOff`)},{value:`low`,label:()=>M(`thinkingLow`)},{value:`medium`,label:()=>M(`thinkingMedium`)},{value:`high`,label:()=>M(`thinkingHigh`)},{value:`xhigh`,label:()=>M(`thinkingXHigh`)}],ft=[{value:`compact`,label:()=>M(`toolDisplayCompact`)},{value:`detailed`,label:()=>M(`toolDisplayDetailed`)}],B=`__custom__`;function pt(e){return(e??``).trim().replace(/\/$/,``)}function V(e){return JSON.stringify([e.provider,e.id,e.api,pt(e.baseUrl)])}function mt(){return`custom_${globalThis.crypto?.randomUUID?.().slice(0,8)||Date.now().toString(36)}`}function ht(e){let t=e.trim(),n=t.split(/[\\/]/).pop()?.replace(/^"|"$/g,``)||t;return/^bash(\.exe)?$/i.test(n)?`Bash`:/^zsh$/i.test(n)?`Zsh`:/^fish$/i.test(n)?`Fish`:/^cmd(\.exe)?$/i.test(n)?`Command Prompt`:/^powershell(\.exe)?$/i.test(n)?`Windows PowerShell`:/^pwsh(\.exe)?$/i.test(n)?`PowerShell 7+`:n||`Custom Shell`}var gt=b`
+  <svg class="size-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+    <path d="M4.5 4.5 11.5 11.5M11.5 4.5 4.5 11.5" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" />
+  </svg>
+`,_t=class extends x{models=[];selectedModel;harness=`quickforge`;savedHarness=`quickforge`;defaultOptionsSavePromise=Promise.resolve();thinkingLevel=`off`;toolDisplayMode=`compact`;showContextUsage=!1;autoCompactEnabled=!0;autoCompactRequireConfirmation=!0;autoCompactThresholdPercent=80;autoCompactThresholdPercentInput=`80`;autoCompactKeepRecentTurns=3;autoArchiveEnabled=!1;systemNotificationsEnabled=!1;systemNotificationPermission=`unsupported`;systemNotificationBusy=!1;selectedLanguage=ye();loading=!0;saved=!1;savedMessage=``;error=``;terminalShellConfig={terminalShell:`auto`,defaultProfileId:`auto`,profiles:[]};customShellCommand=``;customShellEditorOpen=!1;networkProxyMode=`direct`;networkProxyUrl=``;savedNetworkProxyConfig={mode:`direct`,proxyUrl:``};networkProxyStatus=null;networkProxySaving=!1;networkProxyLoaded=!1;getTabName(){return M(`defaultOptions`)}connectedCallback(){super.connectedCallback(),this.loadSettings(),window.addEventListener(ve,this.handleCloudStateChanged)}disconnectedCallback(){window.removeEventListener(ve,this.handleCloudStateChanged),super.disconnectedCallback?.()}handleCloudStateChanged=()=>{this.loadSettings()};async loadCloudModels(){try{let e=await pe();return!e.configured||e.enabled===!1||e.mode===`local`||!e.hasSession?[]:await me()}catch(e){return w.warn(`Failed to load QuickForge Cloud models for default options:`,e),[]}}async loadSettings(){this.loading=!0,this.error=``,this.requestUpdate();try{let e=S(),[t,n,r,i,a,o,s]=await Promise.all([Ee(e),de().catch(()=>[]),this.loadCloudModels(),Fe(e),_e(e),tt(e),ot(e)]),c=Re(n.length?n:t,r);this.models=c,this.selectedModel=i.model?c.find(e=>V(e)===V(i.model))??c[0]:c[0],this.thinkingLevel=i.thinkingLevel??ge(this.selectedModel),this.harness=i.harness??`quickforge`,this.savedHarness=this.harness,this.toolDisplayMode=a.toolDisplayMode,this.showContextUsage=a.showContextUsage,this.autoCompactEnabled=o.enabled,this.autoCompactRequireConfirmation=o.requireConfirmation,this.autoCompactThresholdPercent=o.thresholdPercent,this.autoCompactThresholdPercentInput=String(o.thresholdPercent),this.autoCompactKeepRecentTurns=o.keepRecentTurns,this.autoArchiveEnabled=s.enabled,this.systemNotificationsEnabled=be(),this.systemNotificationPermission=await Ae(),this.systemNotificationsEnabled&&this.systemNotificationPermission!==`granted`&&(this.systemNotificationsEnabled=!1,Ce(!1)),await Promise.all([this.loadTerminalShell(),this.loadNetworkProxy()])}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}updateModel(e){let t=this.models.find(t=>V(t)===e);this.selectedModel=t,this.thinkingLevel=ge(t),this.saved=!1,this.requestUpdate(),this.saveDefaultModelOptions()}updateHarness(e){this.harness=e===`opencode`?`opencode`:`quickforge`,this.saved=!1,this.requestUpdate(),this.saveDefaultModelOptions()}updateThinkingLevel(e){this.thinkingLevel=dt.some(t=>t.value===e)?e:`off`,this.saved=!1,this.requestUpdate(),this.saveDefaultModelOptions()}updateLanguage(e){this.selectedLanguage=e===`zh`?`zh`:`en`,this.requestUpdate(),this.applyLanguage()}async applyLanguage(){await Oe(S(),this.selectedLanguage)}updateToolDisplayMode(e){this.toolDisplayMode!==e&&(this.toolDisplayMode=e,this.saved=!1,this.requestUpdate(),this.saveToolDisplayOptions())}updateShowContextUsage(e){this.showContextUsage=e,this.saved=!1,this.requestUpdate(),this.saveToolDisplayOptions()}updateAutoCompactEnabled(e){this.autoCompactEnabled=e,this.saved=!1,this.requestUpdate(),this.saveAutoCompactOptions()}updateAutoCompactRequireConfirmation(e){this.autoCompactRequireConfirmation=e,this.saved=!1,this.requestUpdate(),this.saveAutoCompactOptions()}updateAutoArchiveEnabled(e){this.autoArchiveEnabled=e,this.saved=!1,this.requestUpdate(),this.saveAutoArchiveOptions()}async updateSystemNotifications(e){this.systemNotificationBusy=!0,this.saved=!1,this.error=``,this.requestUpdate();try{if(!e){Ce(!1),this.systemNotificationsEnabled=!1,this.markSaved(M(`systemNotificationsDisabled`));return}let t=await ze();this.systemNotificationPermission=t,this.systemNotificationsEnabled=t===`granted`,t===`granted`?this.markSaved(M(`systemNotificationsEnabled`)):t===`denied`?this.error=M(`systemNotificationsDeniedHelp`):t===`unsupported`&&(this.error=M(`systemNotificationsUnsupported`))}catch(e){this.systemNotificationsEnabled=!1,Ce(!1),this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.systemNotificationBusy=!1,this.requestUpdate()}}async sendTestSystemNotification(){this.systemNotificationBusy=!0,this.error=``,this.requestUpdate();try{await Me({key:`test:${Date.now()}`,title:M(`systemNotificationTestTitle`),status:`idle`,force:!0})||(this.error=M(`systemNotificationTestFailed`))}catch(e){this.error=e instanceof Error?e.message:M(`systemNotificationTestFailed`)}finally{this.systemNotificationBusy=!1,this.requestUpdate()}}systemNotificationStatusText(){return this.systemNotificationPermission===`unsupported`?M(`systemNotificationsUnsupported`):this.systemNotificationPermission===`denied`?M(`systemNotificationsPermissionDenied`):this.systemNotificationPermission===`granted`?M(`systemNotificationsPermissionGranted`):M(`systemNotificationsPermissionPrompt`)}updateAutoCompactThresholdPercent(e){this.autoCompactThresholdPercentInput=e;let t=Number(e);e!==``&&Number.isFinite(t)&&(this.autoCompactThresholdPercent=t),this.saved=!1,this.requestUpdate()}updateAutoCompactKeepRecentTurns(e){this.autoCompactKeepRecentTurns=Number(e)||3,this.saved=!1,this.requestUpdate()}commitAutoCompactThresholdPercent(){let e=Number(this.autoCompactThresholdPercentInput);if(!Number.isFinite(e)){this.autoCompactThresholdPercentInput=String(this.autoCompactThresholdPercent),this.requestUpdate();return}let t=Math.max(50,Math.min(95,Math.round(e)));this.autoCompactThresholdPercent=t,this.autoCompactThresholdPercentInput=String(t),this.requestUpdate(),this.saveAutoCompactOptions()}commitAutoCompactKeepRecentTurns(){let e=Math.max(1,Math.min(20,Math.round(this.autoCompactKeepRecentTurns||3)));this.autoCompactKeepRecentTurns=e,this.requestUpdate(),this.saveAutoCompactOptions()}markSaved(e=M(`defaultOptionsSaved`)){this.saved=!0,this.savedMessage=e,this.error=``,this.requestUpdate()}customShellProfiles(){return this.terminalShellConfig.profiles.filter(e=>!e.builtin)}selectedTerminalShellProfileId(){let e=this.terminalShellConfig.profiles;return e.some(e=>e.id===this.terminalShellConfig.defaultProfileId)?this.terminalShellConfig.defaultProfileId:e[0]?.id||B}updateTerminalShellSelection(e){if(e===B){this.customShellEditorOpen=!0,this.requestUpdate();return}this.customShellEditorOpen=!1,this.requestUpdate(),this.saveTerminalShellConfig(e)}async loadNetworkProxy(){try{let e=await fetch(`/api/system/network-proxy`,{cache:`no-store`}),t=await e.json().catch(()=>null);if(!e.ok)throw Error(t?.error||M(`requestFailed`));this.networkProxyMode=t?.config?.mode||`direct`,this.networkProxyUrl=t?.config?.proxyUrl||``,this.savedNetworkProxyConfig={mode:this.networkProxyMode,proxyUrl:this.networkProxyUrl},this.networkProxyStatus=t?.status||null,this.networkProxyLoaded=!0}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}}updateNetworkProxyMode(e){this.networkProxyMode===e||this.networkProxySaving||!this.networkProxyLoaded||e===`pac`&&this.networkProxyStatus?.features?.pacUrl!==!0||(this.networkProxyMode=e,this.saved=!1,this.error=``,this.requestUpdate(),!(e===`manual`||e===`pac`)&&this.saveNetworkProxy())}updateNetworkProxyUrl(e){this.networkProxyUrl=e,this.saved=!1,this.requestUpdate()}networkProxyValidationError(){let e=this.networkProxyUrl.trim(),t=this.networkProxyMode===`pac`;if(!e)return M(t?`networkProxyPacUrlRequired`:`networkProxyAddressRequired`);try{let n=new URL(e);return[`http:`,`https:`].includes(n.protocol)?n.hostname?!t&&!n.port?M(`networkProxyAddressPortError`):n.username||n.password?M(t?`networkProxyPacUrlCredentialsError`:`networkProxyAddressCredentialsError`):t&&n.hash?M(`networkProxyPacUrlFragmentError`):!t&&(n.pathname&&n.pathname!==`/`||n.search||n.hash)?M(`networkProxyAddressPathError`):``:M(t?`networkProxyPacUrlHostError`:`networkProxyAddressPortError`):M(t?`networkProxyPacUrlProtocolError`:`networkProxyAddressProtocolError`)}catch{return M(t?`networkProxyPacUrlInvalid`:`networkProxyAddressInvalid`)}}async saveNetworkProxy(){if(!(this.networkProxySaving||!this.networkProxyLoaded)){if(this.networkProxyMode===`pac`&&this.networkProxyStatus?.features?.pacUrl!==!0){this.saved=!1,this.error=M(`networkProxyPacUnsupported`),this.requestUpdate();return}if(this.networkProxyMode===`manual`||this.networkProxyMode===`pac`){let e=this.networkProxyValidationError();if(e){this.saved=!1,this.error=e,this.requestUpdate();return}}this.networkProxySaving=!0,this.saved=!1,this.error=``,this.requestUpdate();try{let e=await fetch(`/api/system/network-proxy`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({mode:this.networkProxyMode,proxyUrl:this.networkProxyUrl})}),t=await e.json().catch(()=>null);if(!e.ok)throw Error(t?.error||M(`requestFailed`));this.networkProxyMode=t?.config?.mode||this.networkProxyMode,this.networkProxyUrl=t?.config?.proxyUrl||``,this.savedNetworkProxyConfig={mode:this.networkProxyMode,proxyUrl:this.networkProxyUrl},this.networkProxyStatus=t?.status||null,this.markSaved(M(`networkProxySaved`))}catch(e){this.networkProxyMode=this.savedNetworkProxyConfig.mode,this.networkProxyUrl=this.savedNetworkProxyConfig.proxyUrl,this.saved=!1,this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.networkProxySaving=!1,this.requestUpdate()}}}async refreshNetworkProxy(){if(!(this.networkProxySaving||!this.networkProxyLoaded)){this.networkProxySaving=!0,this.saved=!1,this.error=``,this.requestUpdate();try{let e=await fetch(`/api/system/network-proxy/refresh`,{method:`POST`}),t=await e.json().catch(()=>null);if(!e.ok)throw Error(t?.error||M(`requestFailed`));this.networkProxyStatus=t?.status||null,this.markSaved(M(`networkProxyRefreshed`))}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.networkProxySaving=!1,this.requestUpdate()}}}renderNetworkProxyModeOption(e,t){let n=this.networkProxyMode===e,r=e===`pac`&&this.networkProxyStatus?.features?.pacUrl!==!0;return b`
+      <button
+        type="button"
+        class="quickforge-settings-segmented-option ${n?`quickforge-settings-segmented-option-active`:``}"
+        aria-pressed=${n?`true`:`false`}
+        title=${r?M(`networkProxyPacUnsupported`):``}
+        ?disabled=${this.networkProxySaving||!this.networkProxyLoaded||r}
+        @click=${()=>this.updateNetworkProxyMode(e)}
+      >
+        ${t}
+      </button>
+    `}networkProxySettings(){let e=this.networkProxyMode===`manual`||this.networkProxyMode===`pac`,t=this.networkProxyMode===`pac`&&this.networkProxyStatus?.features?.pacUrl!==!0,n=e?this.networkProxyValidationError():``,r=e&&(this.networkProxyUrl!==this.savedNetworkProxyConfig.proxyUrl||this.savedNetworkProxyConfig.mode!==this.networkProxyMode),i=this.networkProxyLoaded?t?M(`networkProxyPacUnsupported`):this.networkProxyStatus?.supported===!1?this.networkProxyStatus.error||M(`networkProxyUnsupported`):M(`networkProxyStatus`,{source:this.networkProxyStatus?.source||M(`unknown`),runtime:this.networkProxyStatus?.runtimeKind||M(`unknown`)}):M(`networkProxyLoadFailed`);return b`
+      <section class="quickforge-settings-section" aria-label=${M(`networkConnection`)}>
+        <div class="quickforge-settings-row">
+          <div class="quickforge-settings-row-main">
+            <div class="quickforge-settings-row-title">
+              ${M(`networkProxyMode`)}
+              <quickforge-info-tip .label=${M(`networkProxyDescription`)}></quickforge-info-tip>
+            </div>
+            <div class="quickforge-settings-row-description">${i}</div>
+          </div>
+          <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+            <div class="quickforge-settings-segmented quickforge-settings-segmented-wrap" role="group" aria-label=${M(`networkProxyMode`)}>
+              ${this.renderNetworkProxyModeOption(`direct`,M(`networkProxyDirect`))}
+              ${this.renderNetworkProxyModeOption(`system`,M(`networkProxySystem`))}
+              ${this.renderNetworkProxyModeOption(`manual`,M(`networkProxyManual`))}
+              ${this.renderNetworkProxyModeOption(`pac`,M(`networkProxyPac`))}
+            </div>
+          </div>
+        </div>
+
+        ${e?b`
+            <div class="quickforge-settings-row">
+              <div class="quickforge-settings-row-main">
+                <div class="quickforge-settings-row-title">
+                  ${M(this.networkProxyMode===`pac`?`networkProxyPacUrl`:`networkProxyAddress`)}
+                </div>
+                <div class="quickforge-settings-row-description">
+                  ${M(this.networkProxyMode===`pac`?`networkProxyPacUrlDescription`:`networkProxyAddressDescription`)}
+                </div>
+              </div>
+              <div class="quickforge-settings-row-control quickforge-settings-row-control-wide quickforge-network-proxy-control">
+                <input
+                  id="quickforge-network-proxy-url"
+                  class="quickforge-settings-input quickforge-settings-mono"
+                  type="url"
+                  aria-label=${M(this.networkProxyMode===`pac`?`networkProxyPacUrl`:`networkProxyAddress`)}
+                  aria-invalid=${r&&n?`true`:`false`}
+                  .value=${this.networkProxyUrl}
+                  placeholder=${this.networkProxyMode===`pac`?`https://example.com/proxy.pac`:`http://127.0.0.1:7890`}
+                  ?disabled=${this.networkProxySaving||!this.networkProxyLoaded||t}
+                  @input=${e=>this.updateNetworkProxyUrl(e.target.value)}
+                  @keydown=${e=>{e.key===`Enter`&&this.networkProxyUrl.trim()&&(e.preventDefault(),this.saveNetworkProxy())}}
+                />
+                <button
+                  class="quickforge-settings-button quickforge-settings-button-primary"
+                  type="button"
+                  ?disabled=${this.networkProxySaving||!this.networkProxyLoaded||t||!!n||!r}
+                  @click=${()=>this.saveNetworkProxy()}
+                >
+                  ${this.networkProxySaving?M(`saving`):M(`networkProxySave`)}
+                </button>
+              </div>
+            </div>
+          `:null}
+
+        ${this.networkProxyMode===`system`?b`
+            <div class="quickforge-settings-row">
+              <div class="quickforge-settings-row-main">
+                <div class="quickforge-settings-row-title">${M(`networkProxyRefresh`)}</div>
+                <div class="quickforge-settings-row-description">${M(`networkProxyRefreshDescription`)}</div>
+              </div>
+              <div class="quickforge-settings-row-control">
+                <button
+                  class="quickforge-settings-button"
+                  type="button"
+                  ?disabled=${this.networkProxySaving||!this.networkProxyLoaded}
+                  @click=${()=>this.refreshNetworkProxy()}
+                >
+                  ${this.networkProxySaving?M(`saving`):M(`networkProxyRefresh`)}
+                </button>
+              </div>
+            </div>
+          `:null}
+      </section>
+    `}async loadTerminalShell(){try{let e=await fetch(`/api/system/terminal-shell`,{cache:`no-store`}),t=await e.json().catch(()=>null);if(!e.ok)throw Error(t?.error||M(`requestFailed`));this.terminalShellConfig={terminalShell:t?.terminalShell||`auto`,defaultProfileId:t?.defaultProfileId||`auto`,profiles:Array.isArray(t?.profiles)?t.profiles:[]}}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}}async saveTerminalShellConfig(e,t=this.customShellProfiles(),n=M(`terminalShellSaved`)){try{let r=await fetch(`/api/system/terminal-shell`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({defaultProfileId:e,profiles:t})}),i=await r.json().catch(()=>null);if(!r.ok)throw Error(i?.error||M(`requestFailed`));this.terminalShellConfig=i,this.markSaved(n)}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`),this.requestUpdate()}}async addCustomTerminalShell(){let e=this.customShellCommand.trim();if(!e){this.error=M(`terminalShellProfileRequired`),this.requestUpdate();return}let t={id:mt(),name:ht(e),command:e,builtin:!1},n=[...this.customShellProfiles(),t];this.customShellCommand=``,this.customShellEditorOpen=!1,await this.saveTerminalShellConfig(t.id,n,M(`terminalShellProfilesSaved`))}async deleteCustomTerminalShell(e){let t=this.terminalShellConfig.profiles.find(t=>t.id===e);if(!t||t.builtin||!await T({description:M(`terminalShellDeleteConfirm`,{name:t.name}),confirmLabel:M(`confirmDelete`),cancelLabel:M(`cancel`),variant:`destructive`}))return;let n=this.customShellProfiles().filter(t=>t.id!==e),r=this.terminalShellConfig.defaultProfileId===e?`auto`:this.terminalShellConfig.defaultProfileId;await this.saveTerminalShellConfig(r,n,M(`terminalShellProfilesSaved`))}async saveDefaultModelOptions(){let e=this.selectedModel,t=e?.reasoning?this.thinkingLevel:`off`,n=this.harness,r=async()=>{try{await xe(S(),{model:e,thinkingLevel:t,harness:n}),this.savedHarness!==n&&(he(n),this.savedHarness=n),this.markSaved()}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`),this.requestUpdate()}};this.defaultOptionsSavePromise=this.defaultOptionsSavePromise.then(r,r),await this.defaultOptionsSavePromise}async saveToolDisplayOptions(){try{await fe(S(),{toolDisplayMode:this.toolDisplayMode,showContextUsage:this.showContextUsage}),this.markSaved()}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`),this.requestUpdate()}}async saveAutoCompactOptions(){try{await nt(S(),{enabled:this.autoCompactEnabled,thresholdPercent:this.autoCompactThresholdPercent,keepRecentTurns:this.autoCompactKeepRecentTurns,minSourceChars:1600,requireConfirmation:this.autoCompactRequireConfirmation}),this.markSaved()}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`),this.requestUpdate()}}async saveAutoArchiveOptions(){try{if(await st(S(),{enabled:this.autoArchiveEnabled}),this.markSaved(M(`autoArchiveSaved`)),typeof BroadcastChannel<`u`)try{let e=new BroadcastChannel(`quickforge-sync`);e.postMessage({type:`settings-changed`,sourceTabId:`default-options-settings-tab`,timestamp:Date.now()}),e.close()}catch{}}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`),this.requestUpdate()}}modelOptions(){return this.models}languageOptions(){return[{value:`zh`,label:M(`simplifiedChinese`)},{value:`en`,label:M(`english`)}]}harnessOptions(){return[{value:`quickforge`,label:`QuickForge`},{value:`claude-code`,label:M(`claudeCodeHarnessUnavailable`),disabled:!0},{value:`opencode`,label:`OpenCode`}]}modelSelectOptions(){return this.modelOptions().map(e=>({value:V(e),label:ue(e)}))}thinkingOptions(){return dt.map(e=>({value:e.value,label:e.label()}))}terminalShellOptions(){return[...this.terminalShellConfig.profiles.map(e=>({value:e.id,label:e.name})),{value:B,label:M(`terminalShellCustomOption`)}]}terminalShellSettings(){let e=this.terminalShellConfig.profiles,t=this.selectedTerminalShellProfileId(),n=e.find(e=>e.id===t),r=this.customShellEditorOpen||e.length===0;return b`
+      <section class="quickforge-settings-section" aria-label=${M(`terminalShell`)}>
+        <div class="quickforge-settings-row">
+          <div class="quickforge-settings-row-main">
+            <div class="quickforge-settings-row-title">
+              ${M(`terminalShellDefault`)}
+              <quickforge-info-tip .label=${M(`terminalShellDescription`)}></quickforge-info-tip>
+            </div>
+            <div class="quickforge-settings-row-description quickforge-settings-mono">
+              ${n?.command||M(`terminalShellNoDetected`)}
+            </div>
+          </div>
+          <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+            <quickforge-settings-select
+              .value=${r?B:t}
+              .options=${this.terminalShellOptions()}
+              label=${M(`terminalShellDefault`)}
+              @change=${e=>this.updateTerminalShellSelection(e.detail)}
+            ></quickforge-settings-select>
+            ${n&&!n.builtin&&!r?b`
+                <button
+                  class="quickforge-settings-icon-action quickforge-settings-icon-action-danger"
+                  type="button"
+                  title=${M(`delete`)}
+                  aria-label=${M(`delete`)}
+                  @click=${()=>this.deleteCustomTerminalShell(n.id)}
+                >
+                  ${gt}
+                </button>
+              `:null}
+          </div>
+        </div>
+
+        ${r?b`
+            <div class="quickforge-settings-row">
+              <div class="quickforge-settings-row-main">
+                <div class="quickforge-settings-row-title">${M(`terminalShellCommand`)}</div>
+                <div class="quickforge-settings-row-description">${M(`terminalShellCustomDescription`)}</div>
+              </div>
+              <div class="quickforge-settings-row-control quickforge-settings-row-control-wide quickforge-terminal-shell-command-control">
+                <input
+                  class="quickforge-settings-input quickforge-settings-mono"
+                  type="text"
+                  .value=${this.customShellCommand}
+                  placeholder=${M(`terminalShellCommandPlaceholder`)}
+                  @input=${e=>{this.customShellCommand=e.target.value}}
+                />
+                <button
+                  class="quickforge-settings-button quickforge-settings-button-primary"
+                  type="button"
+                  title=${M(`terminalShellAdd`)}
+                  aria-label=${M(`terminalShellAdd`)}
+                  @click=${()=>this.addCustomTerminalShell()}
+                >
+                  ${M(`terminalShellAdd`)}
+                </button>
+              </div>
+            </div>
+          `:null}
+      </section>
+    `}renderToolDisplayModeOption(e){let t=this.toolDisplayMode===e.value;return b`
+      <button
+        type="button"
+        class="quickforge-settings-segmented-option ${t?`quickforge-settings-segmented-option-active`:``}"
+        aria-pressed=${t?`true`:`false`}
+        @click=${()=>this.updateToolDisplayMode(e.value)}
+      >
+        ${e.label()}
+      </button>
+    `}renderSwitch(e,t,n=!1){return b`
+      <label class="quickforge-settings-switch" aria-disabled=${n?`true`:`false`}>
+        <input
+          type="checkbox"
+          .checked=${e}
+          ?disabled=${n}
+          @change=${e=>t(e.target.checked)}
+        />
+        <span aria-hidden="true"></span>
+      </label>
+    `}render(){return this.loading?b`<div class="text-sm text-muted-foreground">${M(`loading`)}</div>`:b`
+      <div class="quickforge-settings-stack">
+        <section class="quickforge-settings-section" aria-label=${M(`defaultOptions`)}>
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`language`)}
+                <quickforge-info-tip .label=${M(`languageDescription`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${M(`displayLanguage`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              <quickforge-settings-select
+                .value=${this.selectedLanguage}
+                .options=${this.languageOptions()}
+                label=${M(`language`)}
+                @change=${e=>this.updateLanguage(e.detail)}
+              ></quickforge-settings-select>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`defaultHarness`)}</div>
+              <div class="quickforge-settings-row-description">${M(`defaultHarnessDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              <quickforge-settings-select
+                .value=${this.harness}
+                .options=${this.harnessOptions()}
+                label=${M(`defaultHarness`)}
+                @change=${e=>this.updateHarness(e.detail)}
+              ></quickforge-settings-select>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`defaultModel`)}</div>
+              <div class="quickforge-settings-row-description">${M(`defaultModelDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+              <quickforge-settings-select
+                .value=${this.selectedModel?V(this.selectedModel):``}
+                .options=${this.modelSelectOptions()}
+                .disabled=${this.models.length===0}
+                searchable
+                searchPlaceholder=${M(`search`)}
+                noResultsLabel=${M(`noMatchingOptions`)}
+                placeholder=${M(`noModelAvailable`)}
+                label=${M(`defaultModel`)}
+                @change=${e=>this.updateModel(e.detail)}
+              ></quickforge-settings-select>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`defaultThinkingLevel`)}</div>
+              <div class="quickforge-settings-row-description">
+                ${this.selectedModel?.reasoning?M(`defaultThinkingLevelDescription`):M(`thinkingRequiresReasoningModel`)}
+              </div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              <quickforge-settings-select
+                .value=${this.thinkingLevel}
+                .options=${this.thinkingOptions()}
+                .disabled=${!this.selectedModel?.reasoning}
+                label=${M(`defaultThinkingLevel`)}
+                @change=${e=>this.updateThinkingLevel(e.detail)}
+              ></quickforge-settings-select>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`toolDisplay`)}
+                <quickforge-info-tip .label=${M(`toolDisplayModeDescription`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${M(`toolDisplayModeDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              <div class="quickforge-settings-segmented" role="group" aria-label=${M(`toolDisplay`)}>
+                ${ft.map(e=>this.renderToolDisplayModeOption(e))}
+              </div>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`systemNotifications`)}
+                <quickforge-info-tip .label=${M(`systemNotificationsDescription`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${this.systemNotificationStatusText()}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+              ${this.systemNotificationsEnabled?b`
+                <button
+                  class="quickforge-settings-button quickforge-settings-button-secondary"
+                  type="button"
+                  ?disabled=${this.systemNotificationBusy}
+                  @click=${()=>this.sendTestSystemNotification()}
+                >${M(`systemNotificationsTest`)}</button>
+              `:null}
+              ${this.renderSwitch(this.systemNotificationsEnabled,e=>{this.updateSystemNotifications(e)},this.systemNotificationBusy||this.systemNotificationPermission===`unsupported`)}
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`showContextUsage`)}
+                <quickforge-info-tip .label=${M(`showContextUsageDescription`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${M(`showContextUsageDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              ${this.renderSwitch(this.showContextUsage,e=>this.updateShowContextUsage(e))}
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`autoArchiveEnabled`)}
+                <quickforge-info-tip .label=${M(`autoArchiveDescription`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${M(`autoArchiveTriggerNote`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              ${this.renderSwitch(this.autoArchiveEnabled,e=>this.updateAutoArchiveEnabled(e))}
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`autoCompactEnabled`)}
+                <quickforge-info-tip .label=${M(`autoCompactDescription`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${M(`autoCompactTriggerNote`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              ${this.renderSwitch(this.autoCompactEnabled,e=>this.updateAutoCompactEnabled(e))}
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`autoCompactRequireConfirmation`)}</div>
+              <div class="quickforge-settings-row-description">${M(`autoCompactRequireConfirmationDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              ${this.renderSwitch(this.autoCompactRequireConfirmation,e=>this.updateAutoCompactRequireConfirmation(e),!this.autoCompactEnabled)}
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`autoCompactThresholdPercent`)}</div>
+              <div class="quickforge-settings-row-description">${M(`autoCompactThresholdDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              <input
+                class="quickforge-settings-input quickforge-settings-number-input"
+                type="number"
+                min="50"
+                max="95"
+                step="1"
+                .value=${this.autoCompactThresholdPercentInput}
+                ?disabled=${!this.autoCompactEnabled}
+                @input=${e=>this.updateAutoCompactThresholdPercent(e.target.value)}
+                @change=${()=>this.commitAutoCompactThresholdPercent()}
+                @blur=${()=>this.commitAutoCompactThresholdPercent()}
+              />
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`autoCompactKeepRecentTurns`)}
+                <quickforge-info-tip .label=${M(`autoCompactHistoryPreserved`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${M(`autoCompactKeepRecentTurnsDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              <input
+                class="quickforge-settings-input quickforge-settings-number-input"
+                type="number"
+                min="1"
+                max="20"
+                step="1"
+                .value=${String(this.autoCompactKeepRecentTurns)}
+                ?disabled=${!this.autoCompactEnabled}
+                @input=${e=>this.updateAutoCompactKeepRecentTurns(e.target.value)}
+                @change=${()=>this.commitAutoCompactKeepRecentTurns()}
+                @blur=${()=>this.commitAutoCompactKeepRecentTurns()}
+              />
+            </div>
+          </div>
+        </section>
+
+        ${this.networkProxySettings()}
+
+        ${this.terminalShellSettings()}
+
+        ${this.saved?b`<div class="quickforge-settings-message" role="status">${this.savedMessage||M(`defaultOptionsSaved`)}</div>`:null}
+        ${this.error?b`<div class="quickforge-settings-alert" role="alert">${this.error}</div>`:null}
+      </div>
+    `}},H=`quickforge-default-options-settings-tab`;customElements.get(H)||customElements.define(H,_t);function vt(){return document.createElement(H)}var yt=`memory-settings`,bt={enabled:!0};function xt(e){return!e||typeof e!=`object`?{...bt}:{enabled:e.enabled!==!1}}async function St(e){return xt(await e.settings.get(yt))}async function Ct(e,t){await e.settings.set(yt,xt(t))}var wt=class extends x{enabled=!0;loading=!0;saving=!1;loadingDocument=!1;markdown=``;savedMarkdown=``;memoryPath=`~/.quickforge/MEMORY.md`;message=``;error=``;getTabName(){return M(`memory`)}async connectedCallback(){super.connectedCallback(),await this.loadSettings()}async loadSettings(){this.loading=!0,this.error=``,this.requestUpdate();try{let[e]=await Promise.all([St(S()),this.loadDocument()]);this.enabled=e.enabled}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}async loadDocument(e=!1){this.loadingDocument=!0,this.error=``,e&&(this.message=``),this.requestUpdate();try{let t=await fetch(`/api/memory`,{cache:`no-store`}),n=await t.json().catch(()=>null);if(!t.ok||!n)throw Error(n?.error||M(`requestFailed`));this.markdown=n.markdown,this.savedMarkdown=n.markdown,this.memoryPath=n.path||this.memoryPath,e&&(this.message=M(`memoryReloaded`))}finally{this.loadingDocument=!1,this.requestUpdate()}}async updateEnabled(e){let t=this.enabled;this.enabled=e,this.saving=!0,this.message=``,this.error=``,this.requestUpdate();try{await Ct(S(),{enabled:e}),this.message=M(e?`memoryEnabledSaved`:`memoryDisabledSaved`)}catch(e){this.enabled=t,this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.saving=!1,this.requestUpdate()}}async reloadDocument(){try{await this.loadDocument(!0)}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`),this.requestUpdate()}}async saveDocument(){if(!(!this.enabled||this.saving)){this.saving=!0,this.message=``,this.error=``,this.requestUpdate();try{let e=await fetch(`/api/memory`,{method:`PUT`,headers:{"content-type":`application/json`},body:JSON.stringify({markdown:this.markdown})}),t=await e.json().catch(()=>null);if(!e.ok||!t)throw Error(t?.error||M(`requestFailed`));this.markdown=t.markdown,this.savedMarkdown=t.markdown,this.memoryPath=t.path||this.memoryPath,this.message=M(`memoryContentSaved`)}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.saving=!1,this.requestUpdate()}}}renderSwitch(){return b`
+      <label class="quickforge-settings-switch" aria-disabled=${this.saving?`true`:`false`}>
+        <input
+          type="checkbox"
+          .checked=${this.enabled}
+          ?disabled=${this.saving}
+          @change=${e=>void this.updateEnabled(e.target.checked)}
+        />
+        <span aria-hidden="true"></span>
+      </label>
+    `}render(){if(this.loading)return b`<div class="text-sm text-muted-foreground">${M(`loading`)}</div>`;let e=this.markdown!==this.savedMarkdown,t=this.saving||this.loadingDocument;return b`
+      <div class="quickforge-settings-stack">
+        <section class="quickforge-settings-section" aria-label=${M(`memory`)}>
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`globalMemory`)}
+                <quickforge-info-tip .label=${M(`globalMemoryInfo`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${M(`globalMemoryDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">${this.renderSwitch()}</div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`memoryFile`)}</div>
+              <div class="quickforge-settings-row-description">${M(`memoryFileDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+              <code class="text-xs text-muted-foreground">${this.memoryPath}</code>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row quickforge-settings-row-align-start quickforge-memory-content-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`memoryContent`)}</div>
+              <div class="quickforge-settings-row-description">${this.enabled?M(`memoryContentDescription`):M(`memoryContentDisabledDescription`)}</div>
+            </div>
+            <div class="quickforge-memory-editor-control">
+              <textarea
+                class="quickforge-settings-textarea quickforge-settings-mono quickforge-memory-editor"
+                .value=${this.markdown}
+                ?disabled=${!this.enabled||t}
+                spellcheck="false"
+                @input=${e=>{this.markdown=e.target.value,this.message=``,this.requestUpdate()}}
+              ></textarea>
+              <div class="quickforge-memory-editor-actions">
+                <button
+                  class="quickforge-settings-button quickforge-settings-button-secondary"
+                  type="button"
+                  ?disabled=${t}
+                  @click=${()=>void this.reloadDocument()}
+                >${this.loadingDocument?M(`loading`):M(`memoryReload`)}</button>
+                <button
+                  class="quickforge-settings-button quickforge-settings-button-primary"
+                  type="button"
+                  ?disabled=${!this.enabled||t||!e}
+                  @click=${()=>void this.saveDocument()}
+                >${this.saving?M(`saving`):M(`memorySave`)}</button>
+              </div>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-note">${M(`memoryCurrentSessionNote`)}</div>
+        </section>
+
+        ${this.message?b`<div class="quickforge-settings-message">${this.message}</div>`:null}
+        ${this.error?b`<div class="quickforge-settings-alert">${this.error}</div>`:null}
+      </div>
+    `}},U=`quickforge-memory-settings-tab`;customElements.get(U)||customElements.define(U,wt);function Tt(){return document.createElement(U)}var Et=`quickforge-backup`,W=[{id:`settings`,countKey:`settings`,label:()=>M(`restoreSettings`),description:()=>M(`restoreSettingsDescription`)},{id:`mcp`,countKey:`mcp`,label:()=>M(`restoreMcp`),description:()=>M(`restoreMcpDescription`)},{id:`providerKeys`,countKey:`providerKeys`,label:()=>M(`restoreProviderKeys`),description:()=>M(`restoreProviderKeysDescription`)},{id:`customProviders`,countKey:`customProviders`,label:()=>M(`restoreCustomProviders`),description:()=>M(`restoreCustomProvidersDescription`)},{id:`scheduledTasks`,countKey:`scheduledTasks`,label:()=>M(`restoreScheduledTasks`),description:()=>M(`restoreScheduledTasksDescription`)}],Dt=W;function Ot(e,t){let n=new Blob([`${JSON.stringify(t,null,2)}\n`],{type:`application/json`}),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=e,document.body.appendChild(i),i.click(),i.remove(),URL.revokeObjectURL(r)}function kt(){return new Date().toISOString().replace(/[:.]/g,`-`)}function At(e){return e?Object.entries(e).map(([e,t])=>`${e}: ${t}`).join(`, `):``}function jt(e){return Dt.filter(t=>(e.sections?.[t.countKey]??0)>0)}function Mt(e){return jt(e).map(e=>e.id)}function Nt(e){return e instanceof RangeError||e instanceof Error&&e.message.includes(`Invalid string length`)}function G(e,t){return Nt(e)?M(`backupStringTooLarge`):e instanceof Error?e.message:t}var Pt=class extends x{exportSections=new Set(W.map(e=>e.id));busy=!1;message=``;error=``;safetyBackupPath=``;pendingImport=null;getTabName(){return M(`backupRestore`)}toggleExportSection(e,t){t?this.exportSections.add(e):this.exportSections.delete(e),this.clearStatus(),this.requestUpdate()}clearStatus(){this.message=``,this.error=``,this.safetyBackupPath=``}async exportBackup(){if(this.exportSections.size===0){this.error=M(`selectAtLeastOneExportSection`),this.requestUpdate();return}this.busy=!0,this.clearStatus(),this.requestUpdate();try{let e=new URLSearchParams({sections:[...this.exportSections].join(`,`)}),t=await fetch(`/api/backup/export?${e.toString()}`,{cache:`no-store`}),n=await t.json().catch(()=>null);if(!t.ok)throw Error(n?.error||M(`backupExportFailed`));Ot(`${Et}-settings-${kt()}.json`,n),this.message=M(`backupExported`)}catch(e){this.error=G(e,M(`backupExportFailed`))}finally{this.busy=!1,this.requestUpdate()}}async inspectBackupFile(e){let t=await fetch(`/api/backup/inspect-file`,{method:`POST`,headers:{"content-type":`application/json`},body:e}),n=await t.json().catch(()=>null);if(!t.ok)throw Error(n?.error||M(`backupInspectFailed`));if(!n)throw Error(M(`backupInspectFailed`));return n}async importBackupFromFile(e){this.busy=!0,this.clearStatus(),this.pendingImport=null,this.requestUpdate();try{let t=await this.inspectBackupFile(e),n=new Set(Mt(t));this.pendingImport={backup:null,importToken:t.importToken,inspect:t,selectedSections:n,mode:`replace`},this.message=t.ignoredConversations?M(`backupInspectedWithIgnoredConversations`):M(`backupInspected`)}catch(e){this.error=G(e,M(`backupImportFailed`))}finally{this.busy=!1,this.requestUpdate()}}togglePendingSection(e,t){this.pendingImport&&(t?this.pendingImport.selectedSections.add(e):this.pendingImport.selectedSections.delete(e),this.message=``,this.error=``,this.requestUpdate())}setRestoreMode(e){this.pendingImport&&(this.pendingImport.mode=e,this.message=``,this.error=``,this.requestUpdate())}cancelPendingImport(){this.pendingImport=null,this.message=``,this.error=``,this.requestUpdate()}async confirmPendingImport(){if(this.pendingImport){if(this.pendingImport.selectedSections.size===0){this.error=M(`selectAtLeastOneRestoreSection`),this.requestUpdate();return}if(await T({description:this.pendingImport.mode===`replace`?M(`backupImportReplaceConfirm`):M(`backupImportMergeConfirm`),confirmLabel:M(`confirmImportSelected`),cancelLabel:M(`cancel`)})){this.busy=!0,this.clearStatus(),this.requestUpdate();try{let e=this.pendingImport.importToken?{importToken:this.pendingImport.importToken,sections:[...this.pendingImport.selectedSections],mode:this.pendingImport.mode}:{backup:this.pendingImport.backup,sections:[...this.pendingImport.selectedSections],mode:this.pendingImport.mode},t=await fetch(`/api/backup/import`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify(e)}),n=await t.json().catch(()=>null);if(!t.ok)throw Error(n?.error||M(`backupImportFailed`));let r=At(n?.summary);this.safetyBackupPath=n?.safetyBackupPath||``,this.pendingImport=null,this.message=r?`${M(`backupImported`)} ${r}`:M(`backupImported`),window.setTimeout(()=>window.location.reload(),1500)}catch(e){this.error=G(e,M(`backupImportFailed`))}finally{this.busy=!1,this.requestUpdate()}}}}handleFileChange(e){let t=e.target,n=t.files?.[0];t.value=``,n&&this.importBackupFromFile(n)}renderSwitch(e,t,n=!1){return b`
+      <label class="quickforge-settings-switch" aria-disabled=${n?`true`:`false`}>
+        <input
+          type="checkbox"
+          .checked=${e}
+          ?disabled=${n}
+          @change=${e=>t(e.target.checked)}
+        />
+        <span aria-hidden="true"></span>
+      </label>
+    `}renderPendingImport(){if(!this.pendingImport)return null;let{inspect:e,selectedSections:t}=this.pendingImport,n=jt(e);return b`
+      <section class="quickforge-settings-section" aria-label=${M(`backupInspectTitle`)}>
+        <div class="quickforge-settings-row quickforge-settings-row-top">
+          <div class="quickforge-settings-row-main">
+            <div class="quickforge-settings-row-title">${M(`backupInspectTitle`)}</div>
+            <div class="quickforge-settings-row-description">${M(`backupInspectDescription`)}</div>
+          </div>
+        </div>
+
+        <div class="quickforge-settings-nested-list">
+          <div class="quickforge-settings-subrow">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`backupInspectExportedAt`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-readonly-value">${e.exportedAt||`-`}</div>
+          </div>
+          <div class="quickforge-settings-subrow">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`backupInspectVersion`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-readonly-value">${e.version??`-`}</div>
+          </div>
+          <div class="quickforge-settings-subrow">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`backupInspectScope`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-readonly-value">${e.scope||`-`}</div>
+          </div>
+          <div class="quickforge-settings-subrow">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`backupInspectSecrets`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-readonly-value">${e.includeSecrets?M(`yes`):M(`no`)}</div>
+          </div>
+        </div>
+
+        ${e.warnings?.length?b`
+          <div class="quickforge-settings-warning quickforge-settings-warning-attached">
+            ${e.warnings.map(e=>b`<div>⚠ ${e}</div>`)}
+          </div>
+        `:null}
+
+        ${e.invalidSections&&Object.keys(e.invalidSections).length?b`
+          <div class="quickforge-settings-warning quickforge-settings-warning-attached">
+            <div>${M(`backupInvalidSections`)}</div>
+            ${Object.entries(e.invalidSections).map(([e,t])=>b`<div>${e}: ${t}</div>`)}
+          </div>
+        `:null}
+
+        <div class="quickforge-settings-row">
+          <div class="quickforge-settings-row-main">
+            <div class="quickforge-settings-row-title">${M(`restoreMode`)}</div>
+            <div class="quickforge-settings-row-description">${M(`restoreModeDescription`)}</div>
+          </div>
+          <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+            <div class="quickforge-settings-segmented" role="group" aria-label=${M(`restoreMode`)}>
+              <button
+                type="button"
+                class="quickforge-settings-segmented-option ${this.pendingImport.mode===`replace`?`quickforge-settings-segmented-option-active`:``}"
+                ?disabled=${this.busy}
+                @click=${()=>this.setRestoreMode(`replace`)}
+              >
+                ${M(`restoreModeReplace`)}
+              </button>
+              <button
+                type="button"
+                class="quickforge-settings-segmented-option ${this.pendingImport.mode===`merge`?`quickforge-settings-segmented-option-active`:``}"
+                ?disabled=${this.busy}
+                @click=${()=>this.setRestoreMode(`merge`)}
+              >
+                ${M(`restoreModeMerge`)}
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <div class="quickforge-settings-row quickforge-settings-row-top">
+          <div class="quickforge-settings-row-main">
+            <div class="quickforge-settings-row-title">${M(`selectRestoreSections`)}</div>
+            <div class="quickforge-settings-row-description">
+              ${this.pendingImport.mode===`replace`?M(`restoreModeReplaceDescription`):M(`restoreModeMergeDescription`)}
+            </div>
+          </div>
+        </div>
+        <div class="quickforge-settings-nested-list">
+          ${n.map(n=>b`
+            <div class="quickforge-settings-subrow">
+              <div class="quickforge-settings-row-main">
+                <div class="quickforge-settings-row-title">${n.label()} (${e.sections?.[n.countKey]??0})</div>
+                <div class="quickforge-settings-row-description">${n.description()}</div>
+              </div>
+              <div class="quickforge-settings-row-control">
+                ${this.renderSwitch(t.has(n.id),e=>this.togglePendingSection(n.id,e),this.busy)}
+              </div>
+            </div>
+          `)}
+        </div>
+
+        <div class="quickforge-settings-row">
+          <div class="quickforge-settings-row-main">
+            <div class="quickforge-settings-row-title">${M(`backupImportActions`)}</div>
+            <div class="quickforge-settings-row-description">${M(`backupImportActionsDescription`)}</div>
+          </div>
+          <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+            <button
+              class="quickforge-settings-button quickforge-settings-button-primary"
+              type="button"
+              ?disabled=${this.busy||t.size===0}
+              @click=${()=>this.confirmPendingImport()}
+            >
+              ${this.busy?M(`loading`):M(`confirmImportSelected`)}
+            </button>
+            <button
+              class="quickforge-settings-button quickforge-settings-button-secondary"
+              type="button"
+              ?disabled=${this.busy}
+              @click=${()=>this.cancelPendingImport()}
+            >
+              ${M(`cancel`)}
+            </button>
+          </div>
+        </div>
+      </section>
+    `}render(){return b`
+      <div class="quickforge-settings-stack">
+        <section class="quickforge-settings-section" aria-label=${M(`exportData`)}>
+          <div class="quickforge-settings-row quickforge-settings-row-top">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`selectExportSections`)}
+                <quickforge-info-tip .label=${M(`exportDataDescription`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${M(`selectExportSectionsDescription`)}</div>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-nested-list">
+            ${W.map(e=>b`
+              <div class="quickforge-settings-subrow">
+                <div class="quickforge-settings-row-main">
+                  <div class="quickforge-settings-row-title">${e.label()}</div>
+                  <div class="quickforge-settings-row-description">${e.description()}</div>
+                </div>
+                <div class="quickforge-settings-row-control">
+                  ${this.renderSwitch(this.exportSections.has(e.id),t=>this.toggleExportSection(e.id,t),this.busy)}
+                </div>
+              </div>
+            `)}
+          </div>
+
+          <div class="quickforge-settings-note">${M(`conversationBackupExcluded`)}</div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`exportBackup`)}</div>
+              <div class="quickforge-settings-row-description">${M(`exportBackupDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              <button
+                class="quickforge-settings-button quickforge-settings-button-primary"
+                type="button"
+                ?disabled=${this.busy||this.exportSections.size===0}
+                @click=${()=>this.exportBackup()}
+              >
+                ${this.busy?M(`loading`):M(`exportBackup`)}
+              </button>
+            </div>
+          </div>
+        </section>
+
+        <section class="quickforge-settings-section" aria-label=${M(`importData`)}>
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`importBackup`)}
+                <quickforge-info-tip .label=${M(`importDataDescription`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${M(`importDataDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              <label class="quickforge-settings-button quickforge-settings-button-secondary ${this.busy?`pointer-events-none opacity-60`:``}">
+                <input
+                  class="hidden"
+                  type="file"
+                  accept="application/json,.json"
+                  ?disabled=${this.busy}
+                  @change=${e=>this.handleFileChange(e)}
+                />
+                ${M(`importBackup`)}
+              </label>
+            </div>
+          </div>
+        </section>
+
+        ${this.renderPendingImport()}
+        ${this.message?b`<div class="quickforge-settings-message">${this.message}</div>`:null}
+        ${this.safetyBackupPath?b`<div class="quickforge-settings-note">${M(`backupSafetyBackupPath`)}: <code>${this.safetyBackupPath}</code></div>`:null}
+        ${this.error?b`<div class="quickforge-settings-alert">${this.error}</div>`:null}
+      </div>
+    `}},K=`quickforge-backup-settings-tab`;customElements.get(K)||customElements.define(K,Pt);function Ft(){return document.createElement(K)}function It(e){if(!e)return`-`;let t=new Date(e);return Number.isNaN(t.getTime())?e:t.toLocaleString(A())}function Lt(e){let t={...e};return delete t.archivedAt,t}function q(){if(!(typeof BroadcastChannel>`u`))try{let e=new BroadcastChannel(`quickforge-sync`);e.postMessage({type:`sessions-changed`,sourceTabId:`archived-conversations-settings-tab`,timestamp:Date.now()}),e.close()}catch{}}var Rt=class extends x{sessions=[];projects=[];loading=!0;busySessionId=``;query=``;projectFilter=`all`;message=``;error=``;getTabName(){return M(`archivedConversations`)}async connectedCallback(){super.connectedCallback(),await this.loadData()}get projectNameById(){return new Map(this.projects.map(e=>[e.id,e.name]))}async loadData(){this.loading=!0,this.error=``,this.requestUpdate();try{let[e,t]=await Promise.all([fetch(`/api/storage/sessions-metadata/index/lastModified?direction=desc&limit=1000&offset=0&archived=only`,{cache:`no-store`}),fetch(`/api/project`,{cache:`no-store`}).catch(()=>null)]),n=await e.json().catch(()=>null);if(!e.ok)throw Error(n?.error||M(`requestFailed`));if(this.sessions=Array.isArray(n?.values)?n.values:[],t?.ok){let e=await t.json().catch(()=>null);this.projects=Array.isArray(e?.projects)?e.projects:[]}}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}filteredSessions(){let e=this.query.trim().toLowerCase();return this.sessions.filter(t=>{if(this.projectFilter!==`all`&&(this.projectFilter===`global`&&t.scope===`project`||this.projectFilter!==`global`&&t.projectId!==this.projectFilter))return!1;if(!e)return!0;let n=t.projectId&&this.projectNameById.get(t.projectId)||``;return`${Ie(t.title,t.channelName)} ${n}`.toLowerCase().includes(e)})}groupedSessions(){let e=new Map;for(let t of this.filteredSessions()){let n=t.scope===`project`&&t.projectId?t.projectId:`global`;e.set(n,[...e.get(n)??[],t])}return[...e.entries()]}projectLabel(e){return e===`global`?M(`normalChat`):this.projectNameById.get(e)||M(`unknownProject`)}async restoreSession(e){if(!this.busySessionId){this.busySessionId=e,this.message=``,this.error=``,this.requestUpdate();try{let t=S(),n=await t.sessions.get(e),r=await t.sessions.getMetadata(e);if(!n||!r)throw Error(M(`sessionNotFound`));await t.sessions.save(Lt(n),Lt(r)),this.sessions=this.sessions.filter(t=>t.id!==e),this.message=M(`sessionRestored`),q()}catch(e){this.error=e instanceof Error?e.message:M(`restoreSessionFailed`)}finally{this.busySessionId=``,this.requestUpdate()}}}async deleteSession(e){if(!this.busySessionId&&await T({description:M(`deleteArchivedSessionConfirm`,{title:Ie(e.title)}),confirmLabel:M(`confirmDelete`),cancelLabel:M(`cancel`),variant:`destructive`})){this.busySessionId=e.id,this.message=``,this.error=``,this.requestUpdate();try{await S().sessions.delete(e.id),this.sessions=this.sessions.filter(t=>t.id!==e.id),this.message=M(`archivedSessionDeleted`),q()}catch(e){this.error=e instanceof Error?e.message:M(`deleteSessionFailed`)}finally{this.busySessionId=``,this.requestUpdate()}}}async deleteAllArchivedSessions(){if(!(this.busySessionId||this.sessions.length===0)&&await T({description:M(`deleteAllArchivedSessionsConfirm`),confirmLabel:M(`confirmDelete`),cancelLabel:M(`cancel`),variant:`destructive`})){this.busySessionId=`__all__`,this.message=``,this.error=``,this.requestUpdate();try{let e=S();await Promise.all(this.sessions.map(t=>e.sessions.delete(t.id))),this.sessions=[],this.message=M(`archivedSessionsDeleted`),q()}catch(e){this.error=e instanceof Error?e.message:M(`deleteSessionFailed`)}finally{this.busySessionId=``,this.requestUpdate()}}}renderSession(e){let t=this.busySessionId===e.id||this.busySessionId===`__all__`;return b`
+      <div class="border-t border-border px-4 py-3 first:border-t-0">
+        <div class="flex flex-wrap items-start justify-between gap-x-3 gap-y-2">
+          <div class="min-w-0 flex-1">
+            <div class="truncate text-sm font-medium text-foreground">${Ie(e.title,e.channelName)}</div>
+            <div class="mt-1 text-xs text-muted-foreground">
+              ${M(`lastModified`)}: ${It(e.lastModified)} · ${M(`archivedAt`)}: ${It(e.archivedAt)}
+            </div>
+          </div>
+          <div class="flex w-full shrink-0 items-center justify-end gap-2 sm:w-auto">
+            <button
+              class="rounded-md border border-input px-2.5 py-1 text-xs hover:bg-muted/60 disabled:opacity-60"
+              type="button"
+              ?disabled=${t}
+              @click=${()=>this.restoreSession(e.id)}
+            >
+              ${M(`restoreSession`)}
+            </button>
+            <button
+              class="rounded-md px-2.5 py-1 text-xs text-destructive hover:bg-destructive/10 disabled:opacity-60"
+              type="button"
+              ?disabled=${t}
+              @click=${()=>this.deleteSession(e)}
+            >
+              ${M(`deletePermanently`)}
+            </button>
+          </div>
+        </div>
+      </div>
+    `}render(){let e=this.groupedSessions();return b`
+      <div class="flex flex-col gap-4">
+        <div class="flex justify-end">
+          <button
+            class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive hover:bg-destructive/15 disabled:opacity-60"
+            type="button"
+            ?disabled=${!!this.busySessionId||this.sessions.length===0}
+            @click=${()=>this.deleteAllArchivedSessions()}
+          >
+            ${M(`deleteAll`)}
+          </button>
+        </div>
+
+        <section class="rounded-lg border border-border">
+          <div class="grid gap-2 border-b border-border p-3 sm:grid-cols-[minmax(0,1fr)_12rem]">
+            <input
+              class="rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-ring/30"
+              type="search"
+              .value=${this.query}
+              placeholder=${M(`searchArchivedConversations`)}
+              @input=${e=>{this.query=e.target.value,this.requestUpdate()}}
+            />
+            <select
+              class="rounded-md border border-input bg-background px-3 py-2 text-sm"
+              .value=${this.projectFilter}
+              @change=${e=>{this.projectFilter=e.target.value,this.requestUpdate()}}
+            >
+              <option value="all">${M(`allProjects`)}</option>
+              <option value="global">${M(`normalChat`)}</option>
+              ${this.projects.map(e=>b`<option value=${e.id}>${e.name}</option>`)}
+            </select>
+          </div>
+
+          ${this.loading?b`
+            <div class="px-4 py-8 text-center text-sm text-muted-foreground">${M(`loading`)}</div>
+          `:e.length===0?b`
+            <div class="px-4 py-8 text-center text-sm text-muted-foreground">${M(`noArchivedConversations`)}</div>
+          `:b`
+            <div>
+              ${e.map(([e,t])=>b`
+                <div class="border-b border-border last:border-b-0">
+                  <div class="flex items-center justify-between gap-3 bg-muted/20 px-4 py-2 text-sm text-muted-foreground">
+                    <div class="truncate">${this.projectLabel(e)}</div>
+                    <div class="shrink-0">${M(`conversationCount`,{count:t.length})}</div>
+                  </div>
+                  ${t.map(e=>this.renderSession(e))}
+                </div>
+              `)}
+            </div>
+          `}
+        </section>
+
+        ${this.message?b`<div class="rounded-md border border-emerald-500/30 bg-emerald-500/10 px-3 py-2 text-sm text-emerald-700 dark:text-emerald-300">${this.message}</div>`:null}
+        ${this.error?b`<div class="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">${this.error}</div>`:null}
+      </div>
+    `}},zt=`quickforge-archived-conversations-settings-tab`;customElements.get(zt)||customElements.define(zt,Rt);function Bt(){return document.createElement(zt)}function Vt(){return Array.from({length:16},()=>`ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz23456789!@#$%^&*`[Math.floor(Math.random()*65)]).join(``)}function Ht(e){if(!e)return M(`lanAccessUnknownDevice`);let t=e.includes(`Edg/`)?`Edge`:e.includes(`Firefox/`)?`Firefox`:e.includes(`Chrome/`)?`Chrome`:e.includes(`Safari/`)?`Safari`:M(`lanAccessBrowser`),n=/Android/i.test(e)?`Android`:/iPhone|iPad|iPod/i.test(e)?`iOS`:/Windows/i.test(e)?`Windows`:/Macintosh|Mac OS X/i.test(e)?`macOS`:/Linux/i.test(e)?`Linux`:``;return n?`${t} · ${n}`:t}function Ut(e){if(!e)return`-`;let t=new Date(e);return Number.isNaN(t.getTime())?`-`:new Intl.DateTimeFormat(A(),{dateStyle:`medium`,timeStyle:`short`}).format(t)}var Wt=class extends x{loading=!0;saving=!1;enabled=!1;hasPassword=!1;password=``;passwordVisible=!1;sessionTtlHours=12;activeTokenCount=0;activeDevices=[];lanUrls=[];error=``;message=``;getTabName(){return M(`lanAccess`)}async connectedCallback(){super.connectedCallback(),await this.loadStatus()}async request(e,t){let n=await fetch(e,{...t,cache:`no-store`,headers:{...t?.body?{"content-type":`application/json`}:void 0,...t?.headers}}),r=await n.json().catch(()=>null);if(!n.ok)throw Error(r?.error||M(`requestFailed`));return r}applyStatus(e){this.enabled=!!e.enabled,this.hasPassword=!!e.hasPassword,this.sessionTtlHours=Number(e.sessionTtlHours||12),this.activeTokenCount=Number(e.activeTokenCount||0),this.activeDevices=Array.isArray(e.activeDevices)?e.activeDevices:[],this.lanUrls=Array.isArray(e.lanUrls)?e.lanUrls:[]}async loadStatus(){this.loading=!0,this.error=``,this.requestUpdate();try{this.applyStatus(await this.request(`/api/lan-access/status`))}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}updatePassword(e){this.password=e,this.requestUpdate()}togglePasswordVisibility(){this.passwordVisible=!this.passwordVisible,this.requestUpdate()}updateEnabled(e){this.enabled=e,this.requestUpdate()}updateTtl(e){this.sessionTtlHours=Number(e)||12,this.requestUpdate()}async saveSettings(){if(!this.saving){if(this.enabled&&!this.hasPassword&&!this.password.trim()){this.error=M(`lanAccessPasswordRequired`),this.requestUpdate();return}if(this.password.trim()&&this.password.trim().length<8){this.error=M(`lanAccessPasswordTooShort`),this.requestUpdate();return}if(!(this.enabled&&!await T({description:M(`lanAccessEnableConfirm`),confirmLabel:M(`enabled`),cancelLabel:M(`cancel`)}))){this.saving=!0,this.error=``,this.message=``,this.requestUpdate();try{let e=await this.request(`/api/lan-access/settings`,{method:`PUT`,body:JSON.stringify({enabled:this.enabled,password:this.password.trim()||void 0,sessionTtlHours:this.sessionTtlHours})});this.applyStatus(e),this.password=``,this.passwordVisible=!1,this.message=M(`lanAccessSaved`)}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.saving=!1,this.requestUpdate()}}}}async revokeDevice(e){if(await T({description:M(`lanAccessRevokeDeviceConfirm`,{device:Ht(e.userAgent)}),confirmLabel:M(`lanAccessRevokeDevice`),cancelLabel:M(`cancel`),variant:`destructive`})){this.saving=!0,this.error=``,this.message=``,this.requestUpdate();try{let t=await this.request(`/api/lan-access/revoke`,{method:`POST`,body:JSON.stringify({id:e.id})});this.applyStatus(t),this.message=M(`lanAccessDeviceRevoked`)}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.saving=!1,this.requestUpdate()}}}async revokeAll(){if(await T({description:M(`lanAccessRevokeAllConfirm`),confirmLabel:M(`lanAccessRevokeAll`),cancelLabel:M(`cancel`),variant:`destructive`})){this.saving=!0,this.error=``,this.message=``,this.requestUpdate();try{let e=await this.request(`/api/lan-access/revoke-all`,{method:`POST`});this.applyStatus(e),this.message=M(`lanAccessRevoked`)}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.saving=!1,this.requestUpdate()}}}renderSwitch(e,t,n=!1){return b`
+      <label class="quickforge-settings-switch" aria-disabled=${n?`true`:`false`}>
+        <input
+          type="checkbox"
+          .checked=${e}
+          ?disabled=${n}
+          @change=${e=>t(e.target.checked)}
+        />
+        <span aria-hidden="true"></span>
+      </label>
+    `}render(){return this.loading?b`<div class="text-sm text-muted-foreground">${M(`loading`)}</div>`:b`
+      <div class="quickforge-settings-stack">
+        <div class="quickforge-settings-warning">${M(`lanAccessRiskWarning`)}</div>
+
+        <section class="quickforge-settings-section" aria-label=${M(`lanAccessStatus`)}>
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`lanAccessEnabled`)}</div>
+              <div class="quickforge-settings-row-description">${M(`lanAccessEnabledDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-readonly-value">${this.enabled?M(`enabled`):M(`disabled`)}</div>
+          </div>
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`lanAccessPassword`)}</div>
+              <div class="quickforge-settings-row-description">${M(`lanAccessPasswordStatusDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-readonly-value">${this.hasPassword?M(`configured`):M(`notConfigured`)}</div>
+          </div>
+          <div class="quickforge-settings-row quickforge-settings-row-top">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`lanAccessActiveDevices`,{count:this.activeTokenCount})}</div>
+              <div class="quickforge-settings-row-description">${M(`lanAccessActiveDevicesDescription`)}</div>
+            </div>
+          </div>
+          <div class="quickforge-settings-nested-list quickforge-lan-device-list">
+            ${this.activeDevices.length?this.activeDevices.map(e=>b`
+                  <div class="quickforge-settings-subrow">
+                    <div class="quickforge-settings-list-item-main">
+                      <div class="quickforge-settings-row-title">${Ht(e.userAgent)}</div>
+                      <div class="quickforge-settings-row-description quickforge-lan-device-meta">
+                        <span>${e.address||M(`lanAccessUnknownAddress`)}</span>
+                        <span>${M(`lanAccessSignedInAt`,{time:Ut(e.issuedAt)})}</span>
+                        <span>${M(`lanAccessExpiresAt`,{time:Ut(e.expiresAt)})}</span>
+                      </div>
+                    </div>
+                    <div class="quickforge-settings-list-item-actions">
+                      <button
+                        class="quickforge-settings-button quickforge-settings-button-danger quickforge-settings-button-compact"
+                        type="button"
+                        ?disabled=${this.saving}
+                        @click=${()=>this.revokeDevice(e)}
+                      >
+                        ${M(`lanAccessRevokeDevice`)}
+                      </button>
+                    </div>
+                  </div>
+                `):b`<div class="quickforge-settings-empty-row">${M(`lanAccessNoActiveDevices`)}</div>`}
+          </div>
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`lanAccessUrls`)}</div>
+              <div class="quickforge-settings-row-description">${M(`lanAccessUrlsDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-row-control-wide quickforge-settings-readonly-value">
+              ${this.lanUrls.length?this.lanUrls.map(e=>b`<div>${e}</div>`):`-`}
+            </div>
+          </div>
+        </section>
+
+        <section class="quickforge-settings-section" aria-label=${M(`lanAccess`)}>
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`lanAccessAllowFull`)}</div>
+              <div class="quickforge-settings-row-description">${M(`lanAccessAllowFullDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              ${this.renderSwitch(this.enabled,e=>this.updateEnabled(e),this.saving)}
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`lanAccessPassword`)}</div>
+              <div class="quickforge-settings-row-description">${this.hasPassword?M(`lanAccessPasswordPlaceholderConfigured`):M(`lanAccessPasswordPlaceholder`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-row-control-wide quickforge-lan-password-control">
+              <div class="quickforge-lan-password-input-wrap">
+                <input
+                  class="quickforge-settings-input"
+                  type=${this.passwordVisible?`text`:`password`}
+                  .value=${this.password}
+                  @input=${e=>this.updatePassword(e.target.value)}
+                  placeholder=${this.hasPassword?M(`lanAccessPasswordPlaceholderConfigured`):M(`lanAccessPasswordPlaceholder`)}
+                />
+                <button
+                  class="quickforge-lan-password-toggle"
+                  type="button"
+                  aria-label=${this.passwordVisible?M(`hidePassword`):M(`showPassword`)}
+                  title=${this.passwordVisible?M(`hidePassword`):M(`showPassword`)}
+                  aria-pressed=${this.passwordVisible?`true`:`false`}
+                  @click=${()=>this.togglePasswordVisibility()}
+                >
+                  ${this.passwordVisible?b`
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
+                          <path d="m3 3 18 18" stroke-linecap="round"></path>
+                          <path d="M10.6 10.7a2 2 0 0 0 2.7 2.7"></path>
+                          <path d="M9.9 4.3A10.9 10.9 0 0 1 12 4c5.5 0 9 5.3 9 8a7.3 7.3 0 0 1-1.5 3.2"></path>
+                          <path d="M6.6 6.6C4.3 8.1 3 10.4 3 12c0 2.7 3.5 8 9 8 1.5 0 2.8-.4 4-1"></path>
+                        </svg>
+                      `:b`
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
+                          <path d="M3 12c0-2.7 3.5-8 9-8s9 5.3 9 8-3.5 8-9 8-9-5.3-9-8Z"></path>
+                          <circle cx="12" cy="12" r="2.5"></circle>
+                        </svg>
+                      `}
+                </button>
+              </div>
+              <button
+                class="quickforge-settings-button quickforge-settings-button-secondary"
+                type="button"
+                @click=${()=>this.updatePassword(Vt())}
+              >
+                ${M(`generatePassword`)}
+              </button>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`lanAccessSessionTtl`)}</div>
+              <div class="quickforge-settings-row-description">${M(`lanAccessSessionTtlDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control">
+              <select class="quickforge-settings-select" .value=${String(this.sessionTtlHours)} @change=${e=>this.updateTtl(e.target.value)}>
+                <option value="1">1 ${M(`hour`)}</option>
+                <option value="12">12 ${M(`hours`)}</option>
+                <option value="24">24 ${M(`hours`)}</option>
+                <option value="168">7 ${M(`days`)}</option>
+              </select>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`lanAccessActions`)}</div>
+              <div class="quickforge-settings-row-description">${M(`lanAccessActionsDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+              <button class="quickforge-settings-button quickforge-settings-button-primary" type="button" ?disabled=${this.saving} @click=${()=>this.saveSettings()}>
+                ${this.saving?M(`saving`):M(`save`)}
+              </button>
+              <button class="quickforge-settings-button quickforge-settings-button-danger" type="button" ?disabled=${this.saving} @click=${()=>this.revokeAll()}>
+                ${M(`lanAccessRevokeAll`)}
+              </button>
+            </div>
+          </div>
+        </section>
+
+        ${this.message?b`<div class="quickforge-settings-message">${this.message}</div>`:null}
+        ${this.error?b`<div class="quickforge-settings-alert">${this.error}</div>`:null}
+      </div>
+    `}},Gt=`quickforge-lan-access-settings-tab`;customElements.get(Gt)||customElements.define(Gt,Wt);function Kt(){return document.createElement(Gt)}var qt=18e4,Jt=3e4,Yt=1e3,Xt=`https://github.com/shawnstack/quickforge/releases/latest`;function Zt(){if(typeof document>`u`)return!1;let e=window;return document.body.classList.contains(`quickforge-desktop-app`)||e.__quickforgeDesktopApp===!0}function Qt(e){return new Promise(t=>window.setTimeout(t,e))}function $t(e,t){return e?.code===`system_restart_requires_auth`?M(`systemRestartRequiresAuth`):e?.code===`system_update_requires_auth`?M(`systemUpdateRequiresAuth`):e?.error||t}var en=[{value:`startup`,label:()=>M(`frequencyStartup`)},{value:`daily`,label:()=>M(`frequencyDaily`)},{value:`weekly`,label:()=>M(`frequencyWeekly`)},{value:`off`,label:()=>M(`frequencyOff`)}],tn=class extends x{about;updateInfo;loading=!0;checking=!1;updating=!1;restarting=!1;message=``;error=``;frequency=Le.frequency;lastCheckAt=null;serviceStatus;getTabName(){return M(`about`)}async connectedCallback(){super.connectedCallback(),await this.loadAbout()}async loadAbout(){this.loading=!0,this.error=``,this.requestUpdate();try{let e=await fetch(`/api/system/about`,{cache:`no-store`}),t=await e.json().catch(()=>null);if(!e.ok)throw Error(t?.error||M(`requestFailed`));this.about=t;try{let[e,t]=await Promise.all([Ve(S()),this.loadServiceStatus()]);this.frequency=e.frequency,this.lastCheckAt=e.lastCheckAt,this.serviceStatus=t}catch{}}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}async loadServiceStatus(){let e=await fetch(`/api/health`,{cache:`no-store`}),t=await e.json().catch(()=>null);if(!e.ok)throw Error(t?.error||M(`requestFailed`));return t}async checkUpdate(){if(!(this.checking||this.updating)){if(Zt()){window.open(Xt,`_blank`,`noopener,noreferrer`),this.message=M(`desktopUpdateHint`),this.error=``,this.requestUpdate();return}this.checking=!0,this.message=``,this.error=``,this.requestUpdate();try{let e=await fetch(`/api/system/update/check`,{cache:`no-store`}),t=await e.json().catch(()=>null);if(!e.ok)throw Error(t?.error||M(`updateCheckFailed`));this.updateInfo=t,this.about=t,this.updateInfo.updateAvailable?this.message=M(`updateAvailableMessage`,{current:this.updateInfo.currentVersion,latest:this.updateInfo.latestVersion}):this.updateInfo.localVersionIsNewer?this.message=M(`localVersionNewerMessage`,{current:this.updateInfo.currentVersion,latest:this.updateInfo.latestVersion}):this.message=M(`alreadyLatestVersion`,{version:this.updateInfo.currentVersion})}catch(e){this.error=e instanceof Error?e.message:M(`updateCheckFailed`)}finally{this.checking=!1,this.requestUpdate()}}}async pollUntilUpdated(e){let t=Date.now();for(;Date.now()-t<qt;){await Qt(Yt);try{let t=await fetch(`/api/health?updatePoll=${Date.now()}`,{cache:`no-store`}),n=await t.json().catch(()=>null);if(t.ok&&n?.ok&&n.bootId&&n.bootId!==e){this.message=M(`updateRestarted`),this.requestUpdate(),window.setTimeout(()=>window.location.reload(),300);return}}catch{}}throw Error(M(`updateRestartTimeout`))}async pollUntilRestarted(e){let t=Date.now();for(;Date.now()-t<Jt;){await Qt(Yt);try{let t=await fetch(`/api/health?restartPoll=${Date.now()}`,{cache:`no-store`}),n=await t.json().catch(()=>null);if(t.ok&&n?.ok&&n.bootId&&n.bootId!==e){this.message=M(`backendRestarted`),this.requestUpdate(),window.setTimeout(()=>window.location.reload(),300);return}}catch{}}throw Error(M(`backendRestartTimeout`))}async restartService(){if(!this.serviceStatus||this.restarting||!await T({description:M(`restartBackendConfirm`),confirmLabel:M(`restartBackendService`),cancelLabel:M(`cancel`)}))return;this.restarting=!0,this.message=M(`backendRestarting`),this.error=``,this.requestUpdate();let e=this.serviceStatus.bootId;try{let t=await fetch(`/api/system/restart`,{method:`POST`,headers:{"x-quickforge-action":`restart`}}),n=await t.json().catch(()=>null);if(!t.ok)throw Error($t(n,M(`backendRestartFailed`)));await this.pollUntilRestarted(e)}catch(e){this.error=e instanceof Error?e.message:M(`backendRestartFailed`),this.message=``,this.restarting=!1,this.requestUpdate()}}async updateQuickForge(){if(Zt()){window.open(Xt,`_blank`,`noopener,noreferrer`),this.message=M(`desktopUpdateHint`),this.error=``,this.requestUpdate();return}if(!(!this.updateInfo?.updateAvailable||this.updating)&&await T({description:M(`updateConfirm`,{command:this.updateInfo.installCommand}),confirmLabel:M(`updateRuntimeNow`),cancelLabel:M(`cancel`)})){this.updating=!0,this.message=M(`updatingQuickForge`),this.error=``,this.requestUpdate();try{let e=await fetch(`/api/system/update`,{method:`POST`,headers:{"x-quickforge-action":`update`}}),t=await e.json().catch(()=>null);if(!e.ok)throw Error($t(t,M(`updateFailed`)));if(this.updateInfo=t,t?.updateStarted){let e=t.logFile?` ${M(`updateLogFile`,{path:t.logFile})}`:``;this.message=`${M(`updateStarted`)}${e}`,this.requestUpdate(),await this.pollUntilUpdated(t.bootId)}else this.message=t?.updated?M(`updateCompleted`):M(`alreadyLatestVersion`,{version:t?.currentVersion||this.about?.version||`-`}),this.updating=!1}catch(e){this.error=e instanceof Error?e.message:M(`updateFailed`),this.message=``,this.updating=!1}finally{this.requestUpdate()}}}async selectFrequency(e){if(this.frequency!==e){this.frequency=e,this.requestUpdate();try{let t=S();await we(t,{...await Ve(t),frequency:e}),this.error=``}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.requestUpdate()}}}renderFrequencyOption(e){let t=this.frequency===e.value;return b`
+      <button
+        type="button"
+        class="quickforge-settings-segmented-option ${t?`quickforge-settings-segmented-option-active`:``}"
+        aria-pressed=${t?`true`:`false`}
+        @click=${()=>this.selectFrequency(e.value)}
+      >
+        ${e.label()}
+      </button>
+    `}infoRows(){let e=this.about;return e?b`
+      <div class="quickforge-settings-row">
+        <div class="quickforge-settings-row-main">
+          <div class="quickforge-settings-row-title">${M(`packageName`)}</div>
+          <div class="quickforge-settings-row-description">${M(`packageNameDescription`)}</div>
+        </div>
+        <div class="quickforge-settings-row-control quickforge-settings-readonly-value">${e.name}</div>
+      </div>
+      <div class="quickforge-settings-row">
+        <div class="quickforge-settings-row-main">
+          <div class="quickforge-settings-row-title">${M(`currentVersion`)}</div>
+          <div class="quickforge-settings-row-description">${M(`currentVersionDescription`)}</div>
+        </div>
+        <div class="quickforge-settings-row-control quickforge-settings-readonly-value">${e.version}</div>
+      </div>
+      <div class="quickforge-settings-row">
+        <div class="quickforge-settings-row-main">
+          <div class="quickforge-settings-row-title">${M(`github`)}</div>
+          <div class="quickforge-settings-row-description">${M(`githubDescription`)}</div>
+        </div>
+        <div class="quickforge-settings-row-control quickforge-settings-row-control-wide quickforge-settings-readonly-value">
+          <a class="quickforge-settings-link" href=${e.repositoryUrl} target="_blank" rel="noreferrer">
+            ${e.repositoryUrl}
+          </a>
+        </div>
+      </div>
+    `:null}updateStatus(){return this.updateInfo?b`
+      <div class="quickforge-settings-row">
+        <div class="quickforge-settings-row-main">
+          <div class="quickforge-settings-row-title">${M(`latestVersion`)}</div>
+          <div class="quickforge-settings-row-description">${M(`latestVersionDescription`)}</div>
+        </div>
+        <div class="quickforge-settings-row-control quickforge-settings-readonly-value">${this.updateInfo.latestVersion}</div>
+      </div>
+      ${this.updateInfo.logFile?b`
+        <div class="quickforge-settings-row">
+          <div class="quickforge-settings-row-main">
+            <div class="quickforge-settings-row-title">${M(`updateLog`)}</div>
+            <div class="quickforge-settings-row-description">${M(`updateLogDescription`)}</div>
+          </div>
+          <div class="quickforge-settings-row-control quickforge-settings-row-control-wide quickforge-settings-readonly-value">
+            <code>${this.updateInfo.logFile}</code>
+          </div>
+        </div>
+      `:null}
+    `:null}restartSection(){let e=this.serviceStatus?.restartUnsupportedReason||M(`backendRestartUnsupported`),t=this.restarting||!this.serviceStatus?.restartSupported;return b`
+      <section class="quickforge-settings-section" aria-label=${M(`restartBackendService`)}>
+        <div class="quickforge-settings-row">
+          <div class="quickforge-settings-row-main">
+            <div class="quickforge-settings-row-title">
+              ${M(`restartBackendService`)}
+              <quickforge-info-tip .label=${M(`restartBackendServiceDescription`)}></quickforge-info-tip>
+            </div>
+            <div class="quickforge-settings-row-description">
+              ${this.serviceStatus?.restartSupported?M(`restartBackendServiceDescription`):e}
+            </div>
+          </div>
+          <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+            <button
+              class="quickforge-settings-button quickforge-settings-button-danger"
+              type="button"
+              ?disabled=${t}
+              @click=${()=>this.restartService()}
+            >
+              ${this.restarting?M(`backendRestarting`):M(`restartBackendService`)}
+            </button>
+          </div>
+        </div>
+      </section>
+    `}render(){if(this.loading)return b`<div class="text-sm text-muted-foreground">${M(`loading`)}</div>`;let e=this.checking||this.updating||!this.updateInfo?.updateAvailable,t=Zt();return b`
+      <div class="quickforge-settings-stack">
+        <section class="quickforge-settings-section" aria-label=${M(`projectInfo`)}>
+          ${this.infoRows()}
+        </section>
+
+        <section class="quickforge-settings-section" aria-label=${M(t?`desktopUpdates`:`runtimeUpdates`)}>
+          ${t?null:b`
+            <div class="quickforge-settings-row">
+              <div class="quickforge-settings-row-main">
+                <div class="quickforge-settings-row-title">
+                  ${M(`updateFrequencySection`)}
+                  <quickforge-info-tip .label=${M(`updateFrequencyDescription`)}></quickforge-info-tip>
+                </div>
+                <div class="quickforge-settings-row-description">
+                  ${this.lastCheckAt?M(`lastCheckedAt`,{time:new Date(this.lastCheckAt).toLocaleString(A())}):M(`lastCheckedNever`)}
+                </div>
+              </div>
+              <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+                <div class="quickforge-settings-segmented quickforge-settings-segmented-wrap" role="group" aria-label=${M(`updateFrequencySection`)}>
+                  ${en.map(e=>this.renderFrequencyOption(e))}
+                </div>
+              </div>
+            </div>
+
+            ${this.updateStatus()}
+          `}
+
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(t?`desktopUpdates`:`runtimeUpdates`)}
+                <quickforge-info-tip .label=${M(t?`desktopUpdatesDescription`:`runtimeUpdatesDescription`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">
+                ${M(t?`desktopUpdatesDescription`:`runtimeUpdatesDescription`)}
+              </div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+              <button
+                class="quickforge-settings-button quickforge-settings-button-secondary"
+                type="button"
+                ?disabled=${this.checking||this.updating}
+                @click=${()=>this.checkUpdate()}
+              >
+                ${this.checking?M(`checkingUpdate`):M(t?`openDesktopReleases`:`checkRuntimeUpdate`)}
+              </button>
+              ${t?null:b`
+                <button
+                  class="quickforge-settings-button quickforge-settings-button-primary"
+                  type="button"
+                  ?disabled=${e}
+                  @click=${()=>this.updateQuickForge()}
+                >
+                  ${this.updating?M(`updatingQuickForge`):M(`updateRuntimeNow`)}
+                </button>
+              `}
+            </div>
+          </div>
+        </section>
+
+        ${this.restartSection()}
+
+        ${this.message?b`<div class="quickforge-settings-message">${this.message}</div>`:null}
+        ${this.error?b`<div class="quickforge-settings-alert">${this.error}</div>`:null}
+      </div>
+    `}},J=`quickforge-about-settings-tab`;customElements.get(J)||customElements.define(J,tn);function nn(){return document.createElement(J)}var rn=class extends x{loading=!0;saving=!1;saved=!1;error=``;message=``;projects=[];project;commandDir=``;commands=[];loadingCommands=!1;saveTimer=null;lastSavedCommandDir=``;pendingSaveAfterCurrent=!1;getTabName(){return M(`projectCommands`)}async connectedCallback(){super.connectedCallback(),await this.loadProjects()}async request(e,t){let n=await fetch(e,{...t,cache:`no-store`,headers:{...t?.body?{"content-type":`application/json`}:void 0,...t?.headers}}),r=await n.json().catch(()=>null);if(!n.ok)throw Error(r?.error||M(`requestFailed`));return r}async loadProjects(){this.loading=!0,this.error=``,this.requestUpdate();try{let e=await this.request(`/api/project`);this.projects=e?.projects??(e?.project?[e.project]:[]),this.project=e?.project??this.projects[0],this.commandDir=typeof this.project?.commandDir==`string`?this.project.commandDir:``,this.lastSavedCommandDir=this.commandDir,await this.loadCommands()}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}selectProject(e){this.clearSaveTimer();let t=e.target,n=this.projects.find(e=>e.id===t.value);n&&(this.project=n,this.commandDir=typeof n.commandDir==`string`?n.commandDir:``,this.lastSavedCommandDir=this.commandDir,this.saved=!1,this.message=``,this.error=``,this.commands=[],this.requestUpdate(),this.loadCommands())}async loadCommands(){if(this.project?.id){this.loadingCommands=!0,this.requestUpdate();try{let e=await this.request(`/api/project/commands?projectId=${encodeURIComponent(this.project.id)}`);this.commands=e?.commands??[]}catch{this.commands=[]}finally{this.loadingCommands=!1,this.requestUpdate()}}}updateCommandDir(e){this.commandDir=e,this.saved=!1,this.message=``,this.scheduleSave(),this.requestUpdate()}clearSaveTimer(){this.saveTimer!==null&&(window.clearTimeout(this.saveTimer),this.saveTimer=null)}scheduleSave(){this.clearSaveTimer(),this.saveTimer=window.setTimeout(()=>{this.saveTimer=null,this.save()},800)}disconnectedCallback(){this.clearSaveTimer(),super.disconnectedCallback()}async save(){if(!this.project)return;if(this.saving){this.pendingSaveAfterCurrent=!0;return}let e=this.project.id,t=this.commandDir;if(t!==this.lastSavedCommandDir){this.saving=!0,this.saved=!1,this.error=``,this.message=``,this.requestUpdate();try{let n=await this.request(`/api/project/${encodeURIComponent(e)}/command-dir`,{method:`PUT`,body:JSON.stringify({commandDir:t})});if(this.project?.id===e){if(this.project=n?.project??this.project,this.project){let e=this.projects.findIndex(e=>e.id===this.project.id);e>=0&&(this.projects[e]=this.project)}this.commandDir=typeof this.project?.commandDir==`string`?this.project.commandDir:t,this.lastSavedCommandDir=this.commandDir,this.saved=!0,await this.loadCommands()}}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.saving=!1,this.pendingSaveAfterCurrent&&(this.pendingSaveAfterCurrent=!1,this.scheduleSave()),this.requestUpdate()}}}async openCommandDir(){if(this.project){this.error=``,this.message=``,this.requestUpdate();try{await this.request(`/api/project/open-path`,{method:`POST`,body:JSON.stringify({path:`.ai/commands`,projectId:this.project.id})})}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`),this.requestUpdate()}}}async createCommand(){if(!this.project)return;let e=window.prompt(M(`newCommandPrompt`));if(e?.trim()){this.error=``,this.message=``,this.requestUpdate();try{let t=await this.request(`/api/project/command`,{method:`POST`,body:JSON.stringify({name:e.trim(),projectId:this.project.id})});t.ok?(this.message=M(`commandCreated`,{name:t.name??e.trim()}),await this.loadCommands()):t.reason===`exists`?this.error=M(`commandAlreadyExists`,{name:t.name??e.trim()}):this.error=M(`invalidCommandName`)}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.requestUpdate()}}}render(){return this.loading?b`<div class="quickforge-settings-note">${M(`loading`)}</div>`:this.projects.length===0?b`
+        <div class="quickforge-settings-stack">
+          <div class="quickforge-settings-note">${M(`selectProjectForCommands`)}</div>
+          ${this.error?b`<div class="quickforge-settings-alert">${this.error}</div>`:null}
+        </div>
+      `:b`
+      <div class="quickforge-settings-stack">
+        <section class="quickforge-settings-section" aria-label=${M(`projectCommands`)}>
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`project`)}</div>
+              <div class="quickforge-settings-row-description">
+                ${this.project?.path?this.project.path:M(`projectCommandsProjectDescription`)}
+              </div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+              <select
+                class="quickforge-settings-select"
+                .value=${this.project?.id??``}
+                @change=${e=>this.selectProject(e)}
+              >
+                ${this.projects.map(e=>b`<option value=${e.id} ?selected=${e.id===this.project?.id}>${e.name}</option>`)}
+              </select>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row quickforge-settings-row-align-start">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">
+                ${M(`commandDirectories`)}
+                <quickforge-info-tip .label=${M(`commandDirectoryHelp`)}></quickforge-info-tip>
+              </div>
+              <div class="quickforge-settings-row-description">${M(`commandDirectoriesDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+              <textarea
+                class="quickforge-settings-textarea quickforge-settings-mono"
+                .value=${this.commandDir}
+                placeholder=${M(`commandDirectoryPlaceholder`)}
+                @input=${e=>this.updateCommandDir(e.target.value)}
+              ></textarea>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-row quickforge-settings-row-align-start">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`commandDirectoryExamples`)}</div>
+              <div class="quickforge-settings-row-description">${M(`commandDirectoryExamplesDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-row-control-wide quickforge-settings-code-list">
+              <code>.ai/commands</code>
+              <code>.claude/commands</code>
+              <code>.opencode/commands</code>
+              <code>D:\shared\ai-commands</code>
+            </div>
+          </div>
+        </section>
+
+        <section class="quickforge-settings-section" aria-label=${M(`loadedCommands`,{count:this.commands.length})}>
+          <div class="quickforge-settings-row">
+            <div class="quickforge-settings-row-main">
+              <div class="quickforge-settings-row-title">${M(`loadedCommands`,{count:this.commands.length})}</div>
+              <div class="quickforge-settings-row-description">${M(`loadedCommandsDescription`)}</div>
+            </div>
+            <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+              <button
+                class="quickforge-settings-button quickforge-settings-button-secondary"
+                type="button"
+                ?disabled=${this.loadingCommands}
+                @click=${()=>this.openCommandDir()}
+              >
+                ${M(`openCommandDir`)}
+              </button>
+              <button
+                class="quickforge-settings-button quickforge-settings-button-primary"
+                type="button"
+                ?disabled=${this.loadingCommands}
+                @click=${()=>this.createCommand()}
+              >
+                ${M(`createCommand`)}
+              </button>
+            </div>
+          </div>
+
+          <div class="quickforge-settings-nested-list">
+            ${this.loadingCommands?b`<div class="quickforge-settings-empty-row">${M(`loading`)}</div>`:this.commands.length===0?b`<div class="quickforge-settings-empty-row">${M(`noCommandsLoaded`)}</div>`:this.commands.map(e=>{let t=e.argumentHint?` ${e.argumentHint}`:``;return b`
+                      <div class="quickforge-settings-subrow">
+                        <div class="quickforge-settings-row-main">
+                          <div class="quickforge-settings-row-title">
+                            <code class="quickforge-settings-command-name">/${e.name}${t}</code>
+                          </div>
+                          <div class="quickforge-settings-row-description">
+                            ${e.description||M(`noDescription`)}
+                          </div>
+                        </div>
+                        ${e.relativePath?b`<div class="quickforge-settings-row-control quickforge-settings-row-control-wide quickforge-settings-readonly-value">${e.relativePath}</div>`:null}
+                      </div>
+                    `})}
+          </div>
+        </section>
+
+        ${this.saving?b`<div class="quickforge-settings-note">${M(`saving`)}</div>`:null}
+        ${this.saved?b`<div class="quickforge-settings-message">${M(`projectCommandsSaved`)}</div>`:null}
+        ${this.message?b`<div class="quickforge-settings-message">${this.message}</div>`:null}
+        ${this.error?b`<div class="quickforge-settings-alert">${this.error}</div>`:null}
+      </div>
+    `}},an=`quickforge-project-commands-settings-tab`;customElements.get(an)||customElements.define(an,rn);function on(){return document.createElement(an)}var Y={"x-quickforge-action":`channel-action`};function sn(e){switch(e){case`running`:return`quickforge-settings-badge-success`;case`waiting_scan`:case`starting`:case`stopping`:return`quickforge-settings-badge-warning`;case`error`:return`quickforge-settings-badge-danger`;default:return`quickforge-settings-badge-muted`}}function cn(e){switch(e){case`starting`:return M(`channelStatusStarting`);case`waiting_scan`:return M(`channelStatusWaitingScan`);case`running`:return M(`channelStatusRunning`);case`stopping`:return M(`channelStatusStopping`);case`error`:return M(`channelStatusError`);default:return M(`channelStatusStopped`)}}var ln=class extends x{loading=!0;channels=[];workspaces=[];selectedWorkspaceIdByChannel={};error=``;message=``;eventSource;busyChannelId=``;openingLogsChannelId=``;getTabName(){return M(`channels`)}async connectedCallback(){super.connectedCallback(),await Promise.all([this.loadChannels(),this.loadWorkspaces()]),this.connectEvents()}disconnectedCallback(){this.eventSource?.close(),this.eventSource=void 0,super.disconnectedCallback()}async request(e,t){let n=await fetch(e,{...t,cache:`no-store`,headers:{...t?.headers||{}}}),r=await n.json().catch(()=>null);if(!n.ok)throw Error(r?.error||M(`requestFailed`));return r}async loadChannels(){this.loading=!0,this.error=``,this.requestUpdate();try{let e=await this.request(`/api/channels`);this.channels=Array.isArray(e.channels)?e.channels:[],this.ensureWorkspaceSelections()}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}async loadWorkspaces(){try{let e=await this.request(`/api/project`),t=e.defaultWorkspaceRoot||``,n=t?[{id:`default`,name:M(`channelDefaultWorkspace`),path:t,kind:`default`}]:[],r=(Array.isArray(e.projects)?e.projects:[]).map(e=>({id:e.id,name:e.name,path:e.path,kind:`project`}));this.workspaces=[...n,...r],this.ensureWorkspaceSelections()}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.requestUpdate()}}ensureWorkspaceSelections(){let e=new Set(this.workspaces.map(e=>e.id)),t={...this.selectedWorkspaceIdByChannel};for(let n of this.channels){if(!n.supportsWorkspaceSelection)continue;let r=t[n.id],i=n.launchWorkspace?.id,a=n.status!==`stopped`&&n.status!==`error`;if(i&&e.has(i)&&a){t[n.id]=i;continue}r&&e.has(r)||(t[n.id]=i&&e.has(i)?i:`default`)}this.selectedWorkspaceIdByChannel=t}connectEvents(){this.eventSource?.close();let e=new EventSource(`/api/channels/events`);this.eventSource=e;let t=e=>{try{let t=JSON.parse(e.data);this.applyChannelEvent(t)}catch{}};e.addEventListener(`snapshot`,t),e.addEventListener(`status`,t),e.addEventListener(`log`,t),e.addEventListener(`qrcode`,t),e.addEventListener(`error`,()=>{})}applyChannelEvent(e){if(Array.isArray(e.channels)){this.channels=e.channels,this.ensureWorkspaceSelections(),this.requestUpdate();return}if(e.snapshot){this.upsertChannel(e.snapshot);return}}upsertChannel(e){let t=this.channels.findIndex(t=>t.id===e.id);t>=0?this.channels=[...this.channels.slice(0,t),e,...this.channels.slice(t+1)]:this.channels=[...this.channels,e],this.ensureWorkspaceSelections(),this.requestUpdate()}selectedWorkspaceId(e){return this.selectedWorkspaceIdByChannel[e.id]||e.launchWorkspace?.id||`default`}handleWorkspaceChange(e,t){let n=t.currentTarget;n&&(this.selectedWorkspaceIdByChannel={...this.selectedWorkspaceIdByChannel,[e.id]:n.value||`default`},this.requestUpdate())}startOptions(e){return e.supportsWorkspaceSelection?{projectId:this.selectedWorkspaceId(e)}:void 0}async invoke(e,t){if(!this.busyChannelId&&!(t===`restart`&&!await T({description:M(`channelRestartConfirm`,{name:e.name}),confirmLabel:M(`restart`),cancelLabel:M(`cancel`)}))){this.busyChannelId=e.id,this.error=``,this.message=``,this.requestUpdate();try{let n=t===`start`||t===`restart`?this.startOptions(e):void 0,r=await this.request(`/api/channels/${encodeURIComponent(e.id)}/${t}`,{method:`POST`,headers:n?{...Y,"content-type":`application/json`}:Y,body:n?JSON.stringify(n):void 0});this.upsertChannel(r)}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.busyChannelId=``,this.requestUpdate()}}}async invokeAction(e,t){if(!this.busyChannelId&&!((t.destructive||t.id===`relogin`)&&!await T({description:t.id===`relogin`?M(`channelReloginConfirm`,{name:e.name}):M(`channelLogoutConfirm`,{name:e.name}),confirmLabel:t.label,cancelLabel:M(`cancel`),variant:t.destructive?`destructive`:void 0}))){this.busyChannelId=e.id,this.error=``,this.message=``,this.requestUpdate();try{let n=t.id===`relogin`?this.startOptions(e):void 0,r=await this.request(`/api/channels/${encodeURIComponent(e.id)}/actions/${encodeURIComponent(t.id)}`,{method:`POST`,headers:n?{...Y,"content-type":`application/json`}:Y,body:n?JSON.stringify(n):void 0});this.upsertChannel(r)}catch(e){this.error=e instanceof Error?e.message:M(`requestFailed`)}finally{this.busyChannelId=``,this.requestUpdate()}}}async openLogs(e){if(!this.openingLogsChannelId){this.openingLogsChannelId=e.id,this.error=``,this.message=``,this.requestUpdate();try{await this.request(`/api/channels/${encodeURIComponent(e.id)}/open-logs`,{method:`POST`,headers:Y})}catch(e){this.error=e instanceof Error?e.message:M(`channelOpenLogsFailed`)}finally{this.openingLogsChannelId=``,this.requestUpdate()}}}workspaceSection(e,t){if(!e.supportsWorkspaceSelection)return null;let n=this.selectedWorkspaceId(e);return b`
+      <div class="quickforge-settings-row quickforge-settings-row-align-start">
+        <div class="quickforge-settings-row-main">
+          <div class="quickforge-settings-row-title">
+            ${M(`channelWorkspace`)}
+            <quickforge-info-tip .label=${M(`channelWorkspaceDescription`)}></quickforge-info-tip>
+          </div>
+          <div class="quickforge-settings-row-description">${M(`channelWorkspaceDescription`)}</div>
+        </div>
+        <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+          <select
+            class="quickforge-settings-select"
+            ?disabled=${t}
+            .value=${n}
+            @change=${t=>this.handleWorkspaceChange(e,t)}
+          >
+            ${this.workspaces.map(e=>b`
+              <option value=${e.id}>${e.kind===`default`?M(`channelDefaultWorkspace`):e.name}</option>
+            `)}
+          </select>
+        </div>
+      </div>
+    `}qrSection(e){return e.qrCodeText?b`
+      <div class="quickforge-settings-row quickforge-settings-row-align-start">
+        <div class="quickforge-settings-row-main">
+          <div class="quickforge-settings-row-title">
+            ${M(`channelQrTitle`)}
+            <quickforge-info-tip .label=${M(`channelQrDescription`)}></quickforge-info-tip>
+          </div>
+          <div class="quickforge-settings-row-description">${M(`channelQrDescription`)}</div>
+        </div>
+        <pre class="quickforge-channel-qr-text">${e.qrCodeText}</pre>
+      </div>
+    `:null}channelCard(e){let t=this.busyChannelId===e.id||!!e.activeAction,n=this.openingLogsChannelId===e.id,r=e.status===`running`||e.status===`waiting_scan`||e.status===`starting`,i=e.status===`stopping`,a=!!(e.supportsWorkspaceSelection&&this.workspaces.length===0);return b`
+      <section class="quickforge-settings-section" aria-label=${e.name}>
+        <div class="quickforge-settings-row quickforge-settings-row-top">
+          <div class="quickforge-settings-row-main">
+            <div class="quickforge-settings-row-title">
+              ${e.name}
+              <span class="quickforge-settings-badge ${sn(e.status)}">${cn(e.status)}</span>
+            </div>
+            <div class="quickforge-settings-row-description">${e.description}</div>
+          </div>
+          <div class="quickforge-settings-row-control quickforge-settings-row-control-wide">
+            <button class="quickforge-settings-button quickforge-settings-button-primary" type="button" ?disabled=${t||r||i||a} @click=${()=>this.invoke(e,`start`)}>${M(`start`)}</button>
+            <button class="quickforge-settings-button quickforge-settings-button-secondary" type="button" ?disabled=${t||!r||i} @click=${()=>this.invoke(e,`stop`)}>${M(`stop`)}</button>
+            <button class="quickforge-settings-button quickforge-settings-button-secondary" type="button" ?disabled=${t||i||a} @click=${()=>this.invoke(e,`restart`)}>${M(`restart`)}</button>
+            ${e.actions?.map(n=>b`
+              <button class="quickforge-settings-button ${n.destructive?`quickforge-settings-button-danger`:`quickforge-settings-button-secondary`}" type="button" ?disabled=${t} @click=${()=>this.invokeAction(e,n)}>${n.label}</button>
+            `)}
+            <button class="quickforge-settings-button quickforge-settings-button-secondary" type="button" ?disabled=${!!this.openingLogsChannelId} @click=${()=>this.openLogs(e)}>${M(n?`channelOpeningLogs`:`channelOpenLogs`)}</button>
+          </div>
+        </div>
+
+        ${this.workspaceSection(e,t||r||i)}
+        ${a?b`<div class="quickforge-settings-alert quickforge-settings-warning-attached">${M(`channelNoWorkspaces`)}</div>`:null}
+        ${e.error?b`<div class="quickforge-settings-alert quickforge-settings-warning-attached">${e.error}</div>`:null}
+        ${this.qrSection(e)}
+      </section>
+    `}render(){return this.loading?b`<div class="quickforge-settings-note">${M(`loading`)}</div>`:b`
+      <div class="quickforge-settings-stack">
+        <div class="quickforge-settings-note">
+          ${M(`channelsSecurityWarning`)}
+        </div>
+
+        ${this.channels.length?b`${this.channels.map(e=>this.channelCard(e))}`:b`<div class="quickforge-settings-note">${M(`channelsEmpty`)}</div>`}
+
+        ${this.message?b`<div class="quickforge-settings-message">${this.message}</div>`:null}
+        ${this.error?b`<div class="quickforge-settings-alert">${this.error}</div>`:null}
+      </div>
+    `}},un=`quickforge-channels-settings-tab`;customElements.get(un)||customElements.define(un,ln);function dn(){return document.createElement(un)}var fn=ie(),X=y(),pn=(0,N.lazy)(()=>C(()=>import(`./AgentProfilesPage-Dl5Peqov.js`).then(e=>({default:e.AgentProfilesPage})),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]))),mn=(0,N.lazy)(()=>C(()=>import(`./mcp-servers-dialog-BEV4_TXC.js`).then(e=>({default:e.McpServersPanel})),__vite__mapDeps([15,1,2,3,4,5,6,7,8,9,10,11,12,13]))),hn=(0,N.lazy)(()=>C(()=>import(`./skills-dialog-BTJ7mzk_.js`).then(e=>e.n).then(e=>({default:e.SkillsManagerPanel})),__vite__mapDeps([10,1,2,3,4,5,6,7,8,9,11,12,13]))),gn=(0,N.lazy)(()=>C(()=>import(`./PluginsPage-BDKYfLna.js`).then(e=>({default:e.PluginsPage})),__vite__mapDeps([16,1,2,3,4,5,6,7,8,9,10,11,12,13,17]))),_n=(0,N.lazy)(()=>C(()=>import(`./ScheduledTasksPage--GAki3lB.js`).then(e=>({default:e.ScheduledTasksPage})),__vite__mapDeps([18,1,2,3,4,5,6,7,8,9,10,11,12,13,14]))),vn=(0,N.lazy)(()=>C(()=>import(`./ShareLinksSettingsPage-BQQMsvJo.js`).then(e=>({default:e.ShareLinksSettingsPage})),__vite__mapDeps([19,1,2,3,4,5,6,7,8,9,10,11,12,13]))),yn=(0,N.lazy)(()=>C(()=>import(`./CloudAccountSettingsPage-BG5Nn3bq.js`).then(e=>({default:e.CloudAccountSettingsPage})),__vite__mapDeps([20,1,2,3,4,5,6,7,8,9,10,11,12,13]))),bn=class extends x{tabName=``;renderReact;root;getTabName(){return this.tabName}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>this.mountReact())}disconnectedCallback(){this.root?.unmount(),this.root=void 0,super.disconnectedCallback()}render(){return b`<div class="quickforge-react-settings-tab h-full min-h-0"></div>`}mountReact(){let e=this.querySelector(`.quickforge-react-settings-tab`);!e||!this.renderReact||(this.root??=(0,fn.createRoot)(e),this.root.render(this.renderReact()))}},xn=`quickforge-react-settings-tab`;customElements.get(xn)||customElements.define(xn,bn);function Z(e,t){let n=document.createElement(xn);return n.tabName=e,n.renderReact=t,n}function Q({children:e}){return(0,X.jsx)(`div`,{className:`quickforge-settings-stack h-full min-h-[30rem]`,children:(0,X.jsx)(N.Suspense,{fallback:(0,X.jsx)(`div`,{className:`quickforge-settings-note`,children:M(`loading`)}),children:e})})}function Sn(e){window.dispatchEvent(new CustomEvent(`quickforge:open-session-from-settings`,{detail:{sessionId:e}}))}function Cn(){return Z(M(`agentsTab`),()=>(0,X.jsx)(Q,{children:(0,X.jsx)(pn,{})}))}function wn(){return Z(M(`skills`),()=>(0,X.jsx)(Q,{children:(0,X.jsx)(hn,{active:!0,scope:`global`,embedded:!0,onSaved:()=>void 0})}))}function Tn(){return Z(M(`mcpServers`),()=>(0,X.jsx)(Q,{children:(0,X.jsx)(mn,{active:!0})}))}function En(){return Z(M(`plugins`),()=>(0,X.jsx)(Q,{children:(0,X.jsx)(gn,{})}))}function Dn(){return Z(M(`scheduledTasks`),()=>(0,X.jsx)(Q,{children:(0,X.jsx)(_n,{onOpenSession:Sn})}))}function On(){return Z(M(`cloudAccount`),()=>(0,X.jsx)(Q,{children:(0,X.jsx)(yn,{})}))}function kn(){return Z(M(`shareLinks`),()=>(0,X.jsx)(Q,{children:(0,X.jsx)(vn,{})}))}function An(e){let t=[{key:`appearance`,tab:Qe(),getDescription:()=>M(`appearanceDescription`)},{key:`cloudAccount`,tab:On(),getDescription:()=>M(`cloudAccountDescription`)},{key:`defaults`,tab:vt(),getDescription:()=>M(`defaultOptionsDescription`)},{key:`memory`,tab:Tt(),getDescription:()=>M(`memoryDescription`)},{key:`customModels`,tab:Ye(e),getDescription:()=>M(`customModelsDescription`)},{key:`agents`,tab:Cn(),getDescription:()=>M(`agentsDescription`)},{key:`skills`,tab:wn(),getDescription:()=>M(`globalSkillsDescription`)},{key:`mcp`,tab:Tn(),getDescription:void 0},{key:`plugins`,tab:En(),getDescription:()=>M(`pluginsDescription`)},{key:`scheduledTasks`,tab:Dn(),getDescription:()=>M(`scheduledTasksDescription`)},{key:`projectCommands`,tab:on(),getDescription:()=>M(`projectCommandsDescription`)},{key:`backup`,tab:Ft(),getDescription:()=>M(`backupRestoreDescription`)},{key:`archivedConversations`,tab:Bt(),getDescription:()=>M(`archivedConversationsDescription`)},{key:`shareLinks`,tab:kn(),getDescription:()=>M(`shareLinksDescription`)},{key:`channels`,tab:dn(),getDescription:()=>M(`channelsDescription`)},{key:`lanAccess`,tab:Kt(),getDescription:()=>M(`lanAccessDescription`)},{key:`about`,tab:nn(),getDescription:()=>M(`aboutQuickForgeDescription`)}];return{items:[...t],tabs:t.map(e=>e.tab),indexOf:e=>t.findIndex(t=>t.key===e)}}var $={appearance:a,cloudAccount:_,defaults:te,memory:i,customModels:d,agents:s,skills:v,mcp:u,plugins:g,scheduledTasks:r,projectCommands:h,backup:t,archivedConversations:n,shareLinks:l,channels:p,lanAccess:f,about:o};function jn({tab:e}){let t=(0,N.useRef)(null);return(0,N.useEffect)(()=>{let n=t.current;if(n)return n.replaceChildren(e),()=>{e.parentNode===n&&n.removeChild(e)}},[e]),(0,X.jsx)(`div`,{ref:t,className:`quickforge-settings-tab-host min-h-0 flex-1`})}function Mn({initialTab:e,customProvider:t,onBack:n}){let r=(0,N.useMemo)(()=>An(t),[t]),i=Math.max(0,r.indexOf(e)),[a,o]=(0,N.useState)(),[s,l]=(0,N.useState)(null),u=a??i,[d,f]=(0,N.useState)(``),p=d.trim().toLowerCase(),m=(0,N.useMemo)(()=>r.items.map((e,t)=>({item:e,index:t})).filter(({item:e})=>p?[e.key,e.tab.getTabName(),e.getDescription?.()??``].join(` `).toLowerCase().includes(p):!0),[r.items,p]),h=(0,N.useMemo)(()=>{if(!p)return u;let e=m[0];return e?m.some(({index:e})=>e===u)?u:e.index:u},[u,m,p]),g=r.items[h]??r.items[0],_=g?.getDescription?.(),v=g?$[g.key]:void 0,y=(0,N.useRef)(null),[ie,ae]=(0,N.useState)(!1);return(0,N.useEffect)(()=>{y.current?.scrollTo({top:0})},[h,s]),(0,X.jsxs)(`div`,{className:`flex h-screen min-h-0 supports-[height:100dvh]:h-dvh bg-[var(--quickforge-sidebar-bg)] text-foreground`,children:[(0,X.jsxs)(`aside`,{className:`relative z-10 hidden w-80 shrink-0 overflow-hidden bg-[var(--quickforge-sidebar-bg)] md:flex md:min-h-0 md:flex-col`,children:[(0,X.jsxs)(`div`,{className:`shrink-0 px-3 pb-2 pt-3`,children:[(0,X.jsxs)(`button`,{type:`button`,className:`group relative flex w-full items-center gap-2 overflow-hidden rounded-lg px-2 py-1.5 text-left text-muted-foreground/72 transition-[background-color,color,box-shadow] duration-160 ease-out hover:bg-[var(--quickforge-sidebar-hover-bg)] hover:text-foreground/86 hover:shadow-[0_8px_20px_-18px_rgb(15_23_42_/_0.35)]`,onClick:n,"aria-label":`返回工作区`,children:[(0,X.jsx)(`span`,{className:`inline-flex size-6 shrink-0 items-center justify-center rounded-full text-muted-foreground/55 transition-colors group-hover:text-foreground/70`,children:(0,X.jsx)(ee,{className:`size-4`})}),(0,X.jsx)(`span`,{className:`truncate text-sm leading-5`,children:`返回工作区`})]}),(0,X.jsxs)(`div`,{className:`quickforge-settings-inline-field mt-3`,children:[(0,X.jsx)(re,{className:`pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground/60`,"aria-hidden":`true`}),(0,X.jsx)(`input`,{value:d,onChange:e=>f(e.target.value),placeholder:M(`searchSettings`),"aria-label":M(`searchSettings`),className:`quickforge-settings-input`})]})]}),(0,X.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-3 pb-4 pt-4`,children:(0,X.jsxs)(`nav`,{className:`space-y-1`,"aria-label":M(`settings`),children:[m.map(({item:e,index:t})=>{let n=t===h,r=$[e.key];return(0,X.jsxs)(`button`,{type:`button`,className:O(`group relative flex w-full items-center gap-2.5 overflow-hidden rounded-lg px-2 py-1.5 text-left text-sm leading-5 transition-[background-color,color,box-shadow] duration-160 ease-out`,n?`bg-[var(--quickforge-sidebar-active-bg)] font-medium text-foreground/92 shadow-[0_8px_22px_-20px_rgb(15_23_42_/_0.32)]`:`text-muted-foreground/76 hover:bg-[var(--quickforge-sidebar-hover-bg)] hover:text-foreground/90 hover:shadow-[0_8px_20px_-18px_rgb(15_23_42_/_0.35)]`),onClick:()=>o(t),"aria-current":n?`page`:void 0,children:[(0,X.jsx)(`span`,{className:O(`inline-flex size-5 shrink-0 items-center justify-center transition-colors`,n?`text-foreground/72`:`text-muted-foreground/52 group-hover:text-foreground/68`),children:(0,X.jsx)(r,{className:`size-4`,"aria-hidden":`true`})}),(0,X.jsx)(`span`,{className:`truncate`,children:e.tab.getTabName()})]},e.key)}),m.length===0?(0,X.jsx)(`div`,{className:`px-2 py-3 text-sm text-muted-foreground/70`,children:M(`noSettingsResults`)}):null]})})]}),(0,X.jsxs)(`main`,{className:`relative flex min-w-0 flex-1 flex-col bg-[var(--quickforge-main-bg)] md:overflow-hidden md:rounded-tl-2xl`,children:[(0,X.jsxs)(`header`,{className:`flex h-14 shrink-0 items-center gap-2 border-b-[0.5px] border-[color-mix(in_oklab,var(--border)_34%,transparent)] px-3 pr-4 md:px-5`,children:[(0,X.jsx)(Pe,{variant:`ghost`,size:`icon`,className:`md:hidden`,onClick:s===null?n:()=>l(null),"aria-label":s===null?`返回工作区`:`返回设置`,children:(0,X.jsx)(ee,{className:`size-4`})}),(0,X.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,X.jsxs)(`div`,{className:O(`flex min-w-0 items-center gap-2`,s===null?`md:hidden`:`hidden`),children:[(0,X.jsx)(te,{className:`size-4 shrink-0 text-muted-foreground/65`,"aria-hidden":`true`}),(0,X.jsx)(`div`,{className:`min-w-0 truncate text-sm font-medium text-foreground/90`,children:M(`settings`)})]}),(0,X.jsxs)(`div`,{className:O(`flex min-w-0 items-center gap-2`,s===null&&`hidden md:flex`),children:[v?(0,X.jsx)(v,{className:`size-4 shrink-0 text-muted-foreground/65`,"aria-hidden":`true`}):null,(0,X.jsx)(`div`,{className:`min-w-0 truncate text-sm font-medium text-foreground/90`,children:g?.tab.getTabName()}),_?(0,X.jsx)(De,{label:_}):null]})]})]}),(0,X.jsxs)(`div`,{className:O(`flex min-h-0 flex-1 flex-col md:hidden`,s!==null&&`hidden`),children:[(0,X.jsx)(`div`,{className:`shrink-0 border-b-[0.5px] border-[color-mix(in_oklab,var(--border)_30%,transparent)] px-3 py-2`,children:(0,X.jsxs)(`div`,{className:`quickforge-settings-inline-field`,children:[(0,X.jsx)(re,{className:`pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground/60`,"aria-hidden":`true`}),(0,X.jsx)(`input`,{value:d,onChange:e=>f(e.target.value),placeholder:M(`searchSettings`),"aria-label":M(`searchSettings`),className:`quickforge-settings-input`})]})}),(0,X.jsx)(`nav`,{className:`quickforge-settings-mobile-list`,"aria-label":M(`settings`),children:(0,X.jsxs)(`div`,{className:`quickforge-settings-mobile-list-card`,children:[m.map(({item:e,index:t})=>{let n=$[e.key];return(0,X.jsxs)(`button`,{type:`button`,className:`quickforge-settings-mobile-list-item`,onClick:()=>{o(t),l(t)},children:[(0,X.jsx)(`span`,{className:`quickforge-settings-mobile-list-icon`,children:(0,X.jsx)(n,{className:`size-4 shrink-0`,"aria-hidden":`true`})}),(0,X.jsx)(`span`,{className:`quickforge-settings-mobile-list-label`,children:e.tab.getTabName()}),(0,X.jsx)(ne,{className:`quickforge-settings-mobile-list-chevron size-4 shrink-0`,"aria-hidden":`true`})]},e.key)}),m.length===0?(0,X.jsx)(`div`,{className:`px-2 py-8 text-center text-sm text-muted-foreground/70`,children:M(`noSettingsResults`)}):null]})})]}),(0,X.jsx)(`section`,{ref:y,onScroll:()=>ae((y.current?.scrollTop??0)>160),className:O(`min-h-0 flex-1 overflow-y-auto px-4 py-5 md:px-8 md:py-7`,s===null&&`hidden md:block`),children:(0,X.jsx)(`div`,{className:`mx-auto flex min-h-full w-full max-w-5xl flex-col`,children:m.length===0?(0,X.jsx)(`div`,{className:`rounded-xl border border-dashed border-[color-mix(in_oklab,var(--border)_70%,transparent)] p-8 text-center text-sm text-muted-foreground/70`,children:M(`noSettingsResults`)}):g?(0,X.jsx)(jn,{tab:g.tab}):null})}),(0,X.jsx)(`button`,{type:`button`,onClick:()=>y.current?.scrollTo({top:0,behavior:`smooth`}),"aria-label":`返回顶部`,className:O(`absolute bottom-5 right-4 z-20 flex size-9 items-center justify-center rounded-[10px] border-[0.5px] border-[color-mix(in_oklab,var(--border)_65%,transparent)] bg-[var(--background)] text-muted-foreground/85 shadow-[0_10px_24px_-16px_rgb(15_23_42_/_0.55)] transition-opacity duration-160 md:hidden`,ie?`opacity-100`:`pointer-events-none opacity-0`,s===null&&`hidden`),children:(0,X.jsx)(c,{className:`size-4`})})]})]})}export{Mn as SettingsWorkspacePage};