@shawnstack/quickforge 1.5.5 → 1.5.6

package/dist/assets/SettingsWorkspacePage-Csr6xu0M.js

@@ -0,0 +1,1320 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/AgentProfilesPage-DFUA4KiP.js","assets/rolldown-runtime-DWdDZTNf.js","assets/index-BIslkXQt.js","assets/pi-ai-Cx633yhb.js","assets/pi-web-ui-DFNE2m5b.js","assets/lit-vendor-Dr3cpBGF.js","assets/css-utils-rkE68RDy.js","assets/icons-DXrzz0RO.js","assets/react-vendor-xMa3TUTb.js","assets/skills-dialog-Dax-_Ze5.js","assets/logger-B65Akg8A.js","assets/index-BDNDRaPf.css","assets/mcp-servers-dialog-DXR3fnZY.js","assets/PluginsPage-CKOP-P02.js","assets/plugin-api-UKg_cgSG.js","assets/ScheduledTasksPage-CRPvyfmE.js"])))=>i.map(i=>d[i]);
+import{i as e}from"./rolldown-runtime-DWdDZTNf.js";import{At as t,Dt as n}from"./icons-DXrzz0RO.js";import{n as r,r as i}from"./react-vendor-xMa3TUTb.js";import{p as a}from"./lit-vendor-Dr3cpBGF.js";import{a as o,u as s}from"./pi-web-ui-DFNE2m5b.js";import{y as c}from"./pi-ai-Cx633yhb.js";import{t as l}from"./logger-B65Akg8A.js";import{$ as u,A as ee,C as d,D as te,E as f,G as ne,H as p,J as re,M as m,S as h,T as ie,U as ae,V as g,X as oe,Y as _,_ as v,b as se,et as y,g as ce,it as b,j as x,k as le,nt as ue,q as de,rt as S,tt as fe,v as pe,w as me,x as he,y as ge}from"./index-BIslkXQt.js";var C=e(t(),1),_e={openai:{name:`OpenAI`,baseUrl:`https://api.openai.com/v1`,protocol:`openai-completions`,modelId:`gpt-4o`},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:g.name,baseUrl:g.baseUrl,protocol:`openai-completions`,modelId:g.modelId}},ve=[{key:`openai`,label:b(`presetOpenai`)},{key:`deepseek`,label:b(`presetDeepseek`)},{key:`glm`,label:b(`presetGlm`)},{key:`ollama`,label:b(`presetOllama`)},{key:`litellm`,label:b(`presetLitellm`)},{key:`custom`,label:b(`presetCustom`)}],w=()=>({modelId:``,contextWindow:g.contextWindow,maxTokens:g.maxTokens,reasoning:!0,open:!1}),T=()=>({name:g.name,baseUrl:g.baseUrl,apiKey:``,headerRows:[],protocol:`openai-completions`,models:[w()]}),ye=class extends o{providers=[];form=T();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 b(`customModels`)}async loadProviders(){this.loading=!0,this.requestUpdate();try{this.providers=await s().customProviders.getAll()}catch(e){l.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=T(),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??g.contextWindow,maxTokens:e.maxTokens??g.maxTokens,reasoning:e.reasoning===!0,open:!1})):[w()],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=T(),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,w()]},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:[w()]};else{let t=_e[e];this.form={...this.form,name:t.name,baseUrl:t.baseUrl,protocol:t.protocol,models:[{...w(),modelId:t.modelId,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=r.includes(`api.deepseek.com`);return de({id:e.modelId,name:`${e.modelId} (${n})`,api:this.form.protocol,provider:n,baseUrl:r.replace(/\/$/,``),reasoning:i,input:[`text`,`image`],cost:{input:0,output:0,cacheRead:0,cacheWrite:0},contextWindow:Number(e.contextWindow)||g.contextWindow,maxTokens:Number(e.maxTokens)||g.maxTokens,headers:Object.keys(t).length>0?t:void 0,thinkingLevelMap:a&&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`,...a&&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=b(`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||b(`connectionFailed`))}catch(e){this.testResult=`fail`,this.testError=e?.message||b(`connectionFailed`)}finally{this.testing=!1,this.requestUpdate()}}async saveModel(){let e=this.form.name.trim(),t=this.form.baseUrl.trim();if(!e||!t){x(b(`fillProviderBaseUrlModel`));return}let n=this.form.models.filter(e=>e.modelId.trim());if(n.length===0){x(b(`atLeastOneModel`));return}let r=n.map(e=>e.modelId.trim());if(new Set(r).size!==r.length){x(b(`duplicateModelId`));return}let i=this.buildHeadersFromRows(),a=n.map(e=>this.buildModel(e,i)),o=this.form.apiKey.trim(),c=this.editingProviderId?this.providers.find(e=>e.id===this.editingProviderId):void 0,u={id:this.editingProviderId??oe(),name:e,type:this.form.protocol,baseUrl:a[0].baseUrl,apiKey:o||void 0,models:a};try{let e=s();await e.customProviders.set(u),c&&c.name!==u.name&&await e.providerKeys.delete(c.name),o?await e.providerKeys.set(u.name,o):await e.providerKeys.delete(u.name),this.closeForm(),await this.loadProviders()}catch(e){l.error(`Failed to save custom model:`,e),x(b(`saveCustomModelFailed`))}}async deleteProvider(e){if(await m({description:b(`confirmDeleteProvider`,{name:e.name}),confirmLabel:b(`confirmDelete`),cancelLabel:b(`cancel`),variant:`destructive`}))try{let t=s();await t.customProviders.delete(e.id),await t.providerKeys.delete(e.name),await this.loadProviders()}catch(e){l.error(`Failed to delete custom provider:`,e),x(b(`deleteFailed`))}}renderProvider(e){let t=e.models??[],n=t.length;return a`
+      <div class="rounded-lg border border-border p-4">
+        <div class="flex items-start justify-between gap-4">
+          <div class="min-w-0 flex-1">
+            <div class="text-sm font-medium text-foreground">${e.name}</div>
+            <div class="mt-1 break-all text-xs text-muted-foreground">${e.baseUrl}</div>
+            <div class="mt-2 text-xs text-muted-foreground">
+              ${b(`providerProtocol`)}: ${e.type===`anthropic-messages`?`Anthropic Messages`:`OpenAI Compatible`}
+            </div>
+            ${n===0?a`<div class="mt-1 text-xs text-muted-foreground">${b(`noModelAdded`)}</div>`:a`
+                  <div class="mt-2 text-xs text-muted-foreground">${b(`modelsCount`,{count:n})}</div>
+                  <div class="mt-1 flex flex-wrap gap-1">
+                    ${t.map(e=>a`
+                        <span class="inline-flex items-center gap-1 rounded-md border border-border bg-muted px-2 py-0.5 text-xs text-foreground">
+                          <span class="font-medium">${e.id}</span>
+                          <span class="text-muted-foreground">${e.contextWindow}/${e.maxTokens}</span>
+                        </span>
+                      `)}
+                  </div>
+                `}
+          </div>
+          <div class="flex shrink-0 gap-2">
+            <button
+              class="rounded-md px-3 py-1.5 text-sm hover:bg-secondary"
+              type="button"
+              @click=${()=>this.openEditForm(e)}
+            >
+              ${b(`editModel`)}
+            </button>
+            <button
+              class="rounded-md px-3 py-1.5 text-sm text-destructive hover:bg-secondary"
+              type="button"
+              @click=${()=>this.deleteProvider(e)}
+            >
+              ${b(`delete`)}
+            </button>
+          </div>
+        </div>
+      </div>
+    `}renderPresetChips(){return a`
+      <div class="grid gap-1.5">
+        <span class="text-xs text-muted-foreground">${b(`presets`)}</span>
+        <div class="flex flex-wrap gap-1.5">
+          ${ve.map(e=>a`
+              <button
+                class="rounded-full border px-3 py-1 text-xs ${this.activePreset===e.key?`border-primary bg-primary text-primary-foreground`:`border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground`}"
+                type="button"
+                @click=${()=>this.applyPreset(e.key)}
+              >
+                ${e.label}
+              </button>
+            `)}
+        </div>
+      </div>
+    `}renderModelRow(e,t){let n=e.open===!0;return a`
+      <div class="rounded-md border border-border">
+        <div class="flex items-center gap-2 p-2">
+          <button
+            class="shrink-0 inline-flex size-6 items-center justify-center rounded text-xs text-muted-foreground hover:bg-secondary hover:text-foreground"
+            type="button"
+            title=${b(`expandModel`)}
+            aria-expanded=${n?`true`:`false`}
+            @click=${()=>this.toggleModelExpanded(t)}
+          >
+            ${n?`▾`:`▸`}
+          </button>
+          <input
+            class="min-w-0 flex-1 rounded-md border border-input bg-background px-3 py-1.5 text-sm"
+            .value=${e.modelId}
+            @input=${e=>this.updateModelField(t,`modelId`,e.target.value)}
+            placeholder=${b(`modelIdPlaceholder`)}
+          />
+          ${this.form.models.length>1?a`
+                <button
+                  class="shrink-0 rounded px-1.5 py-0.5 text-xs text-muted-foreground hover:bg-secondary hover:text-destructive"
+                  type="button"
+                  title=${b(`delete`)}
+                  @click=${()=>this.removeModelRow(t)}
+                >
+                  ✕
+                </button>
+              `:``}
+        </div>
+        ${n?a`
+              <div class="grid gap-3 border-t border-border p-3">
+                <div class="grid grid-cols-2 gap-3">
+                  <label class="grid gap-1 text-xs">
+                    <span class="text-muted-foreground">${b(`contextWindow`)}</span>
+                    <input
+                      class="rounded-md border border-input bg-background px-3 py-1.5 text-sm"
+                      .value=${String(e.contextWindow)}
+                      type="number"
+                      @input=${e=>this.updateModelField(t,`contextWindow`,Number(e.target.value))}
+                    />
+                  </label>
+                  <label class="grid gap-1 text-xs">
+                    <span class="text-muted-foreground">${b(`maxTokens`)}</span>
+                    <input
+                      class="rounded-md border border-input bg-background px-3 py-1.5 text-sm"
+                      .value=${String(e.maxTokens)}
+                      type="number"
+                      @input=${e=>this.updateModelField(t,`maxTokens`,Number(e.target.value))}
+                    />
+                  </label>
+                </div>
+                <label class="mt-1 flex items-center gap-2 text-xs">
+                  <input
+                    class="rounded border-border"
+                    type="checkbox"
+                    .checked=${e.reasoning}
+                    @change=${e=>this.updateModelField(t,`reasoning`,e.target.checked)}
+                  />
+                  <span class="text-muted-foreground">${b(`reasoningModel`)}</span>
+                </label>
+              </div>
+            `:``}
+      </div>
+    `}renderHeadersEditor(){return a`
+      <div class="grid gap-1.5">
+        <span class="inline-flex items-center gap-1.5 text-xs text-muted-foreground">
+          ${b(`customHeaders`)}
+          <quickforge-info-tip .label=${b(`customHeadersHelp`)}></quickforge-info-tip>
+        </span>
+        ${this.form.headerRows.length===0?a``:a`
+              <div class="grid gap-2">
+                ${this.form.headerRows.map((e,t)=>a`
+                  <div class="grid grid-cols-[1fr_1fr_auto] items-center gap-2">
+                    <input
+                      class="rounded-md border border-input bg-background px-3 py-1.5 text-sm"
+                      .value=${e.key}
+                      @input=${e=>this.updateHeaderRow(t,`key`,e.target.value)}
+                      placeholder=${b(`headerName`)}
+                    />
+                    <input
+                      class="rounded-md border border-input bg-background px-3 py-1.5 text-sm"
+                      .value=${e.value}
+                      @input=${e=>this.updateHeaderRow(t,`value`,e.target.value)}
+                      placeholder=${b(`headerValue`)}
+                    />
+                    <button
+                      class="shrink-0 rounded px-1.5 py-1.5 text-xs text-muted-foreground hover:bg-secondary hover:text-destructive"
+                      type="button"
+                      title=${b(`removeHeader`)}
+                      @click=${()=>this.removeHeaderRow(t)}
+                    >
+                      ✕
+                    </button>
+                  </div>
+                `)}
+              </div>
+            `}
+        <button
+          class="justify-self-start rounded px-1 py-0.5 text-xs text-muted-foreground hover:text-foreground"
+          type="button"
+          @click=${()=>this.addHeaderRow()}
+        >
+          + ${b(`addHeader`)}
+        </button>
+      </div>
+    `}renderTestStatus(){return this.testResult===`idle`&&!this.testing?a``:this.testing?a`<span class="text-xs text-muted-foreground">${b(`testingConnection`)}</span>`:this.testResult===`ok`?a`<span class="text-xs text-green-600">✓ ${b(`connectionOk`)}</span>`:a`<span class="break-all text-xs text-destructive">✗ ${this.testError||b(`connectionFailed`)}</span>`}renderForm(){return a`
+      <div class="rounded-lg border border-border p-4">
+        <div class="mb-4 text-sm font-semibold text-foreground">
+          ${this.editingProviderId?b(`editCustomModel`):b(`addCustomModel`)}
+        </div>
+
+        <div class="grid gap-4">
+          ${this.renderPresetChips()}
+
+          <label class="grid gap-1.5 text-sm">
+            <span class="text-foreground">${b(`providerName`)}</span>
+            <input
+              class="rounded-md border border-input bg-background px-3 py-2 text-sm"
+              .value=${this.form.name}
+              @input=${e=>this.updateForm(`name`,e.target.value)}
+              placeholder=${b(`providerNamePlaceholder`)}
+            />
+          </label>
+
+          <label class="grid gap-1.5 text-sm">
+            <span class="text-foreground">Base URL</span>
+            <input
+              class="rounded-md border border-input bg-background px-3 py-2 text-sm"
+              .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="grid gap-1.5 text-sm">
+            <span class="text-foreground">${b(`apiKey`)}</span>
+            <div class="relative">
+              <input
+                class="w-full rounded-md border border-input bg-background px-3 py-2 pr-10 text-sm"
+                .value=${this.form.apiKey}
+                type=${this.apiKeyVisible?`text`:`password`}
+                @input=${e=>this.updateForm(`apiKey`,e.target.value)}
+                placeholder=${b(`apiKeyPlaceholder`)}
+              />
+              <button
+                class="absolute inset-y-0 right-0 flex w-10 items-center justify-center rounded-r-md text-muted-foreground hover:text-foreground/85 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                type="button"
+                title=${this.apiKeyVisible?b(`hideApiKey`):b(`showApiKey`)}
+                aria-label=${this.apiKeyVisible?b(`hideApiKey`):b(`showApiKey`)}
+                aria-pressed=${this.apiKeyVisible?`true`:`false`}
+                @click=${()=>this.toggleApiKeyVisibility()}
+              >
+                ${this.apiKeyVisible?a`<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>`:a`<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="grid gap-2">
+            <div class="flex items-center justify-between">
+              <span class="text-sm font-medium text-foreground">${b(`modelsList`)}</span>
+              <button
+                class="rounded-md px-2 py-1 text-xs hover:bg-secondary"
+                type="button"
+                @click=${()=>this.addModelRow()}
+              >
+                + ${b(`addModel`)}
+              </button>
+            </div>
+            ${this.form.models.map((e,t)=>this.renderModelRow(e,t))}
+          </div>
+
+          <button
+            class="flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground"
+            type="button"
+            aria-expanded=${this.advancedOpen?`true`:`false`}
+            @click=${()=>{this.advancedOpen=!this.advancedOpen,this.requestUpdate()}}
+          >
+            <span>${this.advancedOpen?`▾`:`▸`}</span>
+            ${b(`providerAdvanced`)}
+          </button>
+
+          ${this.advancedOpen?a`
+                <div class="grid gap-4 rounded-md border border-border p-3">
+                  <label class="grid gap-1.5 text-sm">
+                    <span class="inline-flex items-center gap-1.5 text-foreground">
+                      ${b(`protocolType`)}
+                      <quickforge-info-tip .label=${b(`protocolHelp`)}></quickforge-info-tip>
+                    </span>
+                    <select
+                      class="rounded-md border border-input bg-background px-3 py-2 text-sm"
+                      .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>
+              `:``}
+        </div>
+
+        <div class="mt-4 flex items-center gap-2">
+          <span class="mr-auto">${this.renderTestStatus()}</span>
+          <button
+            class="rounded-md px-3 py-2 text-sm hover:bg-secondary"
+            type="button"
+            @click=${()=>this.closeForm()}
+          >
+            ${b(`cancel`)}
+          </button>
+          <button
+            class="rounded-md px-3 py-2 text-sm hover:bg-secondary ${this.testing?`opacity-50 pointer-events-none`:``}"
+            type="button"
+            ?disabled=${this.testing}
+            @click=${()=>this.testConnection()}
+          >
+            ${b(`testConnection`)}
+          </button>
+          <button
+            class="rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground"
+            type="button"
+            @click=${()=>this.saveModel()}
+          >
+            ${b(`save`)}
+          </button>
+        </div>
+      </div>
+    `}render(){return a`
+      <div class="flex flex-col gap-6">
+        <div class="flex items-center justify-between gap-4">
+          <div>
+            <h3 class="mb-2 inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+              ${b(`customModelsTitle`)}
+              <quickforge-info-tip .label=${b(`customModelsDescription`)}></quickforge-info-tip>
+            </h3>
+          </div>
+          <button
+            class="rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground"
+            type="button"
+            @click=${()=>this.openAddForm()}
+          >
+            ${b(`addModel`)}
+          </button>
+        </div>
+
+        ${this.formOpen?this.renderForm():``}
+
+        ${this.loading?a`<div class="py-8 text-center text-sm text-muted-foreground">${b(`loading`)}</div>`:this.providers.length===0?a`<div class="py-8 text-center text-sm text-muted-foreground">${b(`noCustomModels`)}</div>`:a`<div class="flex flex-col gap-3">${this.providers.map(e=>this.renderProvider(e))}</div>`}
+      </div>
+    `}},E=`quickforge-custom-providers-only-tab`;customElements.get(E)||customElements.define(E,ye);function be(e){let t=document.createElement(E);return e&&(t.autoEditProviderName=e),t}var xe=class extends o{selectedLanguage=ue();getTabName(){return b(`language`)}updateLanguage(e){this.selectedLanguage=e===`zh`?`zh`:`en`,this.requestUpdate()}async applyLanguage(){await fe(s(),this.selectedLanguage)||x(b(`noLanguageChange`))}render(){return a`
+      <div class="flex flex-col gap-6">
+        <div>
+          <h3 class="mb-2 inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`language`)}
+            <quickforge-info-tip .label=${b(`languageDescription`)}></quickforge-info-tip>
+          </h3>
+        </div>
+
+        <label class="grid max-w-sm gap-1.5 text-sm">
+          <span class="text-foreground">${b(`displayLanguage`)}</span>
+          <select
+            class="rounded-md border border-input bg-background px-3 py-2 text-sm"
+            .value=${this.selectedLanguage}
+            @change=${e=>this.updateLanguage(e.target.value)}
+          >
+            <option value="zh">${b(`simplifiedChinese`)}</option>
+            <option value="en">${b(`english`)}</option>
+          </select>
+        </label>
+
+        <div>
+          <button
+            class="rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground"
+            type="button"
+            @click=${()=>this.applyLanguage()}
+          >
+            ${b(`apply`)}
+          </button>
+        </div>
+      </div>
+    `}},D=`quickforge-language-settings-tab`;customElements.get(D)||customElements.define(D,xe);function Se(){return document.createElement(D)}var Ce=[{value:`light`,label:()=>b(`lightTheme`)},{value:`dark`,label:()=>b(`darkTheme`)}],we=class extends o{theme=ge();interfaceFontSizePx=h.interfaceFontSizePx;messageFontSizePx=h.messageFontSizePx;loading=!0;error=``;getTabName(){return b(`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([se(e),ie(e)]);this.theme=t.theme,this.interfaceFontSizePx=n.interfaceFontSizePx,this.messageFontSizePx=n.messageFontSizePx}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}async selectTheme(e){if(this.theme!==e){this.theme=e,this.requestUpdate();try{await he(s(),{theme:e}),this.error=``,this.requestUpdate()}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`),this.requestUpdate()}}}currentFontSizeSettings(){return f({interfaceFontSizePx:this.interfaceFontSizePx,messageFontSizePx:this.messageFontSizePx})}previewFontSize(e){let t=f(e);this.interfaceFontSizePx=t.interfaceFontSizePx,this.messageFontSizePx=t.messageFontSizePx,me(t),this.requestUpdate()}updateInterfaceFontSize(e){this.previewFontSize({...this.currentFontSizeSettings(),interfaceFontSizePx:Number(e)||h.interfaceFontSizePx})}updateMessageFontSize(e){this.previewFontSize({...this.currentFontSizeSettings(),messageFontSizePx:Number(e)||h.messageFontSizePx})}async saveFontSize(){try{await te(s(),this.currentFontSizeSettings()),this.error=``,this.requestUpdate()}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`),this.requestUpdate()}}renderThemeOption(e){let t=this.theme===e.value,n=e.value===`dark`;return a`
+      <button
+        type="button"
+        class="group flex flex-col gap-2 rounded-lg border p-3 text-left transition-colors ${t?`border-primary ring-1 ring-primary`:`border-border hover:border-foreground/30`}"
+        @click=${()=>this.selectTheme(e.value)}
+      >
+        <div
+          class="flex h-16 overflow-hidden rounded-md border ${n?`border-zinc-700 bg-zinc-900`:`border-zinc-200 bg-white`}"
+        >
+          <div class="w-1/4 ${n?`bg-zinc-800`:`bg-zinc-100`}"></div>
+          <div class="flex flex-1 flex-col gap-1.5 p-2">
+            <div class="h-1.5 w-3/4 rounded-full ${n?`bg-zinc-600`:`bg-zinc-300`}"></div>
+            <div class="h-1.5 w-1/2 rounded-full ${n?`bg-zinc-700`:`bg-zinc-200`}"></div>
+            <div class="h-1.5 w-2/3 rounded-full ${n?`bg-zinc-700`:`bg-zinc-200`}"></div>
+          </div>
+        </div>
+        <div class="flex items-center justify-between">
+          <span class="text-sm font-medium text-foreground">${e.label()}</span>
+          <span
+            class="flex size-4 items-center justify-center rounded-full border ${t?`border-primary bg-primary`:`border-muted-foreground/40`}"
+          >
+            ${t?a`<svg class="size-3 text-primary-foreground" viewBox="0 0 12 12" fill="none">
+                  <path
+                    d="M2.5 6l2.5 2.5 4.5-5"
+                    stroke="currentColor"
+                    stroke-width="1.6"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>`:null}
+          </span>
+        </div>
+      </button>
+    `}getFontSizeRangeProgress(e){return(e-d.min)/(d.max-d.min)*100}renderFontSizeSlider(e,t,n,r){return a`
+      <label class="grid gap-2 text-sm">
+        <div class="flex items-center justify-between gap-3">
+          <span class="inline-flex items-center gap-1.5 text-foreground">
+            ${e}
+            ${t?a`<quickforge-info-tip .label=${t}></quickforge-info-tip>`:null}
+          </span>
+          <span class="rounded-md bg-muted px-2 py-0.5 font-mono text-xs text-foreground">${n}px</span>
+        </div>
+        <input
+          class="quickforge-font-size-slider w-full"
+          style=${`--quickforge-font-size-slider-progress: ${this.getFontSizeRangeProgress(n)}%`}
+          type="range"
+          min=${String(d.min)}
+          max=${String(d.max)}
+          step="1"
+          .value=${String(n)}
+          @input=${e=>r(e.target.value)}
+          @change=${()=>this.saveFontSize()}
+        />
+        <div class="flex justify-between text-xs text-muted-foreground">
+          <span>${d.min}px</span>
+          <span>${d.max}px</span>
+        </div>
+      </label>
+    `}render(){return this.loading?a`<div class="text-sm text-muted-foreground">${b(`loading`)}</div>`:a`
+      <div class="flex flex-col gap-6">
+        <div>
+          <h3 class="mb-2 inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`appearance`)}
+            <quickforge-info-tip .label=${b(`appearanceDescription`)}></quickforge-info-tip>
+          </h3>
+        </div>
+
+        <div class="grid max-w-xl gap-3 rounded-lg border border-border p-4">
+          <div>
+            <h4 class="inline-flex items-center gap-1.5 text-sm font-medium text-foreground">
+              ${b(`theme`)}
+              <quickforge-info-tip .label=${b(`themeDescription`)}></quickforge-info-tip>
+            </h4>
+          </div>
+          <div class="grid grid-cols-2 gap-3">
+            ${Ce.map(e=>this.renderThemeOption(e))}
+          </div>
+        </div>
+
+        <div class="grid max-w-xl gap-4 rounded-lg border border-border p-4">
+          <div>
+            <h4 class="inline-flex items-center gap-1.5 text-sm font-medium text-foreground">
+              ${b(`fontSize`)}
+              <quickforge-info-tip .label=${b(`fontSizeDescription`)}></quickforge-info-tip>
+            </h4>
+          </div>
+
+          ${this.renderFontSizeSlider(b(`interfaceFontSize`),null,this.interfaceFontSizePx,e=>this.updateInterfaceFontSize(e))}
+
+          ${this.renderFontSizeSlider(b(`messageFontSize`),b(`messageFontSizeNote`),this.messageFontSizePx,e=>this.updateMessageFontSize(e))}
+        </div>
+
+        ${this.error?a`<span class="text-sm text-destructive">${this.error}</span>`:null}
+      </div>
+    `}},O=`quickforge-appearance-settings-tab`;customElements.get(O)||customElements.define(O,we);function k(){return document.createElement(O)}var A=`auto-compact-settings`,j={enabled:!1,thresholdPercent:80,keepRecentTurns:3,minSourceChars:1600,requireConfirmation:!0};function M(e,t,n,r){let i=Number(e);return Number.isFinite(i)?Math.min(r,Math.max(n,Math.round(i))):t}function N(e){if(!e||typeof e!=`object`)return{...j};let t=e;return{enabled:t.enabled===!0,thresholdPercent:M(t.thresholdPercent,j.thresholdPercent,50,95),keepRecentTurns:M(t.keepRecentTurns,j.keepRecentTurns,1,20),minSourceChars:M(t.minSourceChars,j.minSourceChars,0,2e5),requireConfirmation:t.requireConfirmation!==!1}}async function Te(e){return N(await e.settings.get(A))}async function Ee(e,t){await e.settings.set(A,N(t))}var P=[{value:`off`,label:()=>b(`thinkingOff`)},{value:`low`,label:()=>b(`thinkingLow`)},{value:`medium`,label:()=>b(`thinkingMedium`)},{value:`high`,label:()=>b(`thinkingHigh`)},{value:`xhigh`,label:()=>b(`thinkingXHigh`)}];function De(e){return(e??``).trim().replace(/\/$/,``)}function F(e){return JSON.stringify([e.provider,e.id,e.api,De(e.baseUrl)])}function Oe(e){return`${e.provider} / ${e.id}`}var ke=class extends o{models=[];selectedModel;thinkingLevel=`off`;showToolDetails=!1;expandToolsByDefault=!1;autoCompactEnabled=!1;autoCompactRequireConfirmation=!0;autoCompactThresholdPercent=80;autoCompactThresholdPercentInput=`80`;autoCompactKeepRecentTurns=3;loading=!0;saved=!1;error=``;getTabName(){return b(`defaultOptions`)}async connectedCallback(){super.connectedCallback(),await this.loadSettings()}updated(){this.syncSelectValues()}syncSelectValues(){let e=this.querySelector(`[data-default-model-select]`);e&&this.selectedModel&&(e.value=F(this.selectedModel));let t=this.querySelector(`[data-default-thinking-select]`);t&&(t.value=this.thinkingLevel)}async loadSettings(){this.loading=!0,this.error=``,this.requestUpdate();try{let e=s(),[t,n,r,i]=await Promise.all([ae(e),ne(e),le(e),Te(e)]);this.models=t,this.selectedModel=n.model?t.find(e=>F(e)===F(n.model))??n.model:t[0],this.thinkingLevel=n.thinkingLevel??p(this.selectedModel),this.showToolDetails=r.showToolDetails,this.expandToolsByDefault=r.expandToolsByDefault,this.autoCompactEnabled=i.enabled,this.autoCompactRequireConfirmation=i.requireConfirmation,this.autoCompactThresholdPercent=i.thresholdPercent,this.autoCompactThresholdPercentInput=String(i.thresholdPercent),this.autoCompactKeepRecentTurns=i.keepRecentTurns}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}updateModel(e){let t=this.models.find(t=>F(t)===e);this.selectedModel=t,this.thinkingLevel=p(t),this.saved=!1,this.requestUpdate()}updateThinkingLevel(e){this.thinkingLevel=P.some(t=>t.value===e)?e:`off`,this.saved=!1,this.requestUpdate()}updateShowToolDetails(e){this.showToolDetails=e,this.saved=!1,this.requestUpdate()}updateExpandToolsByDefault(e){this.expandToolsByDefault=e,this.saved=!1,this.requestUpdate()}updateAutoCompactEnabled(e){this.autoCompactEnabled=e,this.saved=!1,this.requestUpdate()}updateAutoCompactRequireConfirmation(e){this.autoCompactRequireConfirmation=e,this.saved=!1,this.requestUpdate()}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()}modelOptions(){if(!this.selectedModel)return this.models;let e=F(this.selectedModel);return this.models.some(t=>F(t)===e)?this.models:[this.selectedModel,...this.models]}async save(){try{let e=this.selectedModel?.reasoning?this.thinkingLevel:`off`;await re(s(),{model:this.selectedModel,thinkingLevel:e}),await ee(s(),{showToolDetails:this.showToolDetails,expandToolsByDefault:this.expandToolsByDefault}),await Ee(s(),{enabled:this.autoCompactEnabled,thresholdPercent:this.autoCompactThresholdPercent,keepRecentTurns:this.autoCompactKeepRecentTurns,minSourceChars:1600,requireConfirmation:this.autoCompactRequireConfirmation}),await this.loadSettings(),this.saved=!0,this.error=``,this.requestUpdate()}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`),this.requestUpdate()}}render(){return this.loading?a`<div class="text-sm text-muted-foreground">${b(`loading`)}</div>`:a`
+      <div class="flex flex-col gap-6">
+        <div>
+          <h3 class="mb-2 inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`defaultOptions`)}
+            <quickforge-info-tip .label=${b(`defaultOptionsDescription`)}></quickforge-info-tip>
+          </h3>
+        </div>
+
+        <label class="grid max-w-md gap-1.5 text-sm">
+          <span class="text-foreground">${b(`defaultModel`)}</span>
+          <select
+            data-default-model-select
+            class="rounded-md border border-input bg-background px-3 py-2 text-sm"
+            .value=${this.selectedModel?F(this.selectedModel):``}
+            @change=${e=>this.updateModel(e.target.value)}
+          >
+            ${this.modelOptions().length===0?a`<option value="">${b(`noModelAvailable`)}</option>`:this.modelOptions().map(e=>a`
+                  <option .value=${F(e)}>${Oe(e)}</option>
+                `)}
+          </select>
+        </label>
+
+        <label class="grid max-w-sm gap-1.5 text-sm">
+          <span class="text-foreground">${b(`defaultThinkingLevel`)}</span>
+          <select
+            data-default-thinking-select
+            class="rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60"
+            .value=${this.thinkingLevel}
+            ?disabled=${!this.selectedModel?.reasoning}
+            @change=${e=>this.updateThinkingLevel(e.target.value)}
+          >
+            ${P.map(e=>a`
+              <option .value=${e.value}>${e.label()}</option>
+            `)}
+          </select>
+          ${this.selectedModel?.reasoning?null:a`<span class="text-xs text-muted-foreground">${b(`thinkingRequiresReasoningModel`)}</span>`}
+        </label>
+
+        <div class="grid max-w-xl gap-3 rounded-lg border border-border p-4">
+          <div>
+            <h4 class="inline-flex items-center gap-1.5 text-sm font-medium text-foreground">
+              ${b(`toolDisplay`)}
+              <quickforge-info-tip .label=${b(`showToolDetailsDescription`)}></quickforge-info-tip>
+            </h4>
+          </div>
+          <label class="flex items-center gap-2 text-sm text-foreground">
+            <input
+              type="checkbox"
+              class="size-4 rounded border-input"
+              .checked=${this.showToolDetails}
+              @change=${e=>this.updateShowToolDetails(e.target.checked)}
+            />
+            <span>${b(`showToolDetails`)}</span>
+          </label>
+          <label class="flex items-center gap-2 text-sm text-foreground">
+            <input
+              type="checkbox"
+              class="size-4 rounded border-input"
+              .checked=${this.expandToolsByDefault}
+              @change=${e=>this.updateExpandToolsByDefault(e.target.checked)}
+            />
+            <span>${b(`expandToolsByDefault`)}</span>
+          </label>
+        </div>
+
+        <div class="grid max-w-xl gap-3 rounded-lg border border-border p-4">
+          <div>
+            <h4 class="inline-flex items-center gap-1.5 text-sm font-medium text-foreground">
+              ${b(`contextManagement`)}
+              <quickforge-info-tip .label=${b(`autoCompactDescription`)}></quickforge-info-tip>
+            </h4>
+          </div>
+          <label class="flex items-center gap-2 text-sm text-foreground">
+            <input
+              type="checkbox"
+              class="size-4 rounded border-input"
+              .checked=${this.autoCompactEnabled}
+              @change=${e=>this.updateAutoCompactEnabled(e.target.checked)}
+            />
+            <span class="inline-flex items-center gap-1.5">
+              ${b(`autoCompactEnabled`)}
+              <quickforge-info-tip .label=${b(`autoCompactTriggerNote`)}></quickforge-info-tip>
+            </span>
+          </label>
+          <label class="flex items-center gap-2 text-sm text-foreground">
+            <input
+              type="checkbox"
+              class="size-4 rounded border-input disabled:opacity-60"
+              .checked=${this.autoCompactRequireConfirmation}
+              ?disabled=${!this.autoCompactEnabled}
+              @change=${e=>this.updateAutoCompactRequireConfirmation(e.target.checked)}
+            />
+            <span>${b(`autoCompactRequireConfirmation`)}</span>
+          </label>
+          <label class="grid max-w-xs gap-1.5 text-sm">
+            <span class="text-foreground">${b(`autoCompactThresholdPercent`)}</span>
+            <input
+              class="rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60"
+              type="number"
+              min="50"
+              max="95"
+              step="1"
+              .value=${this.autoCompactThresholdPercentInput}
+              ?disabled=${!this.autoCompactEnabled}
+              @input=${e=>this.updateAutoCompactThresholdPercent(e.target.value)}
+            />
+          </label>
+          <label class="grid max-w-xs gap-1.5 text-sm">
+            <span class="inline-flex items-center gap-1.5 text-foreground">
+              ${b(`autoCompactKeepRecentTurns`)}
+              <quickforge-info-tip .label=${b(`autoCompactHistoryPreserved`)}></quickforge-info-tip>
+            </span>
+            <input
+              class="rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60"
+              type="number"
+              min="1"
+              max="20"
+              step="1"
+              .value=${String(this.autoCompactKeepRecentTurns)}
+              ?disabled=${!this.autoCompactEnabled}
+              @input=${e=>this.updateAutoCompactKeepRecentTurns(e.target.value)}
+            />
+          </label>
+        </div>
+
+        <div class="flex items-center gap-3">
+          <button
+            class="rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground disabled:opacity-60"
+            type="button"
+            ?disabled=${!this.selectedModel}
+            @click=${()=>this.save()}
+          >
+            ${b(`saveDefaultOptions`)}
+          </button>
+          ${this.saved?a`<span class="text-sm text-muted-foreground">${b(`defaultOptionsSaved`)}</span>`:null}
+          ${this.error?a`<span class="text-sm text-destructive">${this.error}</span>`:null}
+        </div>
+      </div>
+    `}},I=`quickforge-default-options-settings-tab`;customElements.get(I)||customElements.define(I,ke);function Ae(){return document.createElement(I)}var je=`quickforge-backup`,Me=[{id:`settings`,countKey:`settings`,label:()=>b(`restoreSettings`),description:()=>b(`restoreSettingsDescription`)},{id:`mcp`,countKey:`mcp`,label:()=>b(`restoreMcp`),description:()=>b(`restoreMcpDescription`)},{id:`providerKeys`,countKey:`providerKeys`,label:()=>b(`restoreProviderKeys`),description:()=>b(`restoreProviderKeysDescription`)},{id:`customProviders`,countKey:`customProviders`,label:()=>b(`restoreCustomProviders`),description:()=>b(`restoreCustomProvidersDescription`)},{id:`projects`,countKey:`projects`,label:()=>b(`restoreProjects`),description:()=>b(`restoreProjectsDescription`)},{id:`scheduledTasks`,countKey:`scheduledTasks`,label:()=>b(`restoreScheduledTasks`),description:()=>b(`restoreScheduledTasksDescription`)},{id:`conversations`,countKey:`sessions`,label:()=>b(`restoreConversations`),description:()=>b(`restoreConversationsDescription`)}];function Ne(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 Pe(){return new Date().toISOString().replace(/[:.]/g,`-`)}function Fe(e){return e?Object.entries(e).map(([e,t])=>`${e}: ${t}`).join(`, `):``}function L(e){return Me.filter(t=>(e.sections?.[t.countKey]??0)>0)}var Ie=class extends o{exportScope=`all`;includeSecrets=!1;busy=!1;message=``;error=``;safetyBackupPath=``;pendingImport=null;getTabName(){return b(`backupRestore`)}setScope(e){this.exportScope=e===`config`||e===`sessions`?e:`all`,this.exportScope===`sessions`&&(this.includeSecrets=!1),this.clearStatus(),this.requestUpdate()}clearStatus(){this.message=``,this.error=``,this.safetyBackupPath=``}setIncludeSecrets(e){this.includeSecrets=e&&this.exportScope!==`sessions`,this.message=``,this.error=``,this.requestUpdate()}async exportBackup(){if(!(this.includeSecrets&&!await m({description:b(`backupExportSecretsConfirm`),confirmLabel:b(`exportBackup`),cancelLabel:b(`cancel`)}))){this.busy=!0,this.clearStatus(),this.requestUpdate();try{let e=new URLSearchParams({scope:this.exportScope,includeSecrets:this.includeSecrets?`1`:`0`}),t=await fetch(`/api/backup/export?${e.toString()}`,{cache:`no-store`}),n=await t.json().catch(()=>null);if(!t.ok)throw Error(n?.error||b(`backupExportFailed`));let r=this.includeSecrets?`with-secrets`:`no-secrets`;Ne(`${je}-${this.exportScope}-${r}-${Pe()}.json`,n),this.message=b(`backupExported`)}catch(e){this.error=e instanceof Error?e.message:b(`backupExportFailed`)}finally{this.busy=!1,this.requestUpdate()}}}async inspectBackup(e){let t=await fetch(`/api/backup/inspect`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify(e)}),n=await t.json().catch(()=>null);if(!t.ok)throw Error(n?.error||b(`backupInspectFailed`));if(!n)throw Error(b(`backupInspectFailed`));return n}async importBackupFromFile(e){this.busy=!0,this.clearStatus(),this.pendingImport=null,this.requestUpdate();try{let t=await e.text(),n=JSON.parse(t),r=await this.inspectBackup(n),i=new Set(L(r).map(e=>e.id));this.pendingImport={backup:n,inspect:r,selectedSections:i,mode:`replace`},this.message=b(`backupInspected`)}catch(e){this.error=e instanceof Error?e.message:b(`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=b(`selectAtLeastOneRestoreSection`),this.requestUpdate();return}this.busy=!0,this.clearStatus(),this.requestUpdate();try{let e=await fetch(`/api/backup/import`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({backup:this.pendingImport.backup,sections:[...this.pendingImport.selectedSections],mode:this.pendingImport.mode})}),t=await e.json().catch(()=>null);if(!e.ok)throw Error(t?.error||b(`backupImportFailed`));let n=Fe(t?.summary);this.safetyBackupPath=t?.safetyBackupPath||``,this.pendingImport=null,this.message=n?`${b(`backupImported`)} ${n}`:b(`backupImported`),window.setTimeout(()=>window.location.reload(),1500)}catch(e){this.error=e instanceof Error?e.message:b(`backupImportFailed`)}finally{this.busy=!1,this.requestUpdate()}}}handleFileChange(e){let t=e.target,n=t.files?.[0];t.value=``,n&&this.importBackupFromFile(n)}renderPendingImport(){if(!this.pendingImport)return null;let{inspect:e,selectedSections:t}=this.pendingImport,n=L(e);return a`
+      <section class="rounded-lg border border-amber-500/30 bg-amber-500/5 p-4">
+        <h4 class="text-sm font-semibold text-foreground">${b(`backupInspectTitle`)}</h4>
+        <dl class="mt-3 grid gap-1 text-sm text-muted-foreground">
+          <div><span class="text-foreground">${b(`backupInspectExportedAt`)}:</span> ${e.exportedAt||`-`}</div>
+          <div><span class="text-foreground">${b(`backupInspectVersion`)}:</span> ${e.version??`-`}</div>
+          <div><span class="text-foreground">${b(`backupInspectScope`)}:</span> ${e.scope||`-`}</div>
+          <div><span class="text-foreground">${b(`backupInspectSecrets`)}:</span> ${e.includeSecrets?b(`yes`):b(`no`)}</div>
+        </dl>
+
+        ${e.warnings?.length?a`
+          <div class="mt-3 rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-xs text-amber-700 dark:text-amber-300">
+            ${e.warnings.map(e=>a`<div>⚠ ${e}</div>`)}
+          </div>
+        `:null}
+
+        <div class="mt-4">
+          <div class="text-sm font-medium text-foreground">${b(`restoreMode`)}</div>
+          <div class="mt-2 grid gap-2">
+            <label class="flex items-start gap-2 rounded-md border border-border bg-background/60 p-3 text-sm ${this.pendingImport.mode===`replace`?`border-primary`:``}">
+              <input
+                class="mt-1"
+                type="radio"
+                name="restore-mode"
+                .checked=${this.pendingImport.mode===`replace`}
+                ?disabled=${this.busy}
+                @change=${()=>this.setRestoreMode(`replace`)}
+              />
+              <span>
+                <span class="block text-foreground">${b(`restoreModeReplace`)}</span>
+                <span class="block text-xs text-muted-foreground">${b(`restoreModeReplaceDescription`)}</span>
+              </span>
+            </label>
+            <label class="flex items-start gap-2 rounded-md border border-border bg-background/60 p-3 text-sm ${this.pendingImport.mode===`merge`?`border-primary`:``}">
+              <input
+                class="mt-1"
+                type="radio"
+                name="restore-mode"
+                .checked=${this.pendingImport.mode===`merge`}
+                ?disabled=${this.busy}
+                @change=${()=>this.setRestoreMode(`merge`)}
+              />
+              <span>
+                <span class="block text-foreground">${b(`restoreModeMerge`)}</span>
+                <span class="block text-xs text-muted-foreground">${b(`restoreModeMergeDescription`)}</span>
+              </span>
+            </label>
+          </div>
+        </div>
+
+        <div class="mt-4">
+          <div class="text-sm font-medium text-foreground">${b(`selectRestoreSections`)}</div>
+          <div class="mt-2 grid gap-2">
+            ${n.map(n=>a`
+              <label class="flex items-start gap-2 rounded-md border border-border bg-background/60 p-3 text-sm">
+                <input
+                  class="mt-1"
+                  type="checkbox"
+                  .checked=${t.has(n.id)}
+                  ?disabled=${this.busy}
+                  @change=${e=>this.togglePendingSection(n.id,e.target.checked)}
+                />
+                <span>
+                  <span class="block text-foreground">${n.label()} (${e.sections?.[n.countKey]??0})</span>
+                  <span class="block text-xs text-muted-foreground">${n.description()}</span>
+                </span>
+              </label>
+            `)}
+          </div>
+        </div>
+
+        <div class="mt-4 flex flex-wrap gap-2">
+          <button
+            class="rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground disabled:opacity-60"
+            type="button"
+            ?disabled=${this.busy||t.size===0}
+            @click=${()=>this.confirmPendingImport()}
+          >
+            ${this.busy?b(`loading`):b(`confirmImportSelected`)}
+          </button>
+          <button
+            class="rounded-md border border-input px-3 py-2 text-sm hover:bg-muted/60 disabled:opacity-60"
+            type="button"
+            ?disabled=${this.busy}
+            @click=${()=>this.cancelPendingImport()}
+          >
+            ${b(`cancel`)}
+          </button>
+        </div>
+      </section>
+    `}render(){return a`
+      <div class="flex flex-col gap-6">
+        <div>
+          <h3 class="mb-2 inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`backupRestore`)}
+            <quickforge-info-tip .label=${b(`backupRestoreDescription`)}></quickforge-info-tip>
+          </h3>
+        </div>
+
+        <section class="rounded-lg border border-border p-4">
+          <h4 class="inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`exportData`)}
+            <quickforge-info-tip .label=${b(`exportDataDescription`)}></quickforge-info-tip>
+          </h4>
+
+          <label class="mt-4 grid max-w-sm gap-1.5 text-sm">
+            <span class="text-foreground">${b(`exportScope`)}</span>
+            <select
+              class="rounded-md border border-input bg-background px-3 py-2 text-sm"
+              .value=${this.exportScope}
+              ?disabled=${this.busy}
+              @change=${e=>this.setScope(e.target.value)}
+            >
+              <option value="all">${b(`exportScopeAll`)}</option>
+              <option value="config">${b(`exportScopeConfig`)}</option>
+              <option value="sessions">${b(`exportScopeSessions`)}</option>
+            </select>
+          </label>
+
+          <label class="mt-4 flex max-w-sm items-start gap-2 text-sm text-foreground ${this.exportScope===`sessions`?`opacity-60`:``}">
+            <input
+              class="mt-1"
+              type="checkbox"
+              .checked=${this.includeSecrets}
+              ?disabled=${this.busy||this.exportScope===`sessions`}
+              @change=${e=>this.setIncludeSecrets(e.target.checked)}
+            />
+            <span>
+              <span class="block">${b(`includeApiKeys`)}</span>
+              <span class="block text-xs text-muted-foreground">${b(`includeApiKeysDescription`)}</span>
+            </span>
+          </label>
+
+          <button
+            class="mt-4 rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground disabled:opacity-60"
+            type="button"
+            ?disabled=${this.busy}
+            @click=${()=>this.exportBackup()}
+          >
+            ${this.busy?b(`loading`):b(`exportBackup`)}
+          </button>
+        </section>
+
+        <section class="rounded-lg border border-border p-4">
+          <h4 class="inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`importData`)}
+            <quickforge-info-tip .label=${b(`importDataDescription`)}></quickforge-info-tip>
+          </h4>
+
+          <label class="mt-4 inline-flex cursor-pointer rounded-md border border-input px-3 py-2 text-sm hover:bg-muted/60 ${this.busy?`pointer-events-none opacity-60`:``}">
+            <input
+              class="hidden"
+              type="file"
+              accept="application/json,.json"
+              ?disabled=${this.busy}
+              @change=${e=>this.handleFileChange(e)}
+            />
+            ${b(`importBackup`)}
+          </label>
+        </section>
+
+        ${this.renderPendingImport()}
+        ${this.message?a`<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.safetyBackupPath?a`<div class="rounded-md border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground">${b(`backupSafetyBackupPath`)}: <code>${this.safetyBackupPath}</code></div>`:null}
+        ${this.error?a`<div class="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">${this.error}</div>`:null}
+      </div>
+    `}},R=`quickforge-backup-settings-tab`;customElements.get(R)||customElements.define(R,Ie);function Le(){return document.createElement(R)}function z(e){if(!e)return`-`;let t=new Date(e);return Number.isNaN(t.getTime())?e:t.toLocaleString(S())}function B(e){let t={...e};return delete t.archivedAt,t}function V(){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 Re=class extends o{sessions=[];projects=[];loading=!0;busySessionId=``;query=``;projectFilter=`all`;message=``;error=``;getTabName(){return b(`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||b(`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:b(`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`${_(t.title)} ${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`?b(`normalChat`):this.projectNameById.get(e)||b(`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(b(`sessionNotFound`));await t.sessions.save(B(n),B(r)),this.sessions=this.sessions.filter(t=>t.id!==e),this.message=b(`sessionRestored`),V()}catch(e){this.error=e instanceof Error?e.message:b(`restoreSessionFailed`)}finally{this.busySessionId=``,this.requestUpdate()}}}async deleteSession(e){if(!this.busySessionId&&await m({description:b(`deleteArchivedSessionConfirm`,{title:_(e.title)}),confirmLabel:b(`confirmDelete`),cancelLabel:b(`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=b(`archivedSessionDeleted`),V()}catch(e){this.error=e instanceof Error?e.message:b(`deleteSessionFailed`)}finally{this.busySessionId=``,this.requestUpdate()}}}async deleteAllArchivedSessions(){if(!(this.busySessionId||this.sessions.length===0)&&await m({description:b(`deleteAllArchivedSessionsConfirm`),confirmLabel:b(`confirmDelete`),cancelLabel:b(`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=b(`archivedSessionsDeleted`),V()}catch(e){this.error=e instanceof Error?e.message:b(`deleteSessionFailed`)}finally{this.busySessionId=``,this.requestUpdate()}}}renderSession(e){let t=this.busySessionId===e.id||this.busySessionId===`__all__`;return a`
+      <div class="border-t border-border px-4 py-3 first:border-t-0">
+        <div class="flex items-start justify-between gap-3">
+          <div class="min-w-0">
+            <div class="truncate text-sm font-medium text-foreground">${_(e.title)}</div>
+            <div class="mt-1 text-xs text-muted-foreground">
+              ${b(`lastModified`)}: ${z(e.lastModified)} · ${b(`archivedAt`)}: ${z(e.archivedAt)}
+            </div>
+          </div>
+          <div class="flex shrink-0 items-center gap-2">
+            <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)}
+            >
+              ${b(`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)}
+            >
+              ${b(`deletePermanently`)}
+            </button>
+          </div>
+        </div>
+      </div>
+    `}render(){let e=this.groupedSessions(),t=!!this.busySessionId;return a`
+      <div class="flex flex-col gap-4">
+        <div class="flex items-center justify-between gap-3">
+          <div>
+            <h3 class="text-sm font-semibold text-foreground">${b(`archivedConversations`)}</h3>
+            <p class="mt-1 text-xs text-muted-foreground">${b(`archivedConversationsDescription`)}</p>
+          </div>
+          <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=${t||this.sessions.length===0}
+            @click=${()=>this.deleteAllArchivedSessions()}
+          >
+            ${b(`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=${b(`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">${b(`allProjects`)}</option>
+              <option value="global">${b(`normalChat`)}</option>
+              ${this.projects.map(e=>a`<option value=${e.id}>${e.name}</option>`)}
+            </select>
+          </div>
+
+          ${this.loading?a`
+            <div class="px-4 py-8 text-center text-sm text-muted-foreground">${b(`loading`)}</div>
+          `:e.length===0?a`
+            <div class="px-4 py-8 text-center text-sm text-muted-foreground">${b(`noArchivedConversations`)}</div>
+          `:a`
+            <div>
+              ${e.map(([e,t])=>a`
+                <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">${b(`conversationCount`,{count:t.length})}</div>
+                  </div>
+                  ${t.map(e=>this.renderSession(e))}
+                </div>
+              `)}
+            </div>
+          `}
+        </section>
+
+        ${this.message?a`<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?a`<div class="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">${this.error}</div>`:null}
+      </div>
+    `}},H=`quickforge-archived-conversations-settings-tab`;customElements.get(H)||customElements.define(H,Re);function ze(){return document.createElement(H)}var Be=3e4,Ve=800;function He(e){return new Promise(t=>window.setTimeout(t,e))}function Ue(e){if(!e)return`-`;let t=new Date(e);return Number.isNaN(t.getTime())?e:t.toLocaleString(S())}function We(){return`custom_${globalThis.crypto?.randomUUID?.().slice(0,8)||Date.now().toString(36)}`}function Ge(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 Ke=a`
+  <svg class="size-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+    <path d="M3.5 8.2 6.6 11.3 12.7 4.7" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
+  </svg>
+`,qe=a`
+  <svg class="size-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+    <circle cx="8" cy="8" r="4.8" stroke="currentColor" stroke-width="1.5" />
+  </svg>
+`,Je=a`
+  <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>
+`,Ye=class extends o{status;loading=!0;restarting=!1;message=``;error=``;terminalShellConfig={terminalShell:`auto`,defaultProfileId:`auto`,profiles:[]};customShellCommand=``;getTabName(){return b(`backendService`)}async connectedCallback(){super.connectedCallback(),await Promise.all([this.loadStatus(),this.loadTerminalShell()])}customShellProfiles(){return this.terminalShellConfig.profiles.filter(e=>!e.builtin)}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||b(`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:b(`requestFailed`)}finally{this.requestUpdate()}}async saveTerminalShellConfig(e,t=this.customShellProfiles(),n=b(`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||b(`requestFailed`));this.terminalShellConfig=i,this.message=n,this.error=``}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.requestUpdate()}}async addCustomTerminalShell(){let e=this.customShellCommand.trim();if(!e){this.error=b(`terminalShellProfileRequired`),this.requestUpdate();return}let t=[...this.customShellProfiles(),{id:We(),name:Ge(e),command:e,builtin:!1}];this.customShellCommand=``,await this.saveTerminalShellConfig(this.terminalShellConfig.defaultProfileId,t,b(`terminalShellProfilesSaved`))}async deleteCustomTerminalShell(e){let t=this.terminalShellConfig.profiles.find(t=>t.id===e);if(!t||t.builtin||!await m({description:b(`terminalShellDeleteConfirm`,{name:t.name}),confirmLabel:b(`confirmDelete`),cancelLabel:b(`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,b(`terminalShellProfilesSaved`))}async loadStatus(){this.loading=!0,this.error=``,this.requestUpdate();try{let e=await fetch(`/api/health`,{cache:`no-store`}),t=await e.json().catch(()=>null);if(!e.ok)throw Error(t?.error||b(`requestFailed`));this.status=t}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}async pollUntilRestarted(e){let t=Date.now();for(;Date.now()-t<Be;){await He(Ve);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=b(`backendRestarted`),this.requestUpdate(),window.setTimeout(()=>window.location.reload(),300);return}}catch{}}throw Error(b(`backendRestartTimeout`))}async restartService(){if(!this.status||this.restarting||!await m({description:b(`restartBackendConfirm`),confirmLabel:b(`restartBackendService`),cancelLabel:b(`cancel`)}))return;this.restarting=!0,this.message=b(`backendRestarting`),this.error=``,this.requestUpdate();let e=this.status.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(n?.error||b(`backendRestartFailed`));await this.pollUntilRestarted(e)}catch(e){this.error=e instanceof Error?e.message:b(`backendRestartFailed`),this.message=``,this.restarting=!1,this.requestUpdate()}}statusRows(){return this.status?a`
+      <dl class="grid gap-3 text-sm">
+        ${[[b(`serviceMode`),this.status.mode],[b(`servicePid`),String(this.status.pid)],[b(`serviceStartedAt`),Ue(this.status.startedAt)],[b(`serviceDataDir`),this.status.dataDir],[b(`serviceWorkspace`),this.status.workspaceRoot]].map(([e,t])=>a`
+          <div class="grid gap-1 sm:grid-cols-[120px_1fr] sm:gap-3">
+            <dt class="text-muted-foreground">${e}</dt>
+            <dd class="min-w-0 break-all text-foreground">${t}</dd>
+          </div>
+        `)}
+      </dl>
+    `:null}shellProfileRow(e,t=!1){let n=e.id===this.terminalShellConfig.defaultProfileId||this.terminalShellConfig.defaultProfileId===`auto`&&t;return a`
+      <div class="flex min-w-0 items-center gap-3 border-b px-1.5 py-2 last:border-b-0 hover:bg-muted/5" style="border-bottom-color: color-mix(in oklab, var(--border) 32%, transparent);">
+        <div class="min-w-0 flex-1">
+          <div class="truncate text-sm font-medium text-foreground/90">${e.name}</div>
+          <div class="truncate font-mono text-xs text-muted-foreground/55" title=${e.command}>${e.command}</div>
+        </div>
+        <div class="flex shrink-0 items-center gap-1">
+          ${n?a`
+              <span class="inline-flex size-7 items-center justify-center rounded-md text-emerald-500/85" title=${b(`terminalShellDefaultBadge`)} aria-label=${b(`terminalShellDefaultBadge`)}>
+                ${Ke}
+              </span>
+            `:a`
+              <button
+                class="inline-flex size-7 items-center justify-center rounded-md text-muted-foreground/55 hover:bg-muted/20 hover:text-foreground/85"
+                type="button"
+                title=${b(`terminalShellSetDefault`)}
+                aria-label=${b(`terminalShellSetDefault`)}
+                @click=${()=>this.saveTerminalShellConfig(e.id)}
+              >
+                ${qe}
+              </button>
+            `}
+          ${e.builtin?null:a`
+              <button
+                class="inline-flex size-7 items-center justify-center rounded-md text-muted-foreground/55 hover:bg-destructive/10 hover:text-destructive"
+                type="button"
+                title=${b(`delete`)}
+                aria-label=${b(`delete`)}
+                @click=${()=>this.deleteCustomTerminalShell(e.id)}
+              >
+                ${Je}
+              </button>
+            `}
+        </div>
+      </div>
+    `}terminalShellSettings(){let e=this.terminalShellConfig.profiles;return a`
+      <section class="rounded-lg border border-border p-4">
+        <div>
+          <h4 class="inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`terminalShell`)}
+            <quickforge-info-tip .label=${b(`terminalShellDescription`)}></quickforge-info-tip>
+          </h4>
+          <p class="mt-1 text-xs text-muted-foreground/60">${b(`terminalShellAutoDetectedHint`)}</p>
+        </div>
+
+        <div class="mt-4 overflow-hidden rounded-lg border bg-transparent" style="border-color: color-mix(in oklab, var(--border) 36%, transparent);">
+          ${e.length>0?e.map((e,t)=>this.shellProfileRow(e,t===0)):a`<div class="px-2 py-3 text-sm text-muted-foreground">${b(`terminalShellNoDetected`)}</div>`}
+        </div>
+
+        <div class="mt-3 grid gap-2 sm:grid-cols-[1fr_auto] sm:items-end">
+          <label class="grid gap-1 text-sm">
+            <span class="text-xs text-muted-foreground/70">${b(`terminalShellCommand`)}</span>
+            <input
+              class="h-9 rounded-md border border-border bg-background px-3 font-mono text-sm text-foreground outline-none focus:border-ring"
+              type="text"
+              .value=${this.customShellCommand}
+              placeholder=${b(`terminalShellCommandPlaceholder`)}
+              @input=${e=>{this.customShellCommand=e.target.value}}
+            />
+          </label>
+          <button
+            class="h-9 rounded-md bg-primary px-3 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-60"
+            type="button"
+            title=${b(`terminalShellAdd`)}
+            aria-label=${b(`terminalShellAdd`)}
+            @click=${()=>this.addCustomTerminalShell()}
+          >
+            ${b(`terminalShellAdd`)}
+          </button>
+        </div>
+      </section>
+    `}render(){if(this.loading)return a`<div class="text-sm text-muted-foreground">${b(`loading`)}</div>`;let e=this.status?.restartUnsupportedReason||b(`backendRestartUnsupported`),t=this.restarting||!this.status?.restartSupported;return a`
+      <div class="flex flex-col gap-6">
+        <div>
+          <h3 class="mb-2 inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`backendService`)}
+            <quickforge-info-tip .label=${b(`backendServiceDescription`)}></quickforge-info-tip>
+          </h3>
+        </div>
+
+        <section class="rounded-lg border border-border p-4">
+          <h4 class="text-sm font-semibold text-foreground">${b(`backendServiceStatus`)}</h4>
+          <div class="mt-4">${this.statusRows()}</div>
+        </section>
+
+        ${this.terminalShellSettings()}
+
+        <section class="rounded-lg border border-border p-4">
+          <h4 class="inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`restartBackendService`)}
+            <quickforge-info-tip .label=${b(`restartBackendServiceDescription`)}></quickforge-info-tip>
+          </h4>
+
+          ${this.status?.restartSupported?null:a`<div class="mt-4 rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-sm text-amber-700 dark:text-amber-300">${e}</div>`}
+
+          <button
+            class="mt-4 rounded-md bg-destructive px-3 py-2 text-sm text-destructive-foreground disabled:opacity-60"
+            type="button"
+            ?disabled=${t}
+            @click=${()=>this.restartService()}
+          >
+            ${this.restarting?b(`backendRestarting`):b(`restartBackendService`)}
+          </button>
+        </section>
+
+        ${this.message?a`<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?a`<div class="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">${this.error}</div>`:null}
+      </div>
+    `}},U=`quickforge-service-settings-tab`;customElements.get(U)||customElements.define(U,Ye);function Xe(){return document.createElement(U)}function Ze(){return Array.from({length:16},()=>`ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz23456789!@#$%^&*`[Math.floor(Math.random()*65)]).join(``)}var Qe=class extends o{loading=!0;saving=!1;enabled=!1;hasPassword=!1;password=``;sessionTtlHours=12;activeTokenCount=0;lanUrls=[];error=``;message=``;getTabName(){return b(`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||b(`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.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:b(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}updatePassword(e){this.password=e,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=b(`lanAccessPasswordRequired`),this.requestUpdate();return}if(this.password.trim()&&this.password.trim().length<8){this.error=b(`lanAccessPasswordTooShort`),this.requestUpdate();return}if(!(this.enabled&&!await m({description:b(`lanAccessEnableConfirm`),confirmLabel:b(`enabled`),cancelLabel:b(`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.message=b(`lanAccessSaved`)}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.saving=!1,this.requestUpdate()}}}}async revokeAll(){if(await m({description:b(`lanAccessRevokeAllConfirm`),confirmLabel:b(`lanAccessRevokeAll`),cancelLabel:b(`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=b(`lanAccessRevoked`)}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.saving=!1,this.requestUpdate()}}}render(){return this.loading?a`<div class="text-sm text-muted-foreground">${b(`loading`)}</div>`:a`
+      <div class="flex flex-col gap-6">
+        <div>
+          <h3 class="mb-2 inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`lanAccess`)}
+            <quickforge-info-tip .label=${b(`lanAccessDescription`)}></quickforge-info-tip>
+          </h3>
+        </div>
+
+        <section class="rounded-lg border border-amber-500/30 bg-amber-500/10 p-4 text-sm text-amber-800 dark:text-amber-200">
+          ${b(`lanAccessRiskWarning`)}
+        </section>
+
+        <section class="rounded-lg border border-border p-4">
+          <h4 class="text-sm font-semibold text-foreground">${b(`lanAccessStatus`)}</h4>
+          <dl class="mt-4 grid gap-3 text-sm">
+            <div class="grid gap-1 sm:grid-cols-[140px_1fr] sm:gap-3">
+              <dt class="text-muted-foreground">${b(`lanAccessEnabled`)}</dt>
+              <dd>${this.enabled?b(`enabled`):b(`disabled`)}</dd>
+            </div>
+            <div class="grid gap-1 sm:grid-cols-[140px_1fr] sm:gap-3">
+              <dt class="text-muted-foreground">${b(`lanAccessPassword`)}</dt>
+              <dd>${this.hasPassword?b(`configured`):b(`notConfigured`)}</dd>
+            </div>
+            <div class="grid gap-1 sm:grid-cols-[140px_1fr] sm:gap-3">
+              <dt class="text-muted-foreground">${b(`lanAccessActiveDevices`)}</dt>
+              <dd>${this.activeTokenCount}</dd>
+            </div>
+            <div class="grid gap-1 sm:grid-cols-[140px_1fr] sm:gap-3">
+              <dt class="text-muted-foreground">${b(`lanAccessUrls`)}</dt>
+              <dd class="min-w-0 break-all">${this.lanUrls.length?this.lanUrls.map(e=>a`<div>${e}</div>`):`-`}</dd>
+            </div>
+          </dl>
+        </section>
+
+        <section class="rounded-lg border border-border p-4">
+          <label class="flex items-center gap-2 text-sm font-medium text-foreground">
+            <input type="checkbox" .checked=${this.enabled} @change=${e=>this.updateEnabled(e.target.checked)} />
+            ${b(`lanAccessAllowFull`)}
+          </label>
+
+          <label class="mt-4 block text-sm font-medium text-foreground">
+            ${b(`lanAccessPassword`)}
+            <div class="mt-2 flex flex-col gap-3 sm:flex-row">
+              <input class="h-10 min-w-0 flex-1 rounded-md border border-input bg-background px-3 text-sm" type="password" .value=${this.password} @input=${e=>this.updatePassword(e.target.value)} placeholder=${this.hasPassword?b(`lanAccessPasswordPlaceholderConfigured`):b(`lanAccessPasswordPlaceholder`)} />
+              <button class="rounded-md border border-input px-3 py-2 text-sm" type="button" @click=${()=>this.updatePassword(Ze())}>${b(`generatePassword`)}</button>
+            </div>
+          </label>
+
+          <label class="mt-4 block text-sm font-medium text-foreground">
+            ${b(`lanAccessSessionTtl`)}
+            <select class="mt-2 h-10 w-full rounded-md border border-input bg-background px-3 text-sm" .value=${String(this.sessionTtlHours)} @change=${e=>this.updateTtl(e.target.value)}>
+              <option value="1">1 ${b(`hour`)}</option>
+              <option value="12">12 ${b(`hours`)}</option>
+              <option value="24">24 ${b(`hours`)}</option>
+              <option value="168">7 ${b(`days`)}</option>
+            </select>
+          </label>
+
+          <div class="mt-4 flex flex-wrap gap-2">
+            <button class="rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground disabled:opacity-60" type="button" ?disabled=${this.saving} @click=${()=>this.saveSettings()}>${this.saving?b(`saving`):b(`save`)}</button>
+            <button class="rounded-md border border-destructive/40 px-3 py-2 text-sm text-destructive disabled:opacity-60" type="button" ?disabled=${this.saving} @click=${()=>this.revokeAll()}>${b(`lanAccessRevokeAll`)}</button>
+          </div>
+        </section>
+
+        ${this.message?a`<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?a`<div class="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">${this.error}</div>`:null}
+      </div>
+    `}},W=`quickforge-lan-access-settings-tab`;customElements.get(W)||customElements.define(W,Qe);function $e(){return document.createElement(W)}var et=18e4,tt=1e3;function nt(e){return new Promise(t=>window.setTimeout(t,e))}var rt=[{value:`startup`,label:()=>b(`frequencyStartup`)},{value:`daily`,label:()=>b(`frequencyDaily`)},{value:`weekly`,label:()=>b(`frequencyWeekly`)},{value:`off`,label:()=>b(`frequencyOff`)}],it=class extends o{about;updateInfo;loading=!0;checking=!1;updating=!1;message=``;error=``;frequency=ce.frequency;lastCheckAt=null;getTabName(){return b(`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||b(`requestFailed`));this.about=t;try{let e=await v(s());this.frequency=e.frequency,this.lastCheckAt=e.lastCheckAt}catch{}}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}async checkUpdate(){if(!(this.checking||this.updating)){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||b(`updateCheckFailed`));this.updateInfo=t,this.about=t,this.updateInfo.updateAvailable?this.message=b(`updateAvailableMessage`,{current:this.updateInfo.currentVersion,latest:this.updateInfo.latestVersion}):this.updateInfo.localVersionIsNewer?this.message=b(`localVersionNewerMessage`,{current:this.updateInfo.currentVersion,latest:this.updateInfo.latestVersion}):this.message=b(`alreadyLatestVersion`,{version:this.updateInfo.currentVersion})}catch(e){this.error=e instanceof Error?e.message:b(`updateCheckFailed`)}finally{this.checking=!1,this.requestUpdate()}}}async pollUntilUpdated(e){let t=Date.now();for(;Date.now()-t<et;){await nt(tt);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=b(`updateRestarted`),this.requestUpdate(),window.setTimeout(()=>window.location.reload(),300);return}}catch{}}throw Error(b(`updateRestartTimeout`))}async updateQuickForge(){if(!(!this.updateInfo?.updateAvailable||this.updating)&&await m({description:b(`updateConfirm`,{command:this.updateInfo.installCommand}),confirmLabel:b(`updateNow`),cancelLabel:b(`cancel`)})){this.updating=!0,this.message=b(`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?.error||b(`updateFailed`));if(this.updateInfo=t,t?.updateStarted){let e=t.logFile?` ${b(`updateLogFile`,{path:t.logFile})}`:``;this.message=`${b(`updateStarted`)}${e}`,this.requestUpdate(),await this.pollUntilUpdated(t.bootId)}else this.message=t?.updated?b(`updateCompleted`):b(`alreadyLatestVersion`,{version:t?.currentVersion||this.about?.version||`-`}),this.updating=!1}catch(e){this.error=e instanceof Error?e.message:b(`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 pe(t,{...await v(t),frequency:e}),this.error=``}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.requestUpdate()}}}renderFrequencyOption(e){return a`
+      <button
+        type="button"
+        class="rounded-md border px-3 py-1.5 text-sm transition-colors ${this.frequency===e.value?`border-primary bg-primary text-primary-foreground`:`border-border bg-background text-foreground hover:bg-accent`}"
+        @click=${()=>this.selectFrequency(e.value)}
+      >
+        ${e.label()}
+      </button>
+    `}infoRows(){let e=this.about;return e?a`
+      <dl class="grid gap-3 text-sm">
+        ${[[b(`packageName`),e.name],[b(`currentVersion`),e.version]].map(([e,t])=>a`
+          <div class="grid gap-1 sm:grid-cols-[120px_1fr] sm:gap-3">
+            <dt class="text-muted-foreground">${e}</dt>
+            <dd class="min-w-0 break-all text-foreground">${t}</dd>
+          </div>
+        `)}
+        <div class="grid gap-1 sm:grid-cols-[120px_1fr] sm:gap-3">
+          <dt class="text-muted-foreground">${b(`github`)}</dt>
+          <dd class="min-w-0 break-all">
+            <a class="text-primary underline-offset-4 hover:underline" href=${e.repositoryUrl} target="_blank" rel="noreferrer">
+              ${e.repositoryUrl}
+            </a>
+          </dd>
+        </div>
+      </dl>
+    `:null}updateStatus(){return this.updateInfo?a`
+      <div class="mt-4 rounded-lg border bg-transparent p-3 text-sm" style="border-color: color-mix(in oklab, var(--border) 36%, transparent);">
+        <div class="grid gap-2 sm:grid-cols-[120px_1fr] sm:gap-3">
+          <span class="text-muted-foreground">${b(`latestVersion`)}</span>
+          <span class="text-foreground">${this.updateInfo.latestVersion}</span>
+        </div>
+        <div class="mt-2 grid gap-2 sm:grid-cols-[120px_1fr] sm:gap-3">
+          <span class="text-muted-foreground">${b(`updateCommand`)}</span>
+          <code class="min-w-0 break-all rounded bg-muted/20 px-1.5 py-0.5 font-mono text-xs text-foreground/90">${this.updateInfo.installCommand}</code>
+        </div>
+        ${this.updateInfo.logFile?a`
+          <div class="mt-2 grid gap-2 sm:grid-cols-[120px_1fr] sm:gap-3">
+            <span class="text-muted-foreground">${b(`updateLog`)}</span>
+            <code class="min-w-0 break-all rounded bg-muted/20 px-1.5 py-0.5 font-mono text-xs text-foreground/90">${this.updateInfo.logFile}</code>
+          </div>
+        `:null}
+      </div>
+    `:null}render(){if(this.loading)return a`<div class="text-sm text-muted-foreground">${b(`loading`)}</div>`;let e=this.checking||this.updating||!this.updateInfo?.updateAvailable;return a`
+      <div class="flex flex-col gap-6">
+        <div>
+          <h3 class="mb-2 inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`aboutQuickForge`)}
+            <quickforge-info-tip .label=${b(`aboutQuickForgeDescription`)}></quickforge-info-tip>
+          </h3>
+        </div>
+
+        <section class="rounded-lg border border-border p-4">
+          <h4 class="text-sm font-semibold text-foreground">${b(`projectInfo`)}</h4>
+          <div class="mt-4">${this.infoRows()}</div>
+        </section>
+
+        <section class="rounded-lg border border-border p-4">
+          <h4 class="inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`checkUpdate`)}
+            <quickforge-info-tip .label=${b(`checkUpdateDescription`)}></quickforge-info-tip>
+          </h4>
+
+          <div class="mt-4">
+            <div class="text-sm font-medium text-foreground">${b(`updateFrequencySection`)}</div>
+            <div class="mt-1 text-xs text-muted-foreground">${b(`updateFrequencyDescription`)}</div>
+            <div class="mt-2 flex flex-wrap gap-2">
+              ${rt.map(e=>this.renderFrequencyOption(e))}
+            </div>
+            <div class="mt-2 text-xs text-muted-foreground">${this.lastCheckAt?b(`lastCheckedAt`,{time:new Date(this.lastCheckAt).toLocaleString(S())}):b(`lastCheckedNever`)}</div>
+          </div>
+
+          <div class="my-4 border-t border-border"></div>
+
+          ${this.updateStatus()}
+
+          <div class="mt-4 flex flex-wrap gap-2">
+            <button
+              class="rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground hover:bg-muted/20 disabled:opacity-60"
+              type="button"
+              ?disabled=${this.checking||this.updating}
+              @click=${()=>this.checkUpdate()}
+            >
+              ${this.checking?b(`checkingUpdate`):b(`checkUpdate`)}
+            </button>
+            <button
+              class="rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-60"
+              type="button"
+              ?disabled=${e}
+              @click=${()=>this.updateQuickForge()}
+            >
+              ${this.updating?b(`updatingQuickForge`):b(`updateNow`)}
+            </button>
+          </div>
+        </section>
+
+        ${this.message?a`<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?a`<div class="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">${this.error}</div>`:null}
+      </div>
+    `}},G=`quickforge-about-settings-tab`;customElements.get(G)||customElements.define(G,it);function at(){return document.createElement(G)}var ot=class extends o{loading=!0;saving=!1;saved=!1;error=``;message=``;projects=[];project;commandDir=``;commands=[];loadingCommands=!1;getTabName(){return b(`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||b(`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:``,await this.loadCommands()}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.loading=!1,this.requestUpdate()}}selectProject(e){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.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.requestUpdate()}async save(){if(!(!this.project||this.saving)){this.saving=!0,this.saved=!1,this.error=``,this.message=``,this.requestUpdate();try{let e=await this.request(`/api/project/${encodeURIComponent(this.project.id)}/command-dir`,{method:`PUT`,body:JSON.stringify({commandDir:this.commandDir})});if(this.project=e?.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:``,this.saved=!0,await this.loadCommands()}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.saving=!1,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:b(`requestFailed`),this.requestUpdate()}}}async createCommand(){if(!this.project)return;let e=window.prompt(b(`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=b(`commandCreated`,{name:t.name??e.trim()}),await this.loadCommands()):t.reason===`exists`?this.error=b(`commandAlreadyExists`,{name:t.name??e.trim()}):this.error=b(`invalidCommandName`)}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.requestUpdate()}}}render(){return this.loading?a`<div class="text-sm text-muted-foreground">${b(`loading`)}</div>`:this.projects.length===0?a`
+        <div class="flex flex-col gap-3">
+          <h3 class="text-sm font-semibold text-foreground">${b(`projectCommands`)}</h3>
+          <p class="text-sm text-muted-foreground">${b(`selectProjectForCommands`)}</p>
+          ${this.error?a`<div class="text-sm text-destructive">${this.error}</div>`:null}
+        </div>
+      `:a`
+      <div class="flex flex-col gap-6">
+        <div>
+          <h3 class="mb-2 text-sm font-semibold text-foreground">
+            ${b(`projectCommands`)}
+            <quickforge-info-tip .label=${b(`projectCommandsDescription`)}></quickforge-info-tip>
+          </h3>
+        </div>
+
+        <div class="grid max-w-xl gap-1.5 text-sm">
+          <span class="text-foreground">${b(`project`)}</span>
+          <select
+            class="rounded-md border border-input bg-background px-3 py-2 text-sm"
+            .value=${this.project?.id??``}
+            @change=${e=>this.selectProject(e)}
+          >
+            ${this.projects.map(e=>a`<option value=${e.id} ?selected=${e.id===this.project?.id}>${e.name}</option>`)}
+          </select>
+          ${this.project?.path?a`<span class="break-all text-xs text-muted-foreground">${this.project.path}</span>`:null}
+        </div>
+
+        <label class="grid max-w-xl gap-1.5 text-sm">
+          <span class="inline-flex items-center gap-1.5 text-foreground">
+            ${b(`commandDirectories`)}
+            <quickforge-info-tip .label=${b(`commandDirectoryHelp`)}></quickforge-info-tip>
+          </span>
+          <textarea
+            class="min-h-28 rounded-md border border-input bg-background px-3 py-2 text-sm"
+            .value=${this.commandDir}
+            placeholder=${b(`commandDirectoryPlaceholder`)}
+            @input=${e=>this.updateCommandDir(e.target.value)}
+          ></textarea>
+        </label>
+
+        <div class="rounded-lg border border-border p-4 text-xs leading-5 text-muted-foreground">
+          <div class="mb-1 font-medium text-foreground">${b(`commandDirectoryExamples`)}</div>
+          <ul class="list-disc space-y-1 pl-5">
+            <li>.ai/commands</li>
+            <li>.claude/commands</li>
+            <li>.opencode/commands</li>
+            <li>D:\\shared\\ai-commands</li>
+          </ul>
+        </div>
+
+        <div class="flex flex-wrap items-center gap-3">
+          <button
+            class="rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground disabled:opacity-60"
+            type="button"
+            ?disabled=${this.saving}
+            @click=${()=>this.save()}
+          >
+            ${this.saving?b(`saving`):b(`save`)}
+          </button>
+          ${this.saved?a`<span class="text-sm text-muted-foreground">${b(`projectCommandsSaved`)}</span>`:null}
+          ${this.message?a`<span class="text-sm text-muted-foreground">${this.message}</span>`:null}
+          ${this.error?a`<span class="text-sm text-destructive">${this.error}</span>`:null}
+        </div>
+
+        <section class="rounded-lg border border-border p-4">
+          <div class="mb-3 flex flex-wrap items-center justify-between gap-2">
+            <h4 class="text-sm font-semibold text-foreground">
+              ${b(`loadedCommands`,{count:this.commands.length})}
+            </h4>
+            <div class="flex items-center gap-2">
+              <button
+                class="rounded-md border border-border px-3 py-1.5 text-xs text-foreground hover:bg-muted/50 disabled:opacity-60"
+                type="button"
+                ?disabled=${this.loadingCommands}
+                @click=${()=>this.openCommandDir()}
+              >
+                ${b(`openCommandDir`)}
+              </button>
+              <button
+                class="rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground hover:bg-primary/90 disabled:opacity-60"
+                type="button"
+                ?disabled=${this.loadingCommands}
+                @click=${()=>this.createCommand()}
+              >
+                ${b(`createCommand`)}
+              </button>
+            </div>
+          </div>
+
+          ${this.loadingCommands?a`<div class="text-sm text-muted-foreground">${b(`loading`)}</div>`:this.commands.length===0?a`<p class="text-sm text-muted-foreground">${b(`noCommandsLoaded`)}</p>`:a`<ul class="grid gap-2">
+                  ${this.commands.map(e=>{let t=e.argumentHint?` ${e.argumentHint}`:``;return a`
+                      <li class="grid gap-0.5 text-sm">
+                        <span class="text-foreground">
+                          <code class="text-xs">/${e.name}${t}</code>
+                          ${e.description?a` — <span class="text-muted-foreground">${e.description}</span>`:null}
+                        </span>
+                        ${e.relativePath?a`<span class="text-xs text-muted-foreground">${e.relativePath}</span>`:null}
+                      </li>
+                    `})}
+                </ul>`}
+        </section>
+      </div>
+    `}},K=`quickforge-project-commands-settings-tab`;customElements.get(K)||customElements.define(K,ot);function st(){return document.createElement(K)}var q={"x-quickforge-action":`channel-action`};function ct(e){switch(e){case`running`:return`border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300`;case`waiting_scan`:case`starting`:case`stopping`:return`border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300`;case`error`:return`border-destructive/30 bg-destructive/10 text-destructive`;default:return`border-border bg-muted/15 text-muted-foreground`}}function lt(e){switch(e){case`starting`:return b(`channelStatusStarting`);case`waiting_scan`:return b(`channelStatusWaitingScan`);case`running`:return b(`channelStatusRunning`);case`stopping`:return b(`channelStatusStopping`);case`error`:return b(`channelStatusError`);default:return b(`channelStatusStopped`)}}function ut(e){if(!e)return`-`;let t=new Date(e);return Number.isNaN(t.getTime())?e:t.toLocaleString()}var dt=class extends o{loading=!0;channels=[];workspaces=[];selectedWorkspaceIdByChannel={};error=``;message=``;eventSource;busyChannelId=``;getTabName(){return b(`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||b(`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:b(`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:b(`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:b(`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}if(e.channelId&&e.log){let t=this.channels.find(t=>t.id===e.channelId);t&&(t.logs=[...t.logs||[],e.log].slice(-300),this.requestUpdate())}}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 m({description:b(`channelRestartConfirm`,{name:e.name}),confirmLabel:b(`restart`),cancelLabel:b(`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?{...q,"content-type":`application/json`}:q,body:n?JSON.stringify(n):void 0});this.upsertChannel(r)}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.busyChannelId=``,this.requestUpdate()}}}async invokeAction(e,t){if(!this.busyChannelId&&!((t.destructive||t.id===`relogin`)&&!await m({description:t.id===`relogin`?b(`channelReloginConfirm`,{name:e.name}):b(`channelLogoutConfirm`,{name:e.name}),confirmLabel:t.label,cancelLabel:b(`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?{...q,"content-type":`application/json`}:q,body:n?JSON.stringify(n):void 0});this.upsertChannel(r)}catch(e){this.error=e instanceof Error?e.message:b(`requestFailed`)}finally{this.busyChannelId=``,this.requestUpdate()}}}workspaceSection(e,t){if(!e.supportsWorkspaceSelection)return null;let n=this.selectedWorkspaceId(e),r=e.launchWorkspace;return a`
+      <div class="mt-4 rounded-lg border border-border bg-muted/10 p-3">
+        <label class="inline-flex items-center gap-1.5 text-sm font-medium text-foreground" for=${`channel-workspace-${e.id}`}>
+          ${b(`channelWorkspace`)}
+          <quickforge-info-tip .label=${b(`channelWorkspaceDescription`)}></quickforge-info-tip>
+        </label>
+        <select
+          id=${`channel-workspace-${e.id}`}
+          class="mt-3 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground disabled:opacity-60"
+          ?disabled=${t}
+          .value=${n}
+          @change=${t=>this.handleWorkspaceChange(e,t)}
+        >
+          ${this.workspaces.map(e=>a`
+            <option value=${e.id}>${e.kind===`default`?b(`channelDefaultWorkspace`):e.name} — ${e.path}</option>
+          `)}
+        </select>
+        ${r?a`<div class="mt-2 text-xs text-muted-foreground">${b(`channelCurrentWorkspace`)}: <span class="font-mono">${r.path}</span></div>`:null}
+      </div>
+    `}channelMeta(e){return a`
+      <dl class="grid gap-2 text-sm">
+        ${[[b(`channelProvider`),e.provider||`-`],[b(`channelCommand`),e.commandLabel||`-`],[b(`channelPid`),e.pid?String(e.pid):`-`],[b(`channelStartedAt`),ut(e.startedAt)]].map(([e,t])=>a`
+          <div class="grid gap-1 sm:grid-cols-[112px_1fr] sm:gap-3">
+            <dt class="text-muted-foreground">${e}</dt>
+            <dd class="min-w-0 break-all ${e===b(`channelCommand`)?`font-mono text-xs`:`text-foreground`}">${t}</dd>
+          </div>
+        `)}
+      </dl>
+    `}qrSection(e){return!e.qrCodeText&&!e.qrCodeUrl&&e.status!==`waiting_scan`?null:a`
+      <div class="mt-4 rounded-lg border border-border bg-muted/10 p-3">
+        <div class="inline-flex items-center gap-1.5 text-sm font-medium text-foreground">
+          ${b(`channelQrTitle`)}
+          <quickforge-info-tip .label=${b(`channelQrDescription`)}></quickforge-info-tip>
+        </div>
+        ${e.qrCodeText?a`<pre class="mt-3 max-h-96 overflow-auto whitespace-pre font-mono text-[10px] leading-none text-foreground">${e.qrCodeText}</pre>`:null}
+        ${e.qrCodeUrl?a`
+            <div class="mt-3 text-xs text-muted-foreground">${b(`channelQrLink`)}</div>
+            <a class="mt-1 block break-all font-mono text-xs text-primary hover:underline" href=${e.qrCodeUrl} target="_blank" rel="noreferrer">${e.qrCodeUrl}</a>
+          `:null}
+      </div>
+    `}logsSection(e){let t=e.logs||[];return a`
+      <details class="mt-4 rounded-lg border border-border bg-muted/10" open>
+        <summary class="quickforge-channel-logs-summary cursor-pointer px-3 py-2 text-sm font-medium text-foreground">${b(`channelRecentLogs`)}</summary>
+        <div class="max-h-72 overflow-auto p-3 font-mono text-xs leading-5">
+          ${t.length?t.slice(-80).map(e=>a`
+              <div class="grid gap-1 py-0.5 sm:grid-cols-[72px_56px_1fr]">
+                <span class="text-muted-foreground/55">${new Date(e.time).toLocaleTimeString()}</span>
+                <span class=${e.stream===`stderr`?`text-destructive/80`:`text-muted-foreground/70`}>${e.stream}</span>
+                <span class="min-w-0 whitespace-pre-wrap break-words text-foreground/85">${e.text}</span>
+              </div>
+            `):a`<div class="text-muted-foreground">${b(`channelNoLogs`)}</div>`}
+        </div>
+      </details>
+    `}channelCard(e){let t=this.busyChannelId===e.id||!!e.activeAction,n=e.status===`running`||e.status===`waiting_scan`||e.status===`starting`,r=e.status===`stopping`,i=!!(e.supportsWorkspaceSelection&&this.workspaces.length===0);return a`
+      <section class="rounded-lg border border-border p-4">
+        <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
+          <div class="min-w-0">
+            <div class="flex flex-wrap items-center gap-2">
+              <h4 class="text-sm font-semibold text-foreground">${e.name}</h4>
+              <span class="inline-flex rounded-full border px-2 py-0.5 text-xs ${ct(e.status)}">${lt(e.status)}</span>
+            </div>
+            <p class="mt-1 text-sm text-muted-foreground">${e.description}</p>
+            ${e.requirements?.length?a`<div class="mt-2 text-xs text-muted-foreground/70">${b(`channelRequirements`)}: ${e.requirements.join(` · `)}</div>`:null}
+          </div>
+          <div class="flex shrink-0 flex-wrap gap-2">
+            <button class="rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-60" type="button" ?disabled=${t||n||r||i} @click=${()=>this.invoke(e,`start`)}>${b(`start`)}</button>
+            <button class="rounded-md border border-input px-3 py-2 text-sm hover:bg-muted/20 disabled:opacity-60" type="button" ?disabled=${t||!n||r} @click=${()=>this.invoke(e,`stop`)}>${b(`stop`)}</button>
+            <button class="rounded-md border border-input px-3 py-2 text-sm hover:bg-muted/20 disabled:opacity-60" type="button" ?disabled=${t||r||i} @click=${()=>this.invoke(e,`restart`)}>${b(`restart`)}</button>
+            ${e.actions?.map(n=>a`
+              <button class=${n.destructive?`rounded-md border border-destructive/40 px-3 py-2 text-sm text-destructive hover:bg-destructive/10 disabled:opacity-60`:`rounded-md border border-input px-3 py-2 text-sm hover:bg-muted/20 disabled:opacity-60`} type="button" ?disabled=${t} @click=${()=>this.invokeAction(e,n)}>${n.label}</button>
+            `)}
+          </div>
+        </div>
+
+        ${this.workspaceSection(e,t||n||r)}
+        ${i?a`<div class="mt-3 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">${b(`channelNoWorkspaces`)}</div>`:null}
+        <div class="mt-4">${this.channelMeta(e)}</div>
+        ${e.error?a`<div class="mt-4 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">${e.error}</div>`:null}
+        ${this.qrSection(e)}
+        ${this.logsSection(e)}
+      </section>
+    `}render(){return this.loading?a`<div class="text-sm text-muted-foreground">${b(`loading`)}</div>`:a`
+      <div class="flex flex-col gap-6">
+        <div>
+          <h3 class="mb-2 inline-flex items-center gap-1.5 text-sm font-semibold text-foreground">
+            ${b(`channels`)}
+            <quickforge-info-tip .label=${b(`channelsDescription`)}></quickforge-info-tip>
+          </h3>
+        </div>
+
+        <section class="rounded-lg border border-amber-500/30 bg-amber-500/10 p-4 text-sm text-amber-800 dark:text-amber-200">
+          ${b(`channelsSecurityWarning`)}
+        </section>
+
+        ${this.channels.length?a`<div class="grid gap-4">${this.channels.map(e=>this.channelCard(e))}</div>`:a`<div class="rounded-lg border border-border p-4 text-sm text-muted-foreground">${b(`channelsEmpty`)}</div>`}
+
+        ${this.message?a`<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?a`<div class="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">${this.error}</div>`:null}
+      </div>
+    `}},J=`quickforge-channels-settings-tab`;customElements.get(J)||customElements.define(J,dt);function ft(){return document.createElement(J)}var pt=i(),Y=r(),mt=(0,C.lazy)(()=>c(()=>import(`./AgentProfilesPage-DFUA4KiP.js`).then(e=>({default:e.AgentProfilesPage})),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]))),ht=(0,C.lazy)(()=>c(()=>import(`./mcp-servers-dialog-DXR3fnZY.js`).then(e=>({default:e.McpServersPanel})),__vite__mapDeps([12,1,2,3,4,5,6,7,8,9,10,11]))),gt=(0,C.lazy)(()=>c(()=>import(`./skills-dialog-Dax-_Ze5.js`).then(e=>e.n).then(e=>({default:e.SkillsManagerPanel})),__vite__mapDeps([9,1,2,3,4,5,6,7,8,10,11]))),_t=(0,C.lazy)(()=>c(()=>import(`./PluginsPage-CKOP-P02.js`).then(e=>({default:e.PluginsPage})),__vite__mapDeps([13,1,2,3,4,5,6,7,8,9,10,11,14]))),vt=(0,C.lazy)(()=>c(()=>import(`./ScheduledTasksPage-CRPvyfmE.js`).then(e=>({default:e.ScheduledTasksPage})),__vite__mapDeps([15,1,2,3,4,5,6,7,8,9,10,11]))),yt=class extends o{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 a`<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,pt.createRoot)(e),this.root.render(this.renderReact()))}},X=`quickforge-react-settings-tab`;customElements.get(X)||customElements.define(X,yt);function Z(e,t){let n=document.createElement(X);return n.tabName=e,n.renderReact=t,n}function Q({children:e}){return(0,Y.jsx)(`div`,{className:`h-full min-h-[30rem] overflow-hidden rounded-xl border border-border bg-background`,children:(0,Y.jsx)(C.Suspense,{fallback:(0,Y.jsx)(`div`,{className:`flex h-full items-center justify-center text-sm text-muted-foreground`,children:b(`loading`)}),children:e})})}function $(e){window.dispatchEvent(new CustomEvent(`quickforge:open-session-from-settings`,{detail:{sessionId:e}}))}function bt(){return Z(b(`agentsTab`),()=>(0,Y.jsx)(Q,{children:(0,Y.jsx)(mt,{})}))}function xt(){return Z(b(`skills`),()=>(0,Y.jsx)(Q,{children:(0,Y.jsx)(gt,{active:!0,scope:`global`,embedded:!0,onSaved:()=>void 0})}))}function St(){return Z(b(`mcpServers`),()=>(0,Y.jsx)(Q,{children:(0,Y.jsx)(ht,{active:!0})}))}function Ct(){return Z(b(`plugins`),()=>(0,Y.jsx)(Q,{children:(0,Y.jsx)(_t,{})}))}function wt(){return Z(b(`scheduledTasks`),()=>(0,Y.jsx)(Q,{children:(0,Y.jsx)(vt,{onOpenSession:$})}))}function Tt(e){let t=[{key:`language`,tab:Se()},{key:`appearance`,tab:k()},{key:`defaults`,tab:Ae()},{key:`customModels`,tab:be(e)},{key:`agents`,tab:bt()},{key:`skills`,tab:xt()},{key:`mcp`,tab:St()},{key:`plugins`,tab:Ct()},{key:`scheduledTasks`,tab:wt()},{key:`projectCommands`,tab:st()},{key:`backup`,tab:Le()},{key:`archivedConversations`,tab:ze()},{key:`service`,tab:Xe()},{key:`channels`,tab:ft()},{key:`lanAccess`,tab:$e()},{key:`about`,tab:at()}];return{items:[...t],tabs:t.map(e=>e.tab),indexOf:e=>t.findIndex(t=>t.key===e)}}function Et({tab:e}){let t=(0,C.useRef)(null);return(0,C.useEffect)(()=>{let n=t.current;if(n)return n.replaceChildren(e),()=>{e.parentNode===n&&n.removeChild(e)}},[e]),(0,Y.jsx)(`div`,{ref:t,className:`quickforge-settings-tab-host min-h-0 flex-1`})}function Dt({initialTab:e,customProvider:t,onBack:r}){let i=(0,C.useMemo)(()=>Tt(t),[t]),a=Math.max(0,i.indexOf(e)),[o,s]=(0,C.useState)(),c=o??a,l=i.items[c]??i.items[0];return(0,Y.jsxs)(`div`,{className:`flex h-screen min-h-0 bg-[var(--quickforge-sidebar-bg)] text-foreground`,children:[(0,Y.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,Y.jsx)(`div`,{className:`shrink-0 px-3 pb-1 pt-3`,children:(0,Y.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:r,"aria-label":`返回工作区`,children:[(0,Y.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,Y.jsx)(n,{className:`size-4`})}),(0,Y.jsx)(`span`,{className:`truncate text-sm leading-5`,children:`返回工作区`})]})}),(0,Y.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-3 pb-4 pt-4`,children:(0,Y.jsx)(`nav`,{className:`space-y-1`,"aria-label":b(`settings`),children:i.items.map((e,t)=>{let n=t===c;return(0,Y.jsx)(`button`,{type:`button`,className:y(`group relative flex w-full items-center gap-2 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:()=>s(t),"aria-current":n?`page`:void 0,children:(0,Y.jsx)(`span`,{className:`truncate`,children:e.tab.getTabName()})},e.key)})})})]}),(0,Y.jsxs)(`main`,{className:`flex min-w-0 flex-1 flex-col bg-[var(--quickforge-main-bg)] md:overflow-hidden md:rounded-l-2xl`,children:[(0,Y.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,Y.jsx)(u,{variant:`ghost`,size:`icon`,className:`md:hidden`,onClick:r,"aria-label":`返回工作区`,children:(0,Y.jsx)(n,{className:`size-4`})}),(0,Y.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,Y.jsx)(`div`,{className:`min-w-0 truncate text-sm font-medium text-foreground/90`,children:l?.tab.getTabName()})})]}),(0,Y.jsx)(`div`,{className:`quickforge-settings-mobile-tabs flex shrink-0 gap-1 overflow-x-auto border-b-[0.5px] border-[color-mix(in_oklab,var(--border)_30%,transparent)] px-3 py-2 md:hidden`,children:i.items.map((e,t)=>(0,Y.jsx)(`button`,{type:`button`,className:y(`shrink-0 rounded-full px-3 py-1.5 text-sm transition-colors`,t===c?`bg-muted text-foreground`:`text-muted-foreground hover:bg-muted/55 hover:text-foreground`),onClick:()=>s(t),children:e.tab.getTabName()},e.key))}),(0,Y.jsx)(`section`,{className:`min-h-0 flex-1 overflow-y-auto px-4 py-5 md:px-8 md:py-7`,children:(0,Y.jsx)(`div`,{className:`mx-auto flex min-h-full w-full max-w-5xl flex-col`,children:l?(0,Y.jsx)(Et,{tab:l.tab}):null})})]})]})}export{Dt as SettingsWorkspacePage};