comisai 1.0.37 → 1.0.41

package/node_modules/@comis/web/dist/assets/setup-wizard-CAdM-gSP.js

@@ -1,881 +0,0 @@
-import{c as e,f as t,h as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./decorate-BvWYovGE.js";import{a as u}from"./index-8Tg9oc-C.js";import"./ic-icon-BGNCCPpZ.js";var d=[{label:`Basics`,icon:`settings`},{label:`Provider`,icon:`server`},{label:`Agent`,icon:`agent`},{label:`Channels`,icon:`channel`},{label:`Review`,icon:`check`}],f={anthropic:{displayName:`Anthropic`,description:`Claude models, recommended for agents`,signupUrl:`https://console.anthropic.com/settings/keys`,needsApiKey:!0,needsBaseUrl:!1},openai:{displayName:`OpenAI`,description:`GPT-4o, o1, o3 models`,signupUrl:`https://platform.openai.com/api-keys`,needsApiKey:!0,needsBaseUrl:!1},google:{displayName:`Google`,description:`Gemini models`,signupUrl:`https://aistudio.google.com/app/apikey`,needsApiKey:!0,needsBaseUrl:!1},groq:{displayName:`Groq`,description:`Fast inference`,signupUrl:`https://console.groq.com/keys`,needsApiKey:!0,needsBaseUrl:!1},mistral:{displayName:`Mistral`,description:`Mistral models`,signupUrl:`https://console.mistral.ai/api-keys/`,needsApiKey:!0,needsBaseUrl:!1},cerebras:{displayName:`Cerebras`,description:`Fast inference`,signupUrl:`https://cloud.cerebras.ai/`,needsApiKey:!0,needsBaseUrl:!1},xai:{displayName:`xAI`,description:`Grok models`,signupUrl:`https://console.x.ai/`,needsApiKey:!0,needsBaseUrl:!1},openrouter:{displayName:`OpenRouter`,description:`Multi-provider routing`,signupUrl:`https://openrouter.ai/keys`,needsApiKey:!0,needsBaseUrl:!1}},p=`__custom__`,m={displayName:`Custom`,description:`Any OpenAI-compatible API endpoint`,needsApiKey:!1,needsBaseUrl:!0};function h(e){return Object.hasOwn(f,e)?f[e]:{displayName:e.charAt(0).toUpperCase()+e.slice(1),description:``,needsApiKey:!0,needsBaseUrl:!1}}var g=[{key:`telegram`,label:`Telegram`,fields:[{key:`botToken`,label:`Bot Token`,type:`password`},{key:`allowedChatIds`,label:`Allowed Chat IDs`,type:`text`,placeholder:`Comma-separated IDs`}]},{key:`discord`,label:`Discord`,fields:[{key:`botToken`,label:`Bot Token`,type:`password`},{key:`guildIds`,label:`Guild IDs`,type:`text`,placeholder:`Comma-separated IDs`}]},{key:`slack`,label:`Slack`,fields:[{key:`botToken`,label:`Bot Token`,type:`password`},{key:`appToken`,label:`App Token`,type:`password`},{key:`signingSecret`,label:`Signing Secret`,type:`password`}]},{key:`whatsapp`,label:`WhatsApp`,fields:[{key:`phoneNumberId`,label:`Phone Number ID`,type:`text`},{key:`accessToken`,label:`Access Token`,type:`password`},{key:`verifyToken`,label:`Verify Token`,type:`text`}]},{key:`line`,label:`LINE`,fields:[{key:`channelAccessToken`,label:`Channel Access Token`,type:`password`},{key:`channelSecret`,label:`Channel Secret`,type:`password`}]},{key:`signal`,label:`Signal`,fields:[{key:`phone`,label:`Phone Number`,type:`text`},{key:`signalCliPath`,label:`Signal CLI Path`,type:`text`}]},{key:`irc`,label:`IRC`,fields:[{key:`server`,label:`Server`,type:`text`},{key:`port`,label:`Port`,type:`number`,defaultValue:`6667`},{key:`nick`,label:`Nickname`,type:`text`},{key:`channels`,label:`Channels`,type:`text`,placeholder:`Comma-separated, e.g. #general,#dev`}]},{key:`imessage`,label:`iMessage`,fields:[{key:`applescriptPath`,label:`AppleScript Path`,type:`text`,placeholder:`Requires macOS with Messages app`}]}],_=[`trace`,`debug`,`info`,`warn`,`error`];function v(e,t=0){let n=`  `.repeat(t);if(e==null)return`${n}~\n`;if(typeof e==`string`)return e===``||/[:#[\]{},&*!|>'"@`]/.test(e)||/^\s|\s$/.test(e)?`"${e.replace(/\\/g,`\\\\`).replace(/"/g,`\\"`)}"`:e;if(typeof e==`number`||typeof e==`boolean`)return String(e);if(Array.isArray(e))return e.length===0?`[]
-`:e.map(e=>{if(typeof e==`object`&&e){let r=v(e,t+1),i=r.split(`
-`).filter(Boolean);if(i.length>0){let e=`  `.repeat(t+1);return`${n}- ${i[0].substring(e.length)}\n${i.slice(1).map(t=>`${n}  ${t.substring(e.length)}\n`).join(``)}`}return`${n}- ${r.trim()}\n`}return`${n}- ${v(e,0)}\n`}).join(``);if(typeof e==`object`){let r=Object.entries(e).filter(([,e])=>e!=null&&e!==``);return r.length===0?`{}
-`:r.map(([e,r])=>typeof r==`object`&&!Array.isArray(r)||Array.isArray(r)?`${n}${e}:\n${v(r,t+1)}`:`${n}${e}: ${v(r,0)}\n`).join(``)}return String(e)}function y(){let e={};for(let t of g)e[t.key]={enabled:!1,credentials:{}};return{tenantId:`default`,dataDir:`~/.comis`,logLevel:`info`,gatewayHost:`127.0.0.1`,gatewayPort:4766,providerName:``,providerType:``,apiKey:``,baseUrl:``,defaultModel:``,agentId:`default`,agentName:`Comis`,agentModel:``,agentProvider:``,maxSteps:50,budgetPerDay:1e8,budgetPerHour:1e7,channels:e}}var b=class extends r{constructor(...e){super(...e),this.rpcClient=null,this._currentStep=0,this._wizardData=y(),this._testResult={status:`idle`},this._expandedChannels=new Set,this._yamlPreview=``,this._applying=!1,this._applyStatus=``,this._applyDone=!1,this._validationErrors={},this._catalogProviders=[],this._catalogProvidersLoading=!1,this._modelOptions=[],this._modelOptionsLoading=!1}static{this.styles=[o,i,n`
-      :host {
-        display: block;
-      }
-
-      .wizard-header {
-        margin-bottom: var(--ic-space-lg);
-      }
-
-      .wizard-title {
-        font-size: 1.125rem;
-        font-weight: 600;
-      }
-
-      .wizard-subtitle {
-        font-size: var(--ic-text-sm);
-        color: var(--ic-text-muted);
-        margin-top: var(--ic-space-xs);
-      }
-
-      /* Step progress bar */
-      .step-bar {
-        display: flex;
-        align-items: flex-start;
-        justify-content: center;
-        gap: 0;
-        margin-bottom: var(--ic-space-xl, 2rem);
-      }
-
-      .step-item {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        min-width: 80px;
-      }
-
-      .step-circle {
-        width: 32px;
-        height: 32px;
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: var(--ic-text-sm);
-        font-weight: 600;
-        border: 2px solid var(--ic-border);
-        background: var(--ic-surface-2);
-        color: var(--ic-text-dim);
-        position: relative;
-      }
-
-      .step-circle.completed {
-        background: var(--ic-accent);
-        border-color: var(--ic-accent);
-        color: white;
-      }
-
-      .step-circle.current {
-        border-color: var(--ic-accent);
-        color: var(--ic-accent);
-        box-shadow: 0 0 0 3px color-mix(in srgb, var(--ic-accent) 25%, transparent);
-      }
-
-      .step-label {
-        font-size: var(--ic-text-xs);
-        margin-top: var(--ic-space-xs);
-        color: var(--ic-text-dim);
-        text-align: center;
-      }
-
-      .step-label.current {
-        color: var(--ic-text);
-        font-weight: 500;
-      }
-
-      .step-label.completed {
-        color: var(--ic-text-muted);
-      }
-
-      .step-line {
-        flex: 1;
-        height: 2px;
-        background: var(--ic-border);
-        margin-top: 16px;
-        min-width: 40px;
-        max-width: 80px;
-      }
-
-      .step-line.completed {
-        background: var(--ic-accent);
-      }
-
-      /* Step content area */
-      .step-content {
-        max-width: 640px;
-        margin: 0 auto;
-        min-height: 300px;
-      }
-
-      /* Form styling */
-      .form-container {
-        max-width: 500px;
-      }
-
-      .form-field {
-        display: flex;
-        flex-direction: column;
-        gap: var(--ic-space-xs);
-        margin-bottom: var(--ic-space-md);
-      }
-
-      .form-label {
-        font-size: var(--ic-text-sm);
-        font-weight: 500;
-        color: var(--ic-text-muted);
-      }
-
-      .form-input {
-        padding: 0.5rem 0.75rem;
-        background: var(--ic-surface-2);
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        color: var(--ic-text);
-        font-family: inherit;
-        font-size: var(--ic-text-sm);
-      }
-
-      .form-input:focus {
-        outline: none;
-        border-color: var(--ic-accent);
-      }
-
-      .form-input::placeholder {
-        color: var(--ic-text-dim);
-      }
-
-      .form-hint {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-dim);
-      }
-
-      .form-error {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-error);
-      }
-
-      .form-select {
-        padding: 0.5rem 0.75rem;
-        background: var(--ic-surface-2);
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        color: var(--ic-text);
-        font-family: inherit;
-        font-size: var(--ic-text-sm);
-      }
-
-      .form-select:focus {
-        outline: none;
-        border-color: var(--ic-accent);
-      }
-
-      /* Provider cards */
-      .provider-grid {
-        display: grid;
-        grid-template-columns: repeat(3, 1fr);
-        gap: 0.75rem;
-        margin-bottom: var(--ic-space-lg);
-      }
-
-      @media (max-width: 768px) {
-        .provider-grid {
-          grid-template-columns: repeat(2, 1fr);
-        }
-      }
-
-      @media (max-width: 480px) {
-        .provider-grid {
-          grid-template-columns: 1fr;
-        }
-      }
-
-      .provider-card {
-        padding: 1rem;
-        background: var(--ic-surface);
-        border: 2px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        cursor: pointer;
-        transition: border-color var(--ic-transition, 150ms), background var(--ic-transition, 150ms);
-      }
-
-      .provider-card:hover {
-        border-color: var(--ic-text-dim);
-      }
-
-      .provider-card.active {
-        border-color: var(--ic-accent);
-        background: var(--ic-surface-2);
-      }
-
-      .provider-card-name {
-        font-weight: 600;
-        font-size: var(--ic-text-sm);
-        margin-bottom: var(--ic-space-xs);
-      }
-
-      .provider-card-desc {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-muted);
-      }
-
-      /* Provider config section */
-      .provider-config {
-        margin-top: var(--ic-space-lg);
-        max-width: 500px;
-      }
-
-      /* Test connection */
-      .test-row {
-        display: flex;
-        align-items: center;
-        gap: var(--ic-space-sm);
-        margin-top: var(--ic-space-sm);
-      }
-
-      .test-btn {
-        padding: 0.375rem 0.75rem;
-        background: var(--ic-surface-2);
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        color: var(--ic-text-muted);
-        font-size: var(--ic-text-xs);
-        font-family: inherit;
-        cursor: pointer;
-        white-space: nowrap;
-      }
-
-      .test-btn:hover {
-        background: var(--ic-border);
-      }
-
-      .test-btn:disabled {
-        opacity: 0.5;
-        cursor: not-allowed;
-      }
-
-      .test-success {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-success);
-        display: flex;
-        align-items: center;
-        gap: 0.25rem;
-      }
-
-      .test-error {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-error);
-        display: flex;
-        align-items: center;
-        gap: 0.25rem;
-      }
-
-      .test-spinner {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-muted);
-      }
-
-      /* Info box */
-      .info-box {
-        padding: 0.75rem 1rem;
-        background: color-mix(in srgb, var(--ic-accent) 10%, transparent);
-        border: 1px solid color-mix(in srgb, var(--ic-accent) 30%, transparent);
-        border-radius: var(--ic-radius-md);
-        font-size: var(--ic-text-sm);
-        color: var(--ic-text-muted);
-        margin-bottom: var(--ic-space-md);
-      }
-
-      /* Channel cards */
-      .channel-cards {
-        display: flex;
-        flex-direction: column;
-        gap: 0.75rem;
-      }
-
-      .channel-card {
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        overflow: hidden;
-      }
-
-      .channel-header {
-        display: flex;
-        align-items: center;
-        gap: var(--ic-space-sm);
-        padding: 0.75rem 1rem;
-        cursor: pointer;
-        background: var(--ic-surface);
-        user-select: none;
-      }
-
-      .channel-header:hover {
-        background: var(--ic-surface-2);
-      }
-
-      .channel-name {
-        font-weight: 500;
-        font-size: var(--ic-text-sm);
-        flex: 1;
-      }
-
-      .channel-toggle {
-        width: 36px;
-        height: 20px;
-        border-radius: 10px;
-        border: none;
-        cursor: pointer;
-        position: relative;
-        background: var(--ic-border);
-        transition: background var(--ic-transition, 150ms);
-        padding: 0;
-      }
-
-      .channel-toggle.enabled {
-        background: var(--ic-accent);
-      }
-
-      .channel-toggle::after {
-        content: "";
-        position: absolute;
-        width: 16px;
-        height: 16px;
-        border-radius: 50%;
-        background: white;
-        top: 2px;
-        left: 2px;
-        transition: transform var(--ic-transition, 150ms);
-      }
-
-      .channel-toggle.enabled::after {
-        transform: translateX(16px);
-      }
-
-      .channel-expand {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-dim);
-        transition: transform var(--ic-transition, 150ms);
-      }
-
-      .channel-expand.open {
-        transform: rotate(180deg);
-      }
-
-      .channel-body {
-        padding: 0.75rem 1rem 1rem;
-        border-top: 1px solid var(--ic-border);
-        background: var(--ic-surface-2);
-      }
-
-      /* Review YAML preview */
-      .yaml-preview {
-        background: var(--ic-surface-2);
-        color: var(--ic-text);
-        padding: 1rem;
-        border-radius: var(--ic-radius-md);
-        border: 1px solid var(--ic-border);
-        max-height: 500px;
-        overflow: auto;
-        font-family: var(--ic-font-mono, ui-monospace, monospace);
-        font-size: var(--ic-text-sm);
-        white-space: pre;
-        line-height: 1.5;
-      }
-
-      .review-actions {
-        display: flex;
-        gap: var(--ic-space-sm);
-        margin-top: var(--ic-space-md);
-        flex-wrap: wrap;
-      }
-
-      .btn {
-        padding: 0.5rem 1rem;
-        border-radius: var(--ic-radius-md);
-        font-size: var(--ic-text-sm);
-        font-family: inherit;
-        cursor: pointer;
-        border: none;
-        white-space: nowrap;
-      }
-
-      .btn-primary {
-        background: var(--ic-accent);
-        color: white;
-      }
-
-      .btn-primary:hover {
-        opacity: 0.9;
-      }
-
-      .btn-primary:disabled {
-        opacity: 0.5;
-        cursor: not-allowed;
-      }
-
-      .btn-secondary {
-        background: var(--ic-surface-2);
-        border: 1px solid var(--ic-border);
-        color: var(--ic-text-muted);
-      }
-
-      .btn-secondary:hover {
-        background: var(--ic-border);
-      }
-
-      .apply-status {
-        font-size: var(--ic-text-sm);
-        color: var(--ic-text-muted);
-        margin-top: var(--ic-space-sm);
-      }
-
-      .dashboard-link {
-        margin-top: var(--ic-space-md);
-      }
-
-      .dashboard-link a {
-        color: var(--ic-accent);
-        cursor: pointer;
-        text-decoration: underline;
-        font-size: var(--ic-text-sm);
-      }
-
-      /* Navigation bar */
-      .nav-bar {
-        display: flex;
-        justify-content: space-between;
-        margin-top: var(--ic-space-xl, 2rem);
-        padding-top: var(--ic-space-md);
-        border-top: 1px solid var(--ic-border);
-      }
-
-      .nav-spacer {
-        flex: 1;
-      }
-    `]}connectedCallback(){super.connectedCallback(),this._loadCatalogProviders()}async _loadCatalogProviders(){if(!this.rpcClient){this._catalogProviders=[],this._catalogProvidersError=`RPC client not connected`;return}this._catalogProvidersLoading=!0,this._catalogProvidersError=void 0;try{let e=await this.rpcClient.call(`models.list_providers`,{});this._catalogProviders=e.providers??[]}catch(e){this._catalogProvidersError=e instanceof Error?e.message:String(e),this._catalogProviders=[]}finally{this._catalogProvidersLoading=!1}}async _loadModelOptions(e){if(!this.rpcClient){this._modelOptions=[],this._modelOptionsError=`RPC client not connected`;return}this._modelOptionsLoading=!0,this._modelOptionsError=void 0,this._modelOptions=[];try{let t=((await this.rpcClient.call(`models.list`,{provider:e})).models??[]).map(e=>({id:(e.modelId??e.id??``).trim(),cost:(e.cost?.input??0)+(e.cost?.output??0)})).filter(e=>e.id.length>0);t.sort((e,t)=>e.cost-t.cost),this._modelOptions=t}catch(e){this._modelOptionsError=e instanceof Error?e.message:String(e)}finally{this._modelOptionsLoading=!1}}_validateStep(e){let t={};switch(e){case 0:this._wizardData.tenantId.trim()||(t.tenantId=`Tenant ID is required`);break;case 1:{this._wizardData.providerName||(t.providerType=`Please select a provider`);let e=this._wizardData.providerName===p,n=e?m:h(this._wizardData.providerName);n.needsApiKey&&!this._wizardData.apiKey.trim()&&(t.apiKey=`API key is required for this provider`),n.needsBaseUrl&&!this._wizardData.baseUrl.trim()&&(t.baseUrl=`Base URL is required for this provider`),!e&&this._wizardData.providerName&&!this._wizardData.defaultModel.trim()&&(t.defaultModel=`Please select a model for this provider`);break}case 2:this._wizardData.agentId.trim()||(t.agentId=`Agent ID is required`);break;case 3:break}return this._validationErrors=t,Object.keys(t).length===0}_goNext(){this._validateStep(this._currentStep)&&(this._currentStep===3&&this._generateYaml(),this._currentStep===1&&(this._wizardData.agentModel||(this._wizardData={...this._wizardData,agentModel:this._wizardData.defaultModel,agentProvider:this._wizardData.providerName})),this._currentStep=Math.min(this._currentStep+1,d.length-1),this._validationErrors={})}_goBack(){this._currentStep=Math.max(this._currentStep-1,0),this._validationErrors={}}_selectProvider(e){let t=e===p,n=t?m:h(e);this._wizardData={...this._wizardData,providerName:e,providerType:t?`openai`:e,apiKey:``,baseUrl:n.defaultBaseUrl??``,defaultModel:``},this._testResult={status:`idle`},this._validationErrors={},this._modelOptions=[],this._modelOptionsError=void 0,t||this._loadModelOptions(e)}async _testConnection(){if(this.rpcClient){this._testResult={status:`testing`};try{await this.rpcClient.call(`models.test`,{provider:this._wizardData.providerType}),this._testResult={status:`success`,message:`Connected`}}catch(e){let t=e instanceof Error?e.message:`Connection failed`;this._testResult={status:`error`,message:t}}}}_toggleChannel(e){let t=this._wizardData.channels[e],n={...this._wizardData.channels,[e]:{...t,enabled:!t.enabled}};if(this._wizardData={...this._wizardData,channels:n},!t.enabled){let t=new Set(this._expandedChannels);t.add(e),this._expandedChannels=t}}_toggleExpand(e){let t=new Set(this._expandedChannels);t.has(e)?t.delete(e):t.add(e),this._expandedChannels=t}_updateChannelCredential(e,t,n){let r=this._wizardData.channels[e],i={...r.credentials,[t]:n},a={...this._wizardData.channels,[e]:{...r,credentials:i}};this._wizardData={...this._wizardData,channels:a}}_generateYaml(){let e=this._wizardData,t={};if(e.tenantId&&e.tenantId!==`default`&&(t.tenantId=e.tenantId),t.logLevel=e.logLevel,t.dataDir=e.dataDir,t.gateway={enabled:!0,host:e.gatewayHost,port:e.gatewayPort},e.providerName){let n={};e.apiKey&&(n.apiKeyName=`env:`+e.providerName.toUpperCase()+`_API_KEY`),e.baseUrl&&(n.baseUrl=e.baseUrl),t.providers={[e.providerName]:n},e.defaultModel&&(t.models={defaultProvider:e.providerName,defaultModel:e.defaultModel})}let n={name:e.agentName,model:e.agentModel||e.defaultModel,provider:e.agentProvider||e.providerName,maxSteps:e.maxSteps,budgets:{perExecution:2e6,perHour:e.budgetPerHour,perDay:e.budgetPerDay}};t.agents={[e.agentId]:n};let r={};for(let[t,n]of Object.entries(e.channels)){if(!n.enabled)continue;let e={enabled:!0};for(let[t,r]of Object.entries(n.credentials))r&&(t===`allowedChatIds`?e.allowFrom=r.split(`,`).map(e=>e.trim()).filter(Boolean):e[t]=r);r[t]=e}Object.keys(r).length>0&&(t.channels=r),this._yamlPreview=v(t)}async _copyYaml(){try{await navigator.clipboard.writeText(this._yamlPreview),u.show(`Copied to clipboard`,`success`)}catch{u.show(`Failed to copy`,`error`)}}_downloadYaml(){let e=new Blob([this._yamlPreview],{type:`text/yaml`}),t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`comis-config.yaml`,n.click(),URL.revokeObjectURL(t)}async _applyConfig(){if(!this.rpcClient||this._applying)return;this._applying=!0,this._applyDone=!1;let e=this._wizardData,t=[];e.providerName&&e.defaultModel&&t.push({label:`models`,section:`models`,value:{defaultProvider:e.providerName,defaultModel:e.defaultModel}});let n=[];n.push(`agents`),n.push(`gateway`),e.providerName&&n.push(`providers`),Object.values(e.channels).some(e=>e.enabled)&&n.push(`channels`);let r=0;for(let e of t){this._applyStatus=`Applying ${e.label}...`;try{await this.rpcClient.call(`config.apply`,{section:e.section,value:e.value}),r++}catch(t){let n=t instanceof Error?t.message:`Failed to apply configuration`;u.show(`${e.label}: ${n}`,`error`)}}this._applying=!1,this._applyStatus=``,this._applyDone=!0,n.length>0?u.show(`Applied ${r} section(s). ${n.join(`, `)} require saving the config file and restarting the daemon. Use Copy or Download to get the full config.`,`info`):u.show(`Configuration applied! Restart the daemon to activate.`,`success`)}_goToDashboard(){this.dispatchEvent(new CustomEvent(`navigate`,{detail:`dashboard`,bubbles:!0,composed:!0}))}_renderStep1(){let e=this._wizardData,n=this._validationErrors;return t`
-      <div class="form-container">
-        <div class="form-field">
-          <label class="form-label">Tenant ID</label>
-          <input
-            class="form-input"
-            type="text"
-            .value=${e.tenantId}
-            @input=${e=>{this._wizardData={...this._wizardData,tenantId:e.target.value}}}
-          />
-          <span class="form-hint">Unique identifier for this installation</span>
-          ${n.tenantId?t`<span class="form-error">${n.tenantId}</span>`:l}
-        </div>
-
-        <div class="form-field">
-          <label class="form-label">Data Directory</label>
-          <input
-            class="form-input"
-            type="text"
-            .value=${e.dataDir}
-            @input=${e=>{this._wizardData={...this._wizardData,dataDir:e.target.value}}}
-          />
-          <span class="form-hint">Where Comis stores databases and logs</span>
-        </div>
-
-        <div class="form-field">
-          <label class="form-label">Log Level</label>
-          ${this._renderLogLevelSelect()}
-        </div>
-
-        <div class="form-field">
-          <label class="form-label">Gateway Host</label>
-          <input
-            class="form-input"
-            type="text"
-            .value=${e.gatewayHost}
-            @input=${e=>{this._wizardData={...this._wizardData,gatewayHost:e.target.value}}}
-          />
-        </div>
-
-        <div class="form-field">
-          <label class="form-label">Gateway Port</label>
-          <input
-            class="form-input"
-            type="number"
-            min="1"
-            max="65535"
-            .value=${String(e.gatewayPort)}
-            @input=${e=>{this._wizardData={...this._wizardData,gatewayPort:Number(e.target.value)||4766}}}
-          />
-        </div>
-      </div>
-    `}_renderLogLevelSelect(){return t`
-      <select
-        class="form-select"
-        @change=${e=>{this._wizardData={...this._wizardData,logLevel:e.target.value}}}
-      >
-        ${_.map(e=>t`<option value=${e} ?selected=${e===this._wizardData.logLevel}>${e}</option>`)}
-      </select>
-    `}_renderStep2(){let e=this._wizardData,n=this._validationErrors,r;return r=this._catalogProvidersLoading?t`<div class="provider-grid-loading">Loading providers from catalog...</div>`:this._catalogProvidersError?t`
-        <div class="provider-grid-error">
-          <span class="form-error">Failed to load provider catalog: ${this._catalogProvidersError}</span>
-          <button class="test-btn" @click=${()=>{this._loadCatalogProviders()}}>Retry</button>
-        </div>
-      `:t`
-        <div class="provider-grid">
-          ${[...this._catalogProviders,p].map(n=>{let r=n===p?m:h(n);return t`
-              <div
-                class="provider-card ${e.providerName===n?`active`:``}"
-                role="button"
-                tabindex="0"
-                aria-pressed=${e.providerName===n?`true`:`false`}
-                @click=${()=>this._selectProvider(n)}
-                @keydown=${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this._selectProvider(n))}}
-              >
-                <div class="provider-card-name">${r.displayName}</div>
-                <div class="provider-card-desc">${r.description}</div>
-              </div>
-            `})}
-        </div>
-      `,t`
-      ${r}
-      ${n.providerType?t`<span class="form-error">${n.providerType}</span>`:l}
-
-      ${e.providerName?this._renderProviderConfig(e.providerName):l}
-    `}_renderProviderConfig(e){let n=this._wizardData,r=this._validationErrors,i=e===p,a=i?m:h(e);return t`
-      <div class="provider-config">
-        ${a.needsApiKey?t`
-          <div class="form-field">
-            <label class="form-label">API Key</label>
-            <input
-              class="form-input"
-              type="password"
-              .value=${n.apiKey}
-              placeholder="Enter your API key"
-              @input=${e=>{this._wizardData={...this._wizardData,apiKey:e.target.value}}}
-            />
-            ${r.apiKey?t`<span class="form-error">${r.apiKey}</span>`:l}
-          </div>
-        `:l}
-
-        ${a.needsBaseUrl?t`
-          <div class="form-field">
-            <label class="form-label">Base URL</label>
-            <input
-              class="form-input"
-              type="text"
-              .value=${n.baseUrl}
-              placeholder=${a.defaultBaseUrl||`https://api.example.com`}
-              @input=${e=>{this._wizardData={...this._wizardData,baseUrl:e.target.value}}}
-            />
-            ${r.baseUrl?t`<span class="form-error">${r.baseUrl}</span>`:l}
-          </div>
-        `:l}
-
-        ${this._renderModelField(i)}
-
-        <div class="test-row">
-          <button
-            class="test-btn"
-            ?disabled=${this._testResult.status===`testing`}
-            @click=${()=>this._testConnection()}
-          >
-            ${this._testResult.status===`testing`?`Testing...`:`Test Connection`}
-          </button>
-          ${this._testResult.status===`success`?t`<span class="test-success">Connected</span>`:l}
-          ${this._testResult.status===`error`?t`<span class="test-error">${this._testResult.message}</span>`:l}
-          ${this._testResult.status===`testing`?t`<span class="test-spinner">Connecting...</span>`:l}
-        </div>
-      </div>
-    `}_renderModelField(e){let n=this._wizardData,r=this._validationErrors;return e?t`
-        <div class="form-field">
-          <label class="form-label">Model ID</label>
-          <input
-            class="form-input"
-            type="text"
-            .value=${n.defaultModel}
-            placeholder="e.g., qwen/qwen3-coder"
-            @input=${e=>{this._wizardData={...this._wizardData,defaultModel:e.target.value}}}
-          />
-        </div>
-      `:this._modelOptionsLoading?t`
-        <div class="form-field">
-          <label class="form-label">Model</label>
-          <span class="test-spinner">Loading models from ${n.providerName}...</span>
-        </div>
-      `:this._modelOptionsError?t`
-        <div class="form-field">
-          <label class="form-label">Model</label>
-          <span class="form-error">Failed to load models: ${this._modelOptionsError}</span>
-          <button class="test-btn" @click=${()=>{this._loadModelOptions(n.providerName)}}>Retry</button>
-        </div>
-      `:t`
-      <div class="form-field">
-        <label class="form-label">Model</label>
-        <select
-          class="form-select"
-          @change=${e=>{this._wizardData={...this._wizardData,defaultModel:e.target.value}}}
-        >
-          <option value="" ?selected=${!n.defaultModel}>— select a model —</option>
-          ${this._modelOptions.map(e=>t`
-            <option value=${e.id} ?selected=${e.id===n.defaultModel}>
-              ${e.id}${e.cost>0?` ($${e.cost.toFixed(2)}/1M)`:` (free)`}
-            </option>
-          `)}
-        </select>
-        ${r.defaultModel?t`<span class="form-error">${r.defaultModel}</span>`:l}
-      </div>
-    `}_renderStep3(){let e=this._wizardData,n=this._validationErrors;return t`
-      <div class="form-container">
-        <div class="info-box">
-          The agent will use the provider configured in Step 2. You can add more agents later from the Agents view.
-        </div>
-
-        <div class="form-field">
-          <label class="form-label">Agent ID</label>
-          <input
-            class="form-input"
-            type="text"
-            .value=${e.agentId}
-            @input=${e=>{this._wizardData={...this._wizardData,agentId:e.target.value}}}
-          />
-          <span class="form-hint">Unique identifier (letters, numbers, hyphens)</span>
-          ${n.agentId?t`<span class="form-error">${n.agentId}</span>`:l}
-        </div>
-
-        <div class="form-field">
-          <label class="form-label">Agent Name</label>
-          <input
-            class="form-input"
-            type="text"
-            .value=${e.agentName}
-            @input=${e=>{this._wizardData={...this._wizardData,agentName:e.target.value}}}
-          />
-          <span class="form-hint">Display name for the agent</span>
-        </div>
-
-        <div class="form-field">
-          <label class="form-label">Model</label>
-          <input
-            class="form-input"
-            type="text"
-            .value=${e.agentModel}
-            @input=${e=>{this._wizardData={...this._wizardData,agentModel:e.target.value}}}
-          />
-          <span class="form-hint">LLM model ID to use</span>
-        </div>
-
-        <div class="form-field">
-          <label class="form-label">Provider</label>
-          <input
-            class="form-input"
-            type="text"
-            .value=${e.agentProvider}
-            readonly
-          />
-        </div>
-
-        <div class="form-field">
-          <label class="form-label">Max Steps</label>
-          <input
-            class="form-input"
-            type="number"
-            min="1"
-            max="100"
-            .value=${String(e.maxSteps)}
-            @input=${e=>{this._wizardData={...this._wizardData,maxSteps:Number(e.target.value)||25}}}
-          />
-        </div>
-
-        <div class="form-field">
-          <label class="form-label">Budget Per Day (tokens)</label>
-          <input
-            class="form-input"
-            type="number"
-            min="0"
-            step="0.01"
-            .value=${String(e.budgetPerDay)}
-            @input=${e=>{this._wizardData={...this._wizardData,budgetPerDay:Number(e.target.value)||0}}}
-          />
-        </div>
-
-        <div class="form-field">
-          <label class="form-label">Budget Per Hour (tokens)</label>
-          <input
-            class="form-input"
-            type="number"
-            min="0"
-            step="0.01"
-            .value=${String(e.budgetPerHour)}
-            @input=${e=>{this._wizardData={...this._wizardData,budgetPerHour:Number(e.target.value)||0}}}
-          />
-        </div>
-      </div>
-    `}_renderStep4(){return t`
-      <div class="info-box">
-        Enable the channels you want to connect. You can configure more channels later.
-      </div>
-      <div class="channel-cards">
-        ${g.map(e=>this._renderChannelCard(e))}
-      </div>
-    `}_renderChannelCard(e){let n=this._wizardData.channels[e.key],r=this._expandedChannels.has(e.key);return t`
-      <div class="channel-card">
-        <div
-          class="channel-header"
-          @click=${()=>this._toggleExpand(e.key)}
-        >
-          <ic-platform-icon platform=${e.key} size="20px"></ic-platform-icon>
-          <span class="channel-name">${e.label}</span>
-          <button
-            class="channel-toggle ${n.enabled?`enabled`:``}"
-            aria-label="${n.enabled?`Disable`:`Enable`} ${e.label}"
-            @click=${t=>{t.stopPropagation(),this._toggleChannel(e.key)}}
-          ></button>
-          <span class="channel-expand ${r?`open`:``}">&#9660;</span>
-        </div>
-        ${r?t`
-          <div class="channel-body">
-            ${this._renderChannelFields(e)}
-          </div>
-        `:l}
-      </div>
-    `}_renderChannelFields(e){switch(e.key){case`telegram`:return this._renderTelegramFields();case`discord`:return this._renderDiscordFields();case`slack`:return this._renderSlackFields();case`whatsapp`:return this._renderWhatsappFields();case`line`:return this._renderLineFields();case`signal`:return this._renderSignalFields();case`irc`:return this._renderIrcFields();case`imessage`:return this._renderImessageFields();default:return l}}_renderTelegramFields(){let e=this._wizardData.channels.telegram.credentials;return t`
-      <div class="form-field">
-        <label class="form-label">Bot Token</label>
-        <input class="form-input" type="password" .value=${e.botToken??``}
-          @input=${e=>this._updateChannelCredential(`telegram`,`botToken`,e.target.value)} />
-      </div>
-      <div class="form-field">
-        <label class="form-label">Allowed Chat IDs</label>
-        <input class="form-input" type="text" placeholder="Comma-separated IDs" .value=${e.allowedChatIds??``}
-          @input=${e=>this._updateChannelCredential(`telegram`,`allowedChatIds`,e.target.value)} />
-      </div>
-    `}_renderDiscordFields(){let e=this._wizardData.channels.discord.credentials;return t`
-      <div class="form-field">
-        <label class="form-label">Bot Token</label>
-        <input class="form-input" type="password" .value=${e.botToken??``}
-          @input=${e=>this._updateChannelCredential(`discord`,`botToken`,e.target.value)} />
-      </div>
-      <div class="form-field">
-        <label class="form-label">Guild IDs</label>
-        <input class="form-input" type="text" placeholder="Comma-separated IDs" .value=${e.guildIds??``}
-          @input=${e=>this._updateChannelCredential(`discord`,`guildIds`,e.target.value)} />
-      </div>
-    `}_renderSlackFields(){let e=this._wizardData.channels.slack.credentials;return t`
-      <div class="form-field">
-        <label class="form-label">Bot Token</label>
-        <input class="form-input" type="password" .value=${e.botToken??``}
-          @input=${e=>this._updateChannelCredential(`slack`,`botToken`,e.target.value)} />
-      </div>
-      <div class="form-field">
-        <label class="form-label">App Token</label>
-        <input class="form-input" type="password" .value=${e.appToken??``}
-          @input=${e=>this._updateChannelCredential(`slack`,`appToken`,e.target.value)} />
-      </div>
-      <div class="form-field">
-        <label class="form-label">Signing Secret</label>
-        <input class="form-input" type="password" .value=${e.signingSecret??``}
-          @input=${e=>this._updateChannelCredential(`slack`,`signingSecret`,e.target.value)} />
-      </div>
-    `}_renderWhatsappFields(){let e=this._wizardData.channels.whatsapp.credentials;return t`
-      <div class="form-field">
-        <label class="form-label">Phone Number ID</label>
-        <input class="form-input" type="text" .value=${e.phoneNumberId??``}
-          @input=${e=>this._updateChannelCredential(`whatsapp`,`phoneNumberId`,e.target.value)} />
-      </div>
-      <div class="form-field">
-        <label class="form-label">Access Token</label>
-        <input class="form-input" type="password" .value=${e.accessToken??``}
-          @input=${e=>this._updateChannelCredential(`whatsapp`,`accessToken`,e.target.value)} />
-      </div>
-      <div class="form-field">
-        <label class="form-label">Verify Token</label>
-        <input class="form-input" type="text" .value=${e.verifyToken??``}
-          @input=${e=>this._updateChannelCredential(`whatsapp`,`verifyToken`,e.target.value)} />
-      </div>
-    `}_renderLineFields(){let e=this._wizardData.channels.line.credentials;return t`
-      <div class="form-field">
-        <label class="form-label">Channel Access Token</label>
-        <input class="form-input" type="password" .value=${e.channelAccessToken??``}
-          @input=${e=>this._updateChannelCredential(`line`,`channelAccessToken`,e.target.value)} />
-      </div>
-      <div class="form-field">
-        <label class="form-label">Channel Secret</label>
-        <input class="form-input" type="password" .value=${e.channelSecret??``}
-          @input=${e=>this._updateChannelCredential(`line`,`channelSecret`,e.target.value)} />
-      </div>
-    `}_renderSignalFields(){let e=this._wizardData.channels.signal.credentials;return t`
-      <div class="form-field">
-        <label class="form-label">Phone Number</label>
-        <input class="form-input" type="text" .value=${e.phone??``}
-          @input=${e=>this._updateChannelCredential(`signal`,`phone`,e.target.value)} />
-      </div>
-      <div class="form-field">
-        <label class="form-label">Signal CLI Path</label>
-        <input class="form-input" type="text" .value=${e.signalCliPath??``}
-          @input=${e=>this._updateChannelCredential(`signal`,`signalCliPath`,e.target.value)} />
-      </div>
-    `}_renderIrcFields(){let e=this._wizardData.channels.irc.credentials;return t`
-      <div class="form-field">
-        <label class="form-label">Server</label>
-        <input class="form-input" type="text" .value=${e.server??``}
-          @input=${e=>this._updateChannelCredential(`irc`,`server`,e.target.value)} />
-      </div>
-      <div class="form-field">
-        <label class="form-label">Port</label>
-        <input class="form-input" type="number" .value=${e.port??`6667`}
-          @input=${e=>this._updateChannelCredential(`irc`,`port`,e.target.value)} />
-      </div>
-      <div class="form-field">
-        <label class="form-label">Nickname</label>
-        <input class="form-input" type="text" .value=${e.nick??``}
-          @input=${e=>this._updateChannelCredential(`irc`,`nick`,e.target.value)} />
-      </div>
-      <div class="form-field">
-        <label class="form-label">Channels</label>
-        <input class="form-input" type="text" placeholder="Comma-separated, e.g. #general,#dev" .value=${e.channels??``}
-          @input=${e=>this._updateChannelCredential(`irc`,`channels`,e.target.value)} />
-      </div>
-    `}_renderImessageFields(){return t`
-      <div class="form-field">
-        <label class="form-label">AppleScript Path</label>
-        <input class="form-input" type="text" placeholder="Requires macOS with Messages app" .value=${this._wizardData.channels.imessage.credentials.applescriptPath??``}
-          @input=${e=>this._updateChannelCredential(`imessage`,`applescriptPath`,e.target.value)} />
-      </div>
-    `}_renderStep5(){return t`
-      <div class="yaml-preview">${this._yamlPreview}</div>
-      <div class="review-actions">
-        <button class="btn btn-secondary" @click=${()=>this._copyYaml()}>Copy</button>
-        <button class="btn btn-secondary" @click=${()=>this._downloadYaml()}>Download</button>
-        <button class="btn btn-primary" ?disabled=${this._applying} @click=${()=>this._applyConfig()}>
-          ${this._applying?`Applying...`:`Apply`}
-        </button>
-      </div>
-      ${this._applyStatus?t`<div class="apply-status">${this._applyStatus}</div>`:l}
-      ${this._applyDone?t`
-        <div class="dashboard-link">
-          <a @click=${e=>{e.preventDefault(),this._goToDashboard()}}>Go to Dashboard</a>
-        </div>
-      `:l}
-    `}_renderStepBar(){return t`
-      <div class="step-bar" role="navigation" aria-label="Setup wizard progress">
-        ${d.map((e,n)=>{let r=n<this._currentStep,i=n===this._currentStep,a=r?`completed`:i?`current`:``,o=r?`completed`:i?`current`:``;return t`
-            ${n>0?t`<div class="step-line ${n<=this._currentStep?`completed`:``}"></div>`:l}
-            <div class="step-item">
-              <div class="step-circle ${a}" aria-label="Step ${n+1}: ${e.label}">
-                ${r?t`&#10003;`:t`${n+1}`}
-              </div>
-              <span class="step-label ${o}">${e.label}</span>
-            </div>
-          `})}
-      </div>
-    `}render(){return t`
-      <div class="wizard-header">
-        <div class="wizard-title">Setup Wizard</div>
-        <div class="wizard-subtitle">Configure your Comis installation step by step</div>
-      </div>
-
-      ${this._renderStepBar()}
-
-      <div class="step-content">
-        ${this._currentStep===0?this._renderStep1():l}
-        ${this._currentStep===1?this._renderStep2():l}
-        ${this._currentStep===2?this._renderStep3():l}
-        ${this._currentStep===3?this._renderStep4():l}
-        ${this._currentStep===4?this._renderStep5():l}
-      </div>
-
-      <div class="nav-bar">
-        ${this._currentStep>0?t`<button class="btn btn-secondary" @click=${()=>this._goBack()}>Back</button>`:t`<div class="nav-spacer"></div>`}
-        ${this._currentStep<4?t`<button class="btn btn-primary" @click=${()=>this._goNext()}>
-              ${this._currentStep===3?`Review`:`Next`}
-            </button>`:t`<div class="nav-spacer"></div>`}
-      </div>
-    `}};c([s({attribute:!1})],b.prototype,`rpcClient`,void 0),c([a()],b.prototype,`_currentStep`,void 0),c([a()],b.prototype,`_wizardData`,void 0),c([a()],b.prototype,`_testResult`,void 0),c([a()],b.prototype,`_expandedChannels`,void 0),c([a()],b.prototype,`_yamlPreview`,void 0),c([a()],b.prototype,`_applying`,void 0),c([a()],b.prototype,`_applyStatus`,void 0),c([a()],b.prototype,`_applyDone`,void 0),c([a()],b.prototype,`_validationErrors`,void 0),c([a()],b.prototype,`_catalogProviders`,void 0),c([a()],b.prototype,`_catalogProvidersLoading`,void 0),c([a()],b.prototype,`_catalogProvidersError`,void 0),c([a()],b.prototype,`_modelOptions`,void 0),c([a()],b.prototype,`_modelOptionsLoading`,void 0),c([a()],b.prototype,`_modelOptionsError`,void 0),b=c([e(`ic-setup-wizard`)],b);export{b as IcSetupWizard};