import { type ComfyUIWorkflowEntry } from '../shared.js';
import type { SettingsScope } from './index.js';
import type { LocaleService } from './gallery-view.js';
/** Settings fields the pill reads; a structural subset of the full settings shape. */
export interface PillSettings {
    comfyuiWorkflows?: readonly ComfyUIWorkflowEntry[];
    comfyuiActiveWorkflow?: string;
    comfyuiWorkflowJson?: string;
    comfyuiWorkflowName?: string;
    /** Opt-in toggle persisted by the settings card; the pill stays hidden until enabled. */
    showProviderPill?: boolean;
}
/** Business face injected at registration time by the client entry. */
export interface ProviderPillFace {
    scope: SettingsScope<PillSettings>;
    locale?: LocaleService | undefined;
}
export declare function ImageProviderPill(props: ProviderPillFace): JSX.Element | null;
export declare const PROVIDER_PILL_STYLE = "\n.dsh-ig-pill-root{position:relative;display:inline-flex;align-items:center;flex:none}\n.dsh-ig-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--dsw-alias-border-l2,#e3e6eb);border-radius:999px;background:var(--dsw-alias-bg-layer-3,#f6f7f9);color:var(--dsw-alias-label-secondary,#4b5563);font:inherit;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s}\n.dsh-ig-pill:hover{border-color:var(--dsw-alias-label-dimmed,#9ca3af);background:var(--dsw-alias-bg-layer-2,#eef0f3)}\n.dsh-ig-pill-dot{width:6px;height:6px;border-radius:50%;flex:none}\n.dsh-ig-pill-dot-ok{background:#22c55e}\n.dsh-ig-pill-dot-missing{background:#9ca3af}\n.dsh-ig-pill-label{font-weight:600;color:var(--dsw-alias-label-primary,#111827)}\n.dsh-ig-pill-value{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.dsh-ig-pill-chevron{display:inline-flex;align-items:center;transition:transform .16s}\n.dsh-ig-pill-chevron-open{transform:rotate(180deg)}\n.dsh-ig-pill-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:40;min-width:240px;max-width:320px;max-height:320px;overflow-y:auto;padding:6px;border:1px solid var(--dsw-alias-border-l2,#e3e6eb);border-radius:12px;background:var(--dsw-alias-bg-layer-3,#fff);box-shadow:0 10px 30px rgba(15,23,42,.16)}\n.dsh-ig-pill-menu-title{padding:4px 8px 6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dsw-alias-label-tertiary,#6b7280)}\n.dsh-ig-pill-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:8px;background:none;font:inherit;text-align:left;cursor:pointer}\n.dsh-ig-pill-option:hover{background:var(--dsw-alias-bg-layer-2,#eef0f3)}\n.dsh-ig-pill-check{flex:none;width:14px;color:var(--dsw-alias-brand-primary,#4c78ff);font-size:11px}\n.dsh-ig-pill-check-placeholder{flex:none;width:14px}\n.dsh-ig-pill-option-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}\n.dsh-ig-pill-option-name{font-size:12.5px;font-weight:500;color:var(--dsw-alias-label-primary,#111827);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.dsh-ig-pill-option-sub{font-size:11px;color:var(--dsw-alias-label-tertiary,#6b7280);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.dsh-ig-pill-empty{padding:6px 8px;font-size:11.5px;color:var(--dsw-alias-label-tertiary,#6b7280);line-height:1.4}\n.dsh-ig-pill-error{margin-top:4px;padding:6px 8px;border-radius:8px;background:rgba(239,68,68,.08);color:#ef4444;font-size:11.5px;line-height:1.4;word-break:break-all}\n";