openclaw/dist/control-ui/assets/model-setup-page-B0WDXswA.css

Multi-channel AI gateway with extensible messaging integrations

.model-setup{gap:18px;display:grid}.model-setup__intro{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.model-setup__intro h1,.model-setup-wizard h2{margin:0;font-size:20px}.model-setup__intro p{color:var(--muted);max-width:720px;margin:6px 0 0}.model-setup__rows{gap:10px;display:grid}.model-setup__loading-sections{gap:18px;display:grid}.model-setup__loading-row{min-height:72px}.model-setup__loading-section--selected .model-setup__loading-row{min-height:73px}.model-setup__loading-section--candidates .model-setup__loading-row{min-height:79px}.model-setup__loading-section--sign-in .model-setup__loading-row{min-height:68px}.model-setup__loading-sections .settings-section>p{margin:0 0 12px}.model-setup__loading-icon{flex:0 0 24px;width:24px;height:24px}.model-setup__loading-copy{flex:1;gap:8px;display:grid}.model-setup__loading-status{height:14px;color:var(--muted);font-size:12px;line-height:14px}.model-setup__loading-action{flex:none;width:96px;height:36px}.model-setup__row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.model-setup__row-main{flex:1;min-width:0}.model-setup__row-title{align-items:center;gap:8px;margin-bottom:3px;display:flex}.model-setup__icon{object-fit:contain;border-radius:5px;flex:0 0 24px;width:24px;height:24px}.model-setup__icon.provider-brand-icon--fallback{font-size:11px}.model-setup__provider-copy{align-items:center;gap:10px;min-width:0;display:flex}.model-setup__current-copy{min-width:0}.model-setup__row-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.model-setup__empty>p{margin:0 0 12px}.model-setup__recommendations{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.model-setup__recommendation{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);align-items:flex-start;gap:10px;padding:12px;display:flex}.model-setup__recommendation a{overflow-wrap:anywhere;margin-top:5px;font-size:12px;display:inline-block}.model-setup__icon--recommendation{flex-basis:28px;width:28px;height:28px}.model-setup__icon--recommendation.provider-brand-icon--fallback{font-size:12px}.model-setup__chip{border:1px solid var(--border);min-height:20px;color:var(--muted);border-radius:999px;align-items:center;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.model-setup__testing{color:var(--accent);margin-top:8px}.model-setup__verified{color:var(--ok);margin-top:8px;font-weight:600}.model-setup__failure{color:var(--danger);align-items:flex-start;gap:7px;margin-top:8px;font-size:12px;line-height:1.45;display:flex}.model-setup__failure-icon{color:var(--danger);flex:none;display:inline-flex}.model-setup__failure-icon svg{width:18px;height:18px}.model-setup__failure span:last-child{overflow-wrap:anywhere}.model-setup__more{margin-top:12px}.model-setup__more summary{cursor:var(--cursor-action);color:var(--muted);font-weight:600}.model-setup__more[open] summary{margin-bottom:10px}.model-setup__manual{gap:14px;max-width:720px;display:grid}.model-setup__manual .field{gap:6px;display:grid}.model-setup__manual input{width:100%}.model-setup-provider-select{width:100%;display:block}.model-setup-provider-select::part(menu){width:min(620px,100vw - 32px);max-height:min(420px,58dvh);padding:var(--menu-padding);border:1px solid var(--overlay-border);border-radius:var(--menu-radius);background:var(--bg-elevated);box-shadow:var(--overlay-shadow);color:var(--text);overflow-y:auto}.model-setup-provider-select__trigger{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-accent);width:100%;min-height:64px;color:var(--text);font:inherit;text-align:left;cursor:var(--cursor-action);outline:none;align-items:center;gap:12px;padding:10px 12px;display:flex}:root[data-theme-mode=light] .model-setup-provider-select__trigger{background:var(--bg-elevated)}.model-setup-provider-select__trigger:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring)}.model-setup-provider-select__trigger:disabled{opacity:.6;cursor:not-allowed}.model-setup-provider-select__copy{flex:1;gap:2px;min-width:0;display:grid}.model-setup-provider-select__copy strong,.model-setup-provider-select__copy span,.model-setup-provider-select__copy small{overflow-wrap:anywhere}.model-setup-provider-select__copy>span{color:var(--muted);font-size:12px}.model-setup-provider-select__copy>small{color:var(--muted);font-size:11px;line-height:1.35}.model-setup-provider-select__chevron,.model-setup-provider-select__placeholder-icon{color:var(--muted);flex:none;display:inline-flex}.model-setup-provider-select__chevron svg,.model-setup-provider-select__placeholder-icon svg,.model-setup__manual-help svg,.model-setup-success__icon svg,.model-setup-success__actions svg{width:18px;height:18px}.model-setup-provider-select__option{--wa-color-neutral-fill-normal:var(--bg-hover);border-radius:var(--menu-item-radius);color:var(--text);font:inherit;padding:6px 8px;font-size:13px}.model-setup-provider-select__option[data-selected]{background:var(--menu-selected)}.model-setup-provider-select__option::part(label){width:100%;min-width:0}.model-setup-provider-select__option .model-setup-provider-select__copy{padding:3px 0}.model-setup__icon--picker{flex-basis:28px;width:28px;height:28px}.model-setup__manual-help{color:var(--muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.45;display:flex}.model-setup__manual-help svg{color:var(--ok);flex:none}.model-setup__manual .btn{justify-self:start}.model-setup-success{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);width:min(480px,100vw - 48px);box-shadow:var(--shadow-lg);text-align:center;justify-items:center;gap:18px;padding:28px;display:grid}.model-setup-success__icon{background:color-mix(in srgb, var(--ok) 14%, var(--panel));width:52px;height:52px;color:var(--ok);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.model-setup-success__icon--provider{background:color-mix(in srgb, var(--text-strong) 8%, var(--panel))}.model-setup-success__provider-icon{width:30px;height:30px}.model-setup-success__status-badge{border:3px solid var(--panel);background:var(--ok);width:20px;height:20px;color:var(--panel);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-3px;right:-3px}.model-setup-success__status-badge svg{stroke-width:3px;width:11px;height:11px}.model-setup-success__icon>svg{width:28px;height:28px}.model-setup-success__copy h2{margin:0;font-size:20px}.model-setup-success__copy p{color:var(--muted);margin:8px 0 0;line-height:1.5}.model-setup-success__warning{color:var(--warn);text-align:center;font-size:13px;line-height:1.5}.model-setup-success__summary{border:1px solid color-mix(in srgb, var(--ok) 32%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--ok) 7%, var(--panel));gap:4px;width:100%;padding:14px;display:grid}.model-setup-success__summary span{color:var(--muted);font-size:12px}.model-setup-success__summary strong{overflow-wrap:anywhere;font-size:14px}.model-setup-success__actions{justify-content:center;gap:10px;width:100%;display:flex}.model-setup-success__actions .btn{justify-content:center}.model-setup-wizard{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);min-width:0;max-height:min(720px,100dvh - 48px);box-shadow:var(--shadow-lg);display:grid;overflow:hidden}.model-setup-wizard__header,.model-setup-wizard__body,.model-setup-wizard__footer{padding:18px}.model-setup-wizard__header{border-bottom:1px solid var(--border)}.model-setup-wizard__body{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid;overflow:auto}.model-setup-wizard__footer{border-top:1px solid var(--border);justify-content:flex-end;display:flex}@media (width<=640px){.model-setup__intro,.model-setup__row{flex-direction:column;align-items:stretch}.model-setup__loading-icon,.model-setup__loading-action,.model-setup__row>.btn{align-self:flex-start}.model-setup__row-actions{justify-content:flex-start}.model-setup-success{width:calc(100vw - 24px);padding:22px 18px}.model-setup-success__actions{flex-direction:column-reverse}.model-setup-success__actions .btn{width:100%}}