pith-ui 0.0.0-stage → 0.1.1

package/dist/forms/custom-connection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-connection.js","sourceRoot":"","sources":["../../src/forms/custom-connection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAKpD,MAAM,SAAS,GAAG,CAAC,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,uBAAuB,CAAC,CAAC;AACpI,SAAS,cAAc,CAAC,KAAuB,EAAE,KAAa,IAAW,OAAO,wDAAwD,KAAK,mBAAmB,KAAK,GAAG,CAAC,4DAA4D,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,4DAA4D,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,gIAAgI,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,qGAAqG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,yHAAyH,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,oGAAoG,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,uIAAwI,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,CAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAW,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAA6B,CAAC,IAAI,CAAC,sBAAsB,IAAI,6CAA6C,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,8IAA8I,CAAC,CAAA,CAAC;AAE9+C,MAAM,UAAU,oBAAoB,CAAC,KAA0B,EAAE,KAAK,GAAG,CAAC;IACxE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAAC,OAAO,CAAC,SAAS,GAAG,sBAAsB,CAAC;IAAC,OAAO,CAAC,SAAS,GAAG,cAAc,CAAC,KAAK,EAAC,KAAK,CAAC,CAAC;IAC3I,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAsB,UAAU,CAAE,CAAC;IAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAAC,KAAK,CAAC,SAAS,GAAG,gBAAgB,CAAC;IAAC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAC,OAAO,CAAC,CAAC;IAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAAC,MAAM,KAAK,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAAC,IAAI,SAAS,GAAG,KAAK,CAAC;IACjR,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAmB,UAAU,IAAI,IAAI,CAAE,CAAC;IAC3F,MAAM,KAAK,GAAG,CAAC,KAAuB,EAAE,EAAE;QACxC,IAAI,SAAS;YAAE,OAAO;QACtB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACjG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;QAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QACzN,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;QACnI,KAAK,MAAM,IAAI,IAAI,CAAC,OAAO,EAAC,QAAQ,EAAC,WAAW,EAAC,YAAY,CAAU;YAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACvL,CAAC,CAAC;IACF,MAAM,KAAK,GAAG,CAAC,IAAW,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACrE,MAAM,IAAI,GAAG,GAAqB,EAAE,CAAC,CAAC,EAAC,WAAW,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAC,IAAI,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAC,aAAa,EAAC,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,EAAC,SAAS,EAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAC,SAAS,EAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,EAAC,MAAM,EAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,EAAC,MAAM,EAAC,EAAC,KAAK,EAAC,KAAK,CAAC,aAAa,CAAC,EAAC,MAAM,EAAC,KAAK,CAAC,cAAc,CAAC,EAAC,SAAS,EAAC,KAAK,CAAC,iBAAiB,CAAC,EAAC,UAAU,EAAC,KAAK,CAAC,kBAAkB,CAAC,EAAC,EAAC,CAAC,CAAC;IAClb,MAAM,MAAM,GAAG,CAAC,KAAoC,EAAE,EAAE,GAAE,IAAI,SAAS;QAAE,OAAO,CAAC,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS;QAAE,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS;QAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAC,OAAO,EAAC,KAAK,CAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,CAAC,CAAC,CAAA,CAAC,CAAC;IACtP,MAAM,CAAC,KAAK,CAAC,CAAC;IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,KAAI,IAAI,SAAS;YAAE,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA,CAAC,EAAC,CAAC;AAC5I,CAAC;AACD,MAAM,UAAU,4BAA4B,CAAC,KAA4B,EAAE,UAAkH,EAAE;IAC9L,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAAC,OAAO,CAAC,SAAS,GAAG,8BAA8B,CAAC;IAAC,OAAO,CAAC,SAAS,GAAG,4PAA4P,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,4GAA4G,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,kJAAkJ,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,0IAA0I,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,kDAAkD,CAAC,CAAC,CAAC,wCAAwC,olBAAolB,CAAC;IAC/jD,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC3F,MAAM,CAAC,GAAG,CAAsC,EAAU,EAAE,EAAE,CAAC,UAAU,CAAI,OAAO,EAAE,MAAM,GAAG,EAAE,CAAC,CAAC;IACnG,MAAM,IAAI,GAAG,CAAC,CAAkB,aAAa,CAAC,CAAC;IAAC,MAAM,KAAK,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,EAAmD,CAAC;IAAC,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC;IAAC,MAAM,KAAK,GAAG,IAAI,eAAe,EAAE,CAAC;IAAC,IAAI,OAAO,GAAG,KAAK,CAAC;IAC7Q,MAAM,GAAG,GAAG,CAAC,KAAuB,EAAE,EAAE,GAAE,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC,CAAC,MAAM,GAAG,GAAG,oBAAoB,CAAC,KAAK,EAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO;QAAE,KAAK,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAoB,QAAQ,CAAC;YAAE,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA,CAAC,CAAC;IAC3T,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,GAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,OAAO;QAAE,GAAG,CAAC,EAAC,EAAE,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAC,CAAC,CAAC,CAAA,CAAC,EAAE,EAAC,MAAM,EAAC,KAAK,CAAC,MAAM,EAAC,CAAC,CAAC;IACrK,CAAC,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,GAAE,MAAM,MAAM,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAoB,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO;QAAE,OAAO,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAc,oBAAoB,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA,CAAC,EAAE,EAAC,MAAM,EAAC,KAAK,CAAC,MAAM,EAAC,CAAC,CAAC;IACpY,MAAM,IAAI,GAAG,GAA0B,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAmB,aAAa,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAC,OAAO,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAmB,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAC,GAAG,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAoB,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAC,MAAM,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAmB,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAC,MAAM,EAAC,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAC,CAAC,CAAC;IACzW,MAAM,MAAM,GAAG,CAAC,IAAqC,EAAE,EAAE,GAAE,IAAI,SAAS;QAAE,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS;QAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAc,qBAAqB,CAAE,CAAC,CAAC,MAAM,CAAC,EAAC,OAAO,EAAC,IAAI,CAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,MAAM,MAAM,IAAI,IAAI,CAAC,gBAAgB,CAAoB,QAAQ,CAAC;QAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAC,QAAQ,EAAC,IAAI,CAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAC,CAAC,CAAC,CAAA,CAAC,CAAC;IACnc,MAAM,UAAU,GAAG,kBAAkB,CAAC,IAAI,EAAC,EAAC,IAAI,EAAC,WAAW,EAAC,GAAE,EAAE,CAAA,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,CAAC,QAAQ,EAAC,SAAS,CAAC,KAAK,IAAG,OAAO,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA,CAAC,EAAC,OAAO,CAAC,KAAK,IAAG,MAAM,CAAC,EAAC,GAAG,OAAO,EAAC,KAAK,EAAC,CAAC,CAAC,CAAA,CAAC,EAAC,CAAC,CAAC;IAClN,MAAM,CAAC,KAAK,CAAC,CAAC;IACd,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,KAAI,IAAI,SAAS;YAAE,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE;YAAE,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,gBAAgB,CAAmB,wBAAwB,CAAC;YAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA,CAAC,EAAC,CAAC;AACxV,CAAC","sourcesContent":["import {scopeIds,localField,bindFormSubmission} from './identity.js';\nimport type {ActionResult,UIBlock} from '../core.js';\nimport { escape, uniqueId } from '../dom.js';\nimport {adoptProductParts} from '../foundations.js';\nexport interface CustomModelValue {id: string; name?: string; contextWindow?: number; maxTokens?: number; reasoning?: boolean; input?: readonly string[]; cost?: {input: number; output: number; cacheRead: number; cacheWrite: number}}\nexport interface CustomConnectionState {name: string; baseUrl: string; api: string; editing: boolean; models: readonly CustomModelValue[]; error?: string; disabled?: boolean}\nexport interface CustomModelDraft {sourceIndex: number; id: string; name: string; contextWindow: number; maxTokens: number; reasoning: boolean; images: boolean; prices: {input: string; output: string; cacheRead: string; cacheWrite: string}}\nexport interface CustomConnectionDraft {name: string; baseUrl: string; api: string; apiKey: string; models: CustomModelDraft[]}\nconst protocols = ['openai-completions', 'openai-responses', 'anthropic-messages', 'google-generative-ai', 'mistral-conversations'];\nfunction modelRowMarkup(model: CustomModelValue, index: number): string {return `<fieldset class=\"pui-custom-model\" data-model-index=\"${index}\"><legend>Model ${index + 1}</legend><label>Model ID<input name=\"id\" required value=\"${escape(model.id)}\" /></label><label>Display name<input name=\"name\" value=\"${escape(model.name || '')}\" /></label><div class=\"pui-sdk-grid\"><label>Context tokens<input name=\"contextWindow\" type=\"number\" min=\"1\" required value=\"${escape(model.contextWindow)}\" /></label><label>Max output tokens<input name=\"maxTokens\" type=\"number\" min=\"1\" required value=\"${escape(model.maxTokens)}\" /></label></div><div class=\"pui-sdk-grid\"><label class=\"pui-checkbox-field\"><input name=\"reasoning\" type=\"checkbox\" ${model.reasoning ? 'checked' : ''} />Thinking effort</label><label class=\"pui-checkbox-field\"><input name=\"images\" type=\"checkbox\" ${model.input?.includes('image') ? 'checked' : ''} />Images</label></div><details class=\"pui-provider-advanced\"><summary>Price estimate (optional)</summary><div class=\"pui-sdk-grid\">${(['input', 'output', 'cacheRead', 'cacheWrite'] as const).map((rate) => `<label>${({ input: \"Input\", output: \"Output\", cacheRead: \"Cache read\", cacheWrite: \"Cache write\" } as Record<string, string>)[rate]}<input name=\"price-${rate}\" type=\"number\" min=\"0\" step=\"any\" value=\"${escape(model.cost?.[rate] ?? '')}\" /></label>`).join('')}</div></details><button type=\"button\" class=\"pui-secondary-button pui-destructive-button\" data-remove-model>Remove model</button></fieldset>`;}\nexport interface CustomModelRowState extends CustomModelValue {disabled?: boolean; error?: string}\nexport function createCustomModelRow(model: CustomModelRowState, index = 0): UIBlock<CustomModelRowState> & {read(): CustomModelDraft; reset(model: CustomModelValue): void} {\n  const element = document.createElement('div'); element.className = 'pui-custom-model-row'; element.innerHTML = modelRowMarkup(model,index);\n  const field = element.querySelector<HTMLFieldSetElement>('fieldset')!; const error = document.createElement('p'); error.className = 'pui-form-error'; error.setAttribute('role','alert'); element.append(error); const parts = adoptProductParts(element); let destroyed = false;\n  const input = (name: string) => field.querySelector<HTMLInputElement>(`[name=\"${name}\"]`)!;\n  const reset = (value: CustomModelValue) => {\n    if (destroyed) return;\n    parts.control(input('id')).reset(value.id); parts.control(input('name')).reset(value.name || '');\n    parts.control(input('contextWindow')).reset(value.contextWindow === undefined ? '' : String(value.contextWindow)); parts.control(input('maxTokens')).reset(value.maxTokens === undefined ? '' : String(value.maxTokens));\n    parts.control(input('reasoning')).reset(!!value.reasoning); parts.control(input('images')).reset(!!value.input?.includes('image'));\n    for (const rate of ['input','output','cacheRead','cacheWrite'] as const) parts.control(input('price-'+rate)).reset(value.cost?.[rate] === undefined ? '' : String(value.cost[rate]));\n  };\n  const value = (name:string) => parts.control(input(name)).getValue();\n  const read = (): CustomModelDraft => ({sourceIndex:index,id:value('id').trim(),name:value('name').trim(),contextWindow:Number(value('contextWindow')),maxTokens:Number(value('maxTokens')),reasoning:parts.control(input('reasoning')).getChecked(),images:parts.control(input('images')).getChecked(),prices:{input:value('price-input'),output:value('price-output'),cacheRead:value('price-cacheRead'),cacheWrite:value('price-cacheWrite')}});\n  const update = (state: Readonly<CustomModelRowState>) => {if (destroyed) return; if (state.disabled !== undefined) field.disabled = state.disabled; if (state.error !== undefined) parts.feedback(error).update({message:state.error,tone:'error'});};\n  update(model); return {element,read,reset,update,destroy() {if (destroyed) return; destroyed = true; parts.destroy(); element.remove();}};\n}\nexport function createCustomConnectionEditor(state: CustomConnectionState, options: {idPrefix?: string; onSubmit?: (draft: CustomConnectionDraft) => ActionResult | Promise<ActionResult>} = {}): UIBlock<CustomConnectionState> & {read(): CustomConnectionDraft; readonly form: HTMLFormElement} {\n const element = document.createElement('div'); element.className = 'pui-custom-connection-editor'; element.innerHTML = `<p class=\"pui-modal-description\">Give this endpoint its own name. It can coexist with official providers and other compatible endpoints.</p><form id=\"custom-form\"><label class=\"pui-field-label\">Connection name<input id=\"custom-name\" required value=\"${escape(state.name)}\" /></label><label class=\"pui-field-label\">API base URL<input id=\"custom-url\" type=\"url\" required value=\"${escape(state.baseUrl)}\" placeholder=\"https://example.com/v1\" /></label><label class=\"pui-field-label\">API protocol<select id=\"custom-api\" class=\"pui-feature-select\">${protocols.map((p) => `<option ${state.api === p ? 'selected' : ''}>${p}</option>`).join('')}</select></label><label class=\"pui-field-label\">API key<input id=\"custom-key\" type=\"password\" autocomplete=\"new-password\" placeholder=\"${state.editing ? 'Leave blank to keep the key at the same endpoint' : 'API key (optional for local endpoints)'}\" /></label><div id=\"custom-models\"></div><button type=\"button\" class=\"pui-secondary-button\" id=\"add-custom-model\">Add model</button><p class=\"pui-field-hint\">Limits and capabilities are provided by you. Prices are USD per million tokens. Fill all four rates (0 for free/unused), or leave all four blank for unknown prices.</p><p class=\"pui-form-error\" data-custom-error role=\"alert\"></p><div class=\"pui-modal-footer\"><button type=\"button\" class=\"pui-secondary-button\" data-close=\"sdk-dialog\">Cancel</button><button class=\"pui-primary-button\" type=\"submit\">Save connection</button></div></form>`;\n const prefix = options.idPrefix ?? uniqueId('pui-custom') + '-'; scopeIds(element, prefix);\n const $ = <T extends HTMLElement = HTMLElement>(id: string) => localField<T>(element, prefix + id);\n const form = $<HTMLFormElement>('custom-form'); const parts = adoptProductParts(element), rows = new Map<number, ReturnType<typeof createCustomModelRow>>(); let nextIndex = 0, destroyed = false, pending = false; const abort = new AbortController(); let current = state;\n const add = (model: CustomModelValue) => {const index = nextIndex++; const row = createCustomModelRow(model,index); rows.set(index,row); $('custom-models').append(row.element); if (current.disabled || pending) for (const button of row.element.querySelectorAll<HTMLButtonElement>('button')) button.disabled = true;};\n state.models.forEach(add);\n $('add-custom-model').addEventListener('click', () => {if (!current.disabled && !pending) add({id:'',contextWindow:128000,maxTokens:8192});}, {signal:abort.signal});\n $('custom-models').addEventListener('click', event => {const target = (event.target as HTMLElement).closest<HTMLButtonElement>('[data-remove-model]'); if (!target || target.disabled || current.disabled || pending) return; const index = Number(target.closest<HTMLElement>('[data-model-index]')?.dataset.modelIndex); rows.get(index)?.destroy(); rows.delete(index);}, {signal:abort.signal});\n const read = (): CustomConnectionDraft => ({name:parts.control($<HTMLInputElement>('custom-name')).getValue(),baseUrl:parts.control($<HTMLInputElement>('custom-url')).getValue(),api:parts.control($<HTMLSelectElement>('custom-api')).getValue(),apiKey:parts.control($<HTMLInputElement>('custom-key')).getValue(),models:[...rows.values()].map(row => row.read())});\n const update = (next: Readonly<CustomConnectionState>) => {if (destroyed) return; current = next; if (next.error !== undefined) parts.feedback(element.querySelector<HTMLElement>('[data-custom-error]')!).update({message:next.error,tone:'error'}); parts.update(); for (const button of form.querySelectorAll<HTMLButtonElement>('button')) parts.action(button).update({disabled:next.disabled,pending:button.hasAttribute('data-close') ? false : pending});};\n const submission = bindFormSubmission(form,{read,unavailable:()=>!!current.disabled,onSubmit:options.onSubmit,onPending(value) {pending = value; update(current);},onError(error) {update({...current,error});}});\n update(state);\n return {element,form,read,update,destroy() {if (destroyed) return; destroyed = true; submission.destroy(); abort.abort(); for (const row of rows.values()) row.destroy(); rows.clear(); for (const input of element.querySelectorAll<HTMLInputElement>('input[type=\"password\"]')) parts.control(input).reset(''); parts.destroy(); element.remove();}};\n}\n"]}

package/dist/forms/dialog-frame.d.ts

@@ -0,0 +1,41 @@
+import type { UIBlock } from '../core.js';
+export interface DialogContent {
+    element: HTMLElement;
+    destroy(): void;
+}
+export interface FeatureDialogState {
+    title: string;
+    body: Node | DialogContent;
+}
+export interface FeatureDialogOptions {
+    dialog?: HTMLDialogElement;
+    content?: HTMLElement;
+    dialogId?: string;
+    titleId?: string;
+    errorId?: string;
+    eyebrow?: string;
+    onClose?: () => void;
+}
+export declare function createFeatureDialogFrame(options?: FeatureDialogOptions): UIBlock<FeatureDialogState> & {
+    open(state: FeatureDialogState): void;
+    close(): void;
+    fail(message: string): void;
+    isOpen(): boolean;
+};
+export declare function createFeatureStatus(state: {
+    message: string;
+    error?: boolean;
+}): UIBlock<{
+    message: string;
+    error?: boolean;
+}>;
+export declare function createSDKDialogElements(options?: {
+    idPrefix?: string;
+}): {
+    dialog: HTMLDialogElement;
+    content: HTMLElement;
+    oauthDialog: HTMLDialogElement;
+    oauthContent: HTMLElement;
+    destroy(): void;
+};
+//# sourceMappingURL=dialog-frame.d.ts.map

package/dist/forms/dialog-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-frame.d.ts","sourceRoot":"","sources":["../../src/forms/dialog-frame.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAK1C,MAAM,WAAW,aAAa;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,OAAO,IAAI,IAAI,CAAA;CAAC;AACtE,MAAM,WAAW,kBAAkB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,IAAI,GAAG,aAAa,CAAA;CAAC;AAC/E,MAAM,WAAW,oBAAoB;IAAE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAC;AACxL,wBAAgB,wBAAwB,CAAC,OAAO,GAAE,oBAAyB,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG;IAAC,IAAI,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAAC,KAAK,IAAI,IAAI,CAAC;IAAC,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,IAAI,OAAO,CAAA;CAAC,CA8CjN;AACD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAC,CAAC,CAK1H;AACD,wBAAgB,uBAAuB,CAAC,OAAO,GAAE;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAM,GAAG;IAAC,MAAM,EAAE,iBAAiB,CAAC;IAAC,OAAO,EAAE,WAAW,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAC;IAAC,YAAY,EAAE,WAAW,CAAC;IAAC,OAAO,IAAI,IAAI,CAAA;CAAC,CAOxM"}

package/dist/forms/dialog-frame.js

@@ -0,0 +1,95 @@
+import { scopeIds } from './identity.js';
+import { dialogHeading, uniqueId } from '../dom.js';
+import { installDialogLifecycle } from '../surface.js';
+import { adoptFeedback } from '../foundations.js';
+export function createFeatureDialogFrame(options = {}) {
+    const dialog = options.dialog || document.createElement('dialog');
+    const content = options.content || document.createElement('div');
+    const dialogId = options.dialogId || dialog.id || uniqueId('pui-feature-dialog');
+    const titleId = options.titleId || `${dialogId}-title`;
+    const errorId = options.errorId || `${dialogId}-error`;
+    dialog.id = dialogId;
+    if (!options.dialog)
+        dialog.className = 'pui-modal pui-feature-modal pui-feature-dialog';
+    dialog.setAttribute('aria-labelledby', titleId);
+    if (!dialog.contains(content))
+        dialog.append(content);
+    const template = document.createElement('template');
+    template.innerHTML = dialogHeading('', titleId, dialogId, options.eyebrow || '');
+    const heading = template.content.firstElementChild;
+    const title = heading.querySelector('h2');
+    const close = heading.querySelector('[data-close]');
+    const error = document.createElement('p');
+    error.id = errorId;
+    error.dataset.dialogError = '';
+    error.className = 'pui-form-error';
+    error.setAttribute('role', 'alert');
+    const feedback = adoptFeedback(error, { presentation: 'inline', autoHide: false });
+    let current = null;
+    let currentBody = null;
+    let destroyed = false;
+    const clear = () => { current?.destroy(); current = null; currentBody = null; content.replaceChildren(); content.onclick = null; };
+    const lifecycle = installDialogLifecycle(dialog, { onClose() { clear(); options.onClose?.(); } });
+    const update = (state) => {
+        if (destroyed)
+            return;
+        const active = document.activeElement;
+        const restoreFocus = dialog.open && !!active && (content.contains(active) || active === dialog || active === document.body);
+        const activeId = restoreFocus ? active?.id : '';
+        const body = state.body instanceof Node ? state.body : state.body.element;
+        const next = state.body instanceof Node ? null : state.body;
+        const changed = body !== currentBody;
+        if (current !== next)
+            current?.destroy();
+        current = next;
+        if (changed) {
+            currentBody?.parentNode?.removeChild(currentBody);
+            currentBody = body;
+            content.replaceChildren(heading, body, error);
+            content.onclick = null;
+        }
+        else if (heading.parentNode !== content)
+            content.replaceChildren(heading, body, error);
+        title.textContent = state.title;
+        close.setAttribute('aria-label', `Close ${state.title.toLowerCase()}`);
+        feedback.update({ message: '', tone: 'error' });
+        if (restoreFocus && changed) {
+            const previous = activeId ? Array.from(content.querySelectorAll('[id]')).find((node) => node.getAttribute('id') === activeId) : null;
+            const target = previous || content.querySelector('[data-close]');
+            target?.focus({ preventScroll: true });
+        }
+    };
+    return { element: dialog, update, open(state) { update(state); if (!destroyed)
+            lifecycle.open(); }, close: lifecycle.close, isOpen: lifecycle.isOpen, fail(message) { if (!destroyed)
+            feedback.update({ message, tone: 'error' }); }, destroy() { if (destroyed)
+            return; destroyed = true; lifecycle.close(); lifecycle.destroy(); clear(); feedback.destroy(); if (!options.dialog)
+            dialog.remove(); } };
+}
+export function createFeatureStatus(state) {
+    const element = document.createElement('p');
+    const feedback = adoptFeedback(element, { presentation: 'inline', autoHide: false });
+    const update = (state) => { element.className = state.error ? 'pui-form-error' : 'pui-feature-hint'; feedback.update({ message: state.message, tone: state.error ? 'error' : 'info' }); };
+    update(state);
+    return { element, update, destroy() { feedback.destroy(); element.remove(); } };
+}
+export function createSDKDialogElements(options = {}) {
+    const dialog = document.createElement('dialog');
+    dialog.id = 'sdk-dialog';
+    dialog.className = 'pui-modal pui-feature-modal';
+    dialog.setAttribute('aria-labelledby', 'sdk-title');
+    const content = document.createElement('div');
+    content.id = 'sdk-content';
+    dialog.append(content);
+    const oauthDialog = document.createElement('dialog');
+    oauthDialog.id = 'oauth-dialog';
+    oauthDialog.className = 'pui-modal';
+    oauthDialog.setAttribute('aria-labelledby', 'oauth-title');
+    const oauthContent = document.createElement('div');
+    oauthContent.id = 'oauth-content';
+    oauthDialog.append(oauthContent);
+    const prefix = options.idPrefix ?? uniqueId('pui-sdk') + '-';
+    scopeIds(dialog, prefix);
+    scopeIds(oauthDialog, prefix);
+    return { dialog, content, oauthDialog, oauthContent, destroy() { dialog.remove(); oauthDialog.remove(); } };
+}
+//# sourceMappingURL=dialog-frame.js.map

package/dist/forms/dialog-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-frame.js","sourceRoot":"","sources":["../../src/forms/dialog-frame.ts"],"names":[],"mappings":"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","sourcesContent":["import {scopeIds} from './identity.js';\nimport type { UIBlock } from '../core.js';\nimport { dialogHeading, uniqueId } from '../dom.js';\nimport { installDialogLifecycle } from '../surface.js';\nimport { adoptFeedback } from '../foundations.js';\n\nexport interface DialogContent {element: HTMLElement; destroy(): void}\nexport interface FeatureDialogState {title: string; body: Node | DialogContent}\nexport interface FeatureDialogOptions {dialog?: HTMLDialogElement; content?: HTMLElement; dialogId?: string; titleId?: string; errorId?: string; eyebrow?: string; onClose?: () => void}\nexport function createFeatureDialogFrame(options: FeatureDialogOptions = {}): UIBlock<FeatureDialogState> & {open(state: FeatureDialogState): void; close(): void; fail(message: string): void; isOpen(): boolean} {\n  const dialog = options.dialog || document.createElement('dialog');\n  const content = options.content || document.createElement('div');\n  const dialogId = options.dialogId || dialog.id || uniqueId('pui-feature-dialog');\n  const titleId = options.titleId || `${dialogId}-title`;\n  const errorId = options.errorId || `${dialogId}-error`;\n  dialog.id = dialogId;\n  if (!options.dialog) dialog.className = 'pui-modal pui-feature-modal pui-feature-dialog';\n  dialog.setAttribute('aria-labelledby', titleId);\n  if (!dialog.contains(content)) dialog.append(content);\n  const template = document.createElement('template');\n  template.innerHTML = dialogHeading('', titleId, dialogId, options.eyebrow || '');\n  const heading = template.content.firstElementChild as HTMLElement;\n  const title = heading.querySelector('h2')!;\n  const close = heading.querySelector<HTMLButtonElement>('[data-close]')!;\n  const error = document.createElement('p'); error.id = errorId; error.dataset.dialogError = ''; error.className = 'pui-form-error'; error.setAttribute('role', 'alert');\n  const feedback = adoptFeedback(error, {presentation: 'inline', autoHide: false});\n  let current: DialogContent | null = null; let currentBody: Node | null = null; let destroyed = false;\n  const clear = () => {current?.destroy(); current = null; currentBody = null; content.replaceChildren(); content.onclick = null;};\n  const lifecycle = installDialogLifecycle(dialog, {onClose() { clear(); options.onClose?.(); }});\n  const update = (state: Readonly<FeatureDialogState>) => {\n    if (destroyed) return;\n    const active = document.activeElement;\n    const restoreFocus = dialog.open && !!active && (content.contains(active) || active === dialog || active === document.body);\n    const activeId = restoreFocus ? active?.id : '';\n    const body = state.body instanceof Node ? state.body : state.body.element;\n    const next = state.body instanceof Node ? null : state.body;\n    const changed = body !== currentBody;\n    if (current !== next) current?.destroy();\n    current = next;\n    if (changed) {\n      currentBody?.parentNode?.removeChild(currentBody);\n      currentBody = body;\n      content.replaceChildren(heading, body, error);\n      content.onclick = null;\n    } else if (heading.parentNode !== content) content.replaceChildren(heading, body, error);\n    title.textContent = state.title;\n    close.setAttribute('aria-label', `Close ${state.title.toLowerCase()}`);\n    feedback.update({message: '', tone: 'error'});\n    if (restoreFocus && changed) {\n      const previous = activeId ? Array.from(content.querySelectorAll<HTMLElement>('[id]')).find((node) => node.getAttribute('id') === activeId) : null;\n      const target = previous || content.querySelector<HTMLElement>('[data-close]');\n      target?.focus({preventScroll: true});\n    }\n  };\n  return {element: dialog, update, open(state) {update(state); if (!destroyed) lifecycle.open();}, close: lifecycle.close, isOpen: lifecycle.isOpen, fail(message) {if (!destroyed) feedback.update({message, tone: 'error'});}, destroy() {if (destroyed) return; destroyed = true; lifecycle.close(); lifecycle.destroy(); clear(); feedback.destroy(); if (!options.dialog) dialog.remove();}};\n}\nexport function createFeatureStatus(state: {message: string; error?: boolean}): UIBlock<{message: string; error?: boolean}> {\n  const element = document.createElement('p');\n  const feedback = adoptFeedback(element, {presentation: 'inline', autoHide: false});\n  const update = (state: {message: string; error?: boolean}) => {element.className = state.error ? 'pui-form-error' : 'pui-feature-hint'; feedback.update({message: state.message, tone: state.error ? 'error' : 'info'});};\n  update(state); return {element, update, destroy() {feedback.destroy(); element.remove();}};\n}\nexport function createSDKDialogElements(options: {idPrefix?: string} = {}): {dialog: HTMLDialogElement; content: HTMLElement; oauthDialog: HTMLDialogElement; oauthContent: HTMLElement; destroy(): void} {\n  const dialog = document.createElement('dialog'); dialog.id = 'sdk-dialog'; dialog.className = 'pui-modal pui-feature-modal'; dialog.setAttribute('aria-labelledby', 'sdk-title');\n  const content = document.createElement('div'); content.id = 'sdk-content'; dialog.append(content);\n  const oauthDialog = document.createElement('dialog'); oauthDialog.id = 'oauth-dialog'; oauthDialog.className = 'pui-modal'; oauthDialog.setAttribute('aria-labelledby', 'oauth-title');\n  const oauthContent = document.createElement('div'); oauthContent.id = 'oauth-content'; oauthDialog.append(oauthContent);\n  const prefix = options.idPrefix ?? uniqueId('pui-sdk') + '-'; scopeIds(dialog, prefix); scopeIds(oauthDialog, prefix);\n  return {dialog, content, oauthDialog, oauthContent, destroy() {dialog.remove(); oauthDialog.remove();}};\n}\n"]}

package/dist/forms/history.d.ts

@@ -0,0 +1,16 @@
+import type { UIBlock } from '../core.js';
+export interface BranchHistoryNode {
+    id: string;
+    role: string;
+    text: string;
+    active: boolean;
+}
+export interface BranchHistoryState {
+    nodes: readonly BranchHistoryNode[] | null;
+    error?: string;
+    loading?: boolean;
+}
+export declare function createBranchHistory(state: BranchHistoryState, options?: {
+    onContinue?: (id: string) => void | Promise<void>;
+}): UIBlock<BranchHistoryState>;
+//# sourceMappingURL=history.d.ts.map

package/dist/forms/history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"history.d.ts","sourceRoot":"","sources":["../../src/forms/history.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,iBAAiB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAC;AAC5F,MAAM,WAAW,kBAAkB;IAAE,KAAK,EAAE,SAAS,iBAAiB,EAAE,GAAG,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAC;AACnH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,kBAAkB,EAAE,OAAO,GAAE;IAAC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAK7J"}

package/dist/forms/history.js

@@ -0,0 +1,21 @@
+import { escape } from '../dom.js';
+export function createBranchHistory(state, options = {}) {
+    const element = document.createElement('div');
+    element.className = 'pui-branch-history';
+    const abort = new AbortController();
+    let destroyed = false;
+    const update = (state) => { if (destroyed)
+        return; if (state.loading) {
+        element.textContent = 'Loading history…';
+        return;
+    } if (state.error) {
+        element.textContent = state.error;
+        return;
+    } element.innerHTML = `<p class="pui-modal-description">Continue from any saved message. Other branches remain available here; files and external actions are not undone.</p><div class="pui-branch-list">${(state.nodes || []).map((node) => `<article class="pui-branch-node ${node.active ? 'pui-current-branch' : ''}"><div class="pui-connection-card-heading"><strong>${escape(node.role)}${node.active ? ' · current branch' : ''}</strong><button class="pui-secondary-button" data-branch="${escape(node.id)}">Continue here</button></div><p>${escape(node.text.slice(0, 360) || '(Image or empty reply)')}</p></article>`).join('') || '<p>No history yet.</p>'}</div>`; };
+    element.addEventListener('click', (event) => { const target = event.target.closest('[data-branch]'); if (target && options.onContinue)
+        void options.onContinue(target.dataset.branch); }, { signal: abort.signal });
+    update(state);
+    return { element, update, destroy() { if (destroyed)
+            return; destroyed = true; abort.abort(); element.remove(); } };
+}
+//# sourceMappingURL=history.js.map

package/dist/forms/history.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"history.js","sourceRoot":"","sources":["../../src/forms/history.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGnC,MAAM,UAAU,mBAAmB,CAAC,KAAyB,EAAE,UAA+D,EAAE;IAC/H,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAAC,OAAO,CAAC,SAAS,GAAG,oBAAoB,CAAC;IAAC,MAAM,KAAK,GAAG,IAAI,eAAe,EAAE,CAAC;IAAC,IAAI,SAAS,GAAG,KAAK,CAAC;IACpJ,MAAM,MAAM,GAAG,CAAC,KAAmC,EAAE,EAAE,GAAE,IAAI,SAAS;QAAE,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAAA,OAAO,CAAC,WAAW,GAAG,kBAAkB,CAAC;QAAC,OAAO;IAAA,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QAAA,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;QAAC,OAAO;IAAA,CAAC,CAAC,OAAO,CAAC,SAAS,GAAG,sLAAsL,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,mCAAmC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,sDAAsD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,8DAA8D,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,oCAAoC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,wBAAwB,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,wBAAwB,QAAQ,CAAC,CAAA,CAAC,CAAC;IACx2B,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,GAAE,MAAM,MAAM,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAoB,eAAe,CAAC,CAAC,CAAC,IAAI,MAAM,IAAI,OAAO,CAAC,UAAU;QAAE,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,MAAO,CAAC,CAAC,CAAA,CAAC,EAAE,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAC,CAAC,CAAC;IACrP,MAAM,CAAC,KAAK,CAAC,CAAC;IAAC,OAAO,EAAC,OAAO,EAAE,MAAM,EAAE,OAAO,KAAI,IAAI,SAAS;YAAE,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA,CAAC,EAAC,CAAC;AAChI,CAAC","sourcesContent":["import type { UIBlock } from '../core.js';\nimport { escape } from '../dom.js';\nexport interface BranchHistoryNode {id: string; role: string; text: string; active: boolean}\nexport interface BranchHistoryState {nodes: readonly BranchHistoryNode[] | null; error?: string; loading?: boolean}\nexport function createBranchHistory(state: BranchHistoryState, options: {onContinue?: (id: string) => void | Promise<void>} = {}): UIBlock<BranchHistoryState> {\n const element = document.createElement('div'); element.className = 'pui-branch-history'; const abort = new AbortController(); let destroyed = false;\n const update = (state: Readonly<BranchHistoryState>) => {if (destroyed) return; if (state.loading) {element.textContent = 'Loading history…'; return;} if (state.error) {element.textContent = state.error; return;} element.innerHTML = `<p class=\"pui-modal-description\">Continue from any saved message. Other branches remain available here; files and external actions are not undone.</p><div class=\"pui-branch-list\">${(state.nodes || []).map((node) => `<article class=\"pui-branch-node ${node.active ? 'pui-current-branch' : ''}\"><div class=\"pui-connection-card-heading\"><strong>${escape(node.role)}${node.active ? ' · current branch' : ''}</strong><button class=\"pui-secondary-button\" data-branch=\"${escape(node.id)}\">Continue here</button></div><p>${escape(node.text.slice(0, 360) || '(Image or empty reply)')}</p></article>`).join('') || '<p>No history yet.</p>'}</div>`;};\n element.addEventListener('click', (event) => {const target = (event.target as HTMLElement).closest<HTMLButtonElement>('[data-branch]'); if (target && options.onContinue) void options.onContinue(target.dataset.branch!);}, {signal: abort.signal});\n update(state); return {element, update, destroy() {if (destroyed) return; destroyed = true; abort.abort(); element.remove();}};\n}\n"]}

package/dist/forms/identity.d.ts

@@ -0,0 +1,16 @@
+/** Scope DOM IDs and their references without relying on document-level lookup. */
+export declare function scopeIds(root: HTMLElement, prefix: string): void;
+export declare function localField<T extends HTMLElement = HTMLElement>(root: HTMLElement, id: string): T;
+import { type ActionResult } from '../core.js';
+/** Shared form lifetime; business writes and target identity remain with the caller. */
+export declare function bindFormSubmission<Value>(form: HTMLFormElement, options: {
+    read: () => Value;
+    unavailable: () => boolean;
+    onSubmit?: (value: Value) => ActionResult | Promise<ActionResult>;
+    onPending: (pending: boolean) => void;
+    onError: (error: string) => void;
+}): {
+    invalidate(): void;
+    destroy(): void;
+};
+//# sourceMappingURL=identity.d.ts.map

package/dist/forms/identity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity.d.ts","sourceRoot":"","sources":["../../src/forms/identity.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAQhE;AACD,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,CAIhG;AACD,OAAO,EAAY,KAAK,YAAY,EAAC,MAAM,YAAY,CAAC;AAGxD,wFAAwF;AACxF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,IAAI,EAAC,eAAe,EAAC,OAAO,EAAC;IACrE,IAAI,EAAC,MAAI,KAAK,CAAC;IACf,WAAW,EAAC,MAAI,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAC,KAAK,KAAG,YAAY,GAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC7D,SAAS,EAAC,CAAC,OAAO,EAAC,OAAO,KAAG,IAAI,CAAC;IAClC,OAAO,EAAC,CAAC,KAAK,EAAC,MAAM,KAAG,IAAI,CAAC;CAC9B,GAAE;IAAC,UAAU,IAAG,IAAI,CAAC;IAAA,OAAO,IAAG,IAAI,CAAA;CAAC,CAUpC"}

package/dist/forms/identity.js

@@ -0,0 +1,53 @@
+/** Scope DOM IDs and their references without relying on document-level lookup. */
+export function scopeIds(root, prefix) {
+    for (const control of root.querySelectorAll('input:not([type="checkbox"]):not([type="file"]), textarea, select'))
+        control.classList.add('pui-control');
+    if (!prefix)
+        return;
+    const attributes = ['id', 'for', 'aria-labelledby', 'aria-describedby', 'aria-controls', 'data-close'];
+    for (const node of [root, ...root.querySelectorAll('*')])
+        for (const attribute of attributes) {
+            const value = node.getAttribute(attribute);
+            if (value)
+                node.setAttribute(attribute, value.split(' ').map(id => prefix + id).join(' '));
+        }
+}
+export function localField(root, id) {
+    const found = [...root.querySelectorAll('[id]')].find(node => node.getAttribute('id') === id);
+    if (!found)
+        throw new Error(`Unknown component field: ${id}`);
+    return found;
+}
+import { Generation } from '../core.js';
+/** Shared form lifetime; business writes and target identity remain with the caller. */
+export function bindFormSubmission(form, options) {
+    const generation = new Generation(), abort = new AbortController();
+    let pending = false;
+    if (options.onSubmit)
+        form.addEventListener('submit', async (event) => {
+            event.preventDefault();
+            if (pending || options.unavailable() || !form.reportValidity())
+                return;
+            const sequence = generation.next();
+            pending = true;
+            options.onError('');
+            options.onPending(true);
+            try {
+                const result = await options.onSubmit(options.read());
+                if (generation.current(sequence) && !result.ok)
+                    options.onError(result.error);
+            }
+            catch (error) {
+                if (generation.current(sequence))
+                    options.onError(error instanceof Error ? error.message : String(error));
+            }
+            finally {
+                if (generation.current(sequence)) {
+                    pending = false;
+                    options.onPending(false);
+                }
+            }
+        }, { signal: abort.signal });
+    return { invalidate() { generation.invalidate(); pending = false; options.onPending(false); }, destroy() { generation.destroy(); abort.abort(); } };
+}
+//# sourceMappingURL=identity.js.map

package/dist/forms/identity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity.js","sourceRoot":"","sources":["../../src/forms/identity.ts"],"names":[],"mappings":"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","sourcesContent":["/** Scope DOM IDs and their references without relying on document-level lookup. */\nexport function scopeIds(root: HTMLElement, prefix: string): void {\n  for (const control of root.querySelectorAll<HTMLElement>('input:not([type=\"checkbox\"]):not([type=\"file\"]), textarea, select')) control.classList.add('pui-control');\n  if (!prefix) return;\n  const attributes = ['id', 'for', 'aria-labelledby', 'aria-describedby', 'aria-controls', 'data-close'];\n  for (const node of [root, ...root.querySelectorAll<HTMLElement>('*')]) for (const attribute of attributes) {\n    const value = node.getAttribute(attribute);\n    if (value) node.setAttribute(attribute, value.split(' ').map(id => prefix + id).join(' '));\n  }\n}\nexport function localField<T extends HTMLElement = HTMLElement>(root: HTMLElement, id: string): T {\n  const found = [...root.querySelectorAll<HTMLElement>('[id]')].find(node => node.getAttribute('id') === id);\n  if (!found) throw new Error(`Unknown component field: ${id}`);\n  return found as T;\n}\nimport {Generation,type ActionResult} from '../core.js';\n\n\n/** Shared form lifetime; business writes and target identity remain with the caller. */\nexport function bindFormSubmission<Value>(form:HTMLFormElement,options:{\n  read:()=>Value;\n  unavailable:()=>boolean;\n  onSubmit?: (value:Value)=>ActionResult|Promise<ActionResult>;\n  onPending:(pending:boolean)=>void;\n  onError:(error:string)=>void;\n}):{invalidate():void;destroy():void} {\n  const generation = new Generation(),abort = new AbortController(); let pending = false;\n  if (options.onSubmit) form.addEventListener('submit',async event=>{\n    event.preventDefault(); if (pending || options.unavailable() || !form.reportValidity()) return;\n    const sequence = generation.next(); pending = true; options.onError(''); options.onPending(true);\n    try {const result = await options.onSubmit!(options.read()); if (generation.current(sequence) && !result.ok) options.onError(result.error);}\n    catch (error) {if (generation.current(sequence)) options.onError(error instanceof Error ? error.message : String(error));}\n    finally {if (generation.current(sequence)) {pending = false; options.onPending(false);}}\n  },{signal:abort.signal});\n  return {invalidate() {generation.invalidate(); pending = false; options.onPending(false);},destroy() {generation.destroy(); abort.abort();}};\n}\n"]}

package/dist/forms/model-editor.d.ts

@@ -0,0 +1,40 @@
+import type { UIBlock } from '../core.js';
+export interface ModelProviderOption {
+    id: string;
+    name: string;
+    model?: string;
+    thinkingLevel?: string;
+}
+export interface ModelOption {
+    id: string;
+    name: string;
+    provider: string;
+    thinkingLevels?: readonly string[] | null;
+    supportsImages: boolean;
+    contextWindow: number;
+    maxTokens: number;
+}
+export interface ModelEditorState {
+    providers: readonly ModelProviderOption[] | null;
+    models: readonly ModelOption[] | null;
+    selection: ModelSelection;
+    disabled?: boolean;
+}
+export interface ModelSelection {
+    provider: string;
+    model: string;
+    thinkingLevel: string;
+}
+export interface ModelEditorBlock extends UIBlock<ModelEditorState> {
+    read(): ModelSelection;
+    reset(selection: ModelSelection): void;
+    focus(): void;
+}
+export declare function thinkingLabel(level: string): string;
+export declare function modelEditorMarkup(prefix: string): string;
+export declare function createModelEditor(initial: ModelEditorState, options?: {
+    prefix?: string;
+    element?: HTMLElement;
+    onChange?: (selection: ModelSelection) => void;
+}): ModelEditorBlock;
+//# sourceMappingURL=model-editor.d.ts.map

package/dist/forms/model-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-editor.d.ts","sourceRoot":"","sources":["../../src/forms/model-editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAG1C,MAAM,WAAW,mBAAmB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IAC1C,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,SAAS,mBAAmB,EAAE,GAAG,IAAI,CAAC;IACjD,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,IAAI,CAAC;IACtC,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;CACzB;AACD,MAAM,WAAW,gBAAiB,SAAQ,OAAO,CAAC,gBAAgB,CAAC;IAC/D,IAAI,IAAI,cAAc,CAAC;IACvB,KAAK,CAAC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,KAAK,IAAI,IAAI,CAAC;CACjB;AACD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAuG;AAC3J,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAshC;AAC/kC,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,GAAE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CAC7C,GAAG,gBAAgB,CAqExB"}

package/dist/forms/model-editor.js

@@ -0,0 +1,89 @@
+import { escape, uniqueId } from '../dom.js';
+import { adoptProductParts, reconcileSelectOptions as optionsInto } from '../foundations.js';
+export function thinkingLabel(level) { return level === 'off' ? 'Thinking off' : `Thinking: ${level === 'xhigh' ? 'extra high' : level}`; }
+export function modelEditorMarkup(prefix) { prefix = escape(prefix); return `<label class="pui-field-label" for="${prefix}-provider">Provider</label><select class="pui-feature-select" id="${prefix}-provider" required disabled><option value="">Loading providers…</option></select><label class="pui-field-label" for="${prefix}-search">Model</label><input id="${prefix}-search" type="search" placeholder="Search by model name or ID" autocomplete="off" /><label class="pui-sr-only" for="${prefix}-model">Choose model</label><select id="${prefix}-model" class="pui-model-list" size="6" required disabled></select><p id="${prefix}-capabilities" class="pui-field-hint" aria-live="polite"></p><label class="pui-field-label" id="${prefix}-thinking-label" for="${prefix}-thinking">Thinking effort</label><select id="${prefix}-thinking" class="pui-feature-select" aria-describedby="${prefix}-capabilities" required></select><p class="pui-field-hint">Built-in models come from the Pith SDK catalog. Custom models use your saved definitions. Availability depends on your endpoint and account.</p>`; }
+export function createModelEditor(initial, options = {}) {
+    const prefix = options.prefix || uniqueId('pui-model');
+    const element = options.element || document.createElement('div');
+    if (!options.element) {
+        element.className = 'pui-model-editor';
+        element.innerHTML = modelEditorMarkup(prefix);
+    }
+    const field = (id) => {
+        const result = Array.from(element.querySelectorAll('[id]')).find(node => node.id === prefix + '-' + id);
+        if (!result)
+            throw new Error(`Unknown model field: ${id}`);
+        return result;
+    };
+    const provider = field('provider'), model = field('model'), search = field('search'), effort = field('thinking');
+    const parts = adoptProductParts(element), abort = new AbortController();
+    let destroyed = false, initialized = false, signature = '', selected = '';
+    let state = initial;
+    const read = () => ({ provider: parts.control(provider).getValue(), model: parts.control(model).getValue(), thinkingLevel: parts.control(effort).getValue() });
+    const disabled = () => { parts.control(provider).update({ disabled: !!state.disabled || !state.providers?.length }); parts.control(model).update({ disabled: !!state.disabled || !model.options.length }); parts.control(effort).update({ disabled: !!state.disabled || effort.options.length < 2 }); parts.control(search).update({ disabled: !!state.disabled }); };
+    const capabilities = (preferred = effort.value) => {
+        selected = model.value;
+        const entry = (state.models || []).find(entry => entry.provider === provider.value && entry.id === selected);
+        const levels = entry?.thinkingLevels?.length ? entry.thinkingLevels : ['off'];
+        optionsInto(effort, levels.map(level => ({ value: level, label: thinkingLabel(level) })));
+        effort.value = levels.includes(preferred) ? preferred : levels.includes('high') ? 'high' : levels.includes('medium') ? 'medium' : levels[0];
+        effort.hidden = levels.length < 2;
+        field('thinking-label').hidden = effort.hidden;
+        field('capabilities').textContent = entry ? `${entry.supportsImages ? 'Text + images' : 'Text only'} · ${new Intl.NumberFormat('en').format(entry.contextWindow)} context tokens · ${new Intl.NumberFormat('en').format(entry.maxTokens)} max output tokens` : 'No matching models.';
+        disabled();
+    };
+    const renderModels = (preferred = effort.value) => {
+        const query = search.value.trim().toLowerCase();
+        const entries = (state.models || []).filter(entry => entry.provider === provider.value && (entry.id === selected || `${entry.name} ${entry.id}`.toLowerCase().includes(query)));
+        optionsInto(model, entries.map(entry => ({ value: entry.id, label: `${entry.name} — ${entry.id}` })));
+        model.value = entries.some(entry => entry.id === selected) ? selected : entries[0]?.id || '';
+        capabilities(preferred);
+    };
+    const chooseProvider = (selection) => {
+        const entry = state.providers?.find(entry => entry.id === provider.value);
+        search.value = '';
+        selected = selection && selection.provider === provider.value ? selection.model : entry?.model || '';
+        renderModels(selection && selection.provider === provider.value ? selection.thinkingLevel : entry?.thinkingLevel || 'high');
+    };
+    const reset = (selection) => {
+        if (destroyed)
+            return;
+        parts.control(provider).reset(state.providers?.some(entry => entry.id === selection.provider) ? selection.provider : state.providers?.[0]?.id || '');
+        chooseProvider(selection);
+    };
+    const update = (next) => {
+        if (destroyed)
+            return;
+        const draft = read();
+        state = next;
+        const nextSignature = JSON.stringify([next.providers, next.models]);
+        if (nextSignature !== signature) {
+            signature = nextSignature;
+            optionsInto(provider, (state.providers || []).map(entry => ({ value: entry.id, label: entry.name })));
+            if (!initialized || !draft.provider)
+                reset(next.selection);
+            else {
+                provider.value = state.providers?.some(entry => entry.id === draft.provider) ? draft.provider : state.providers?.[0]?.id || '';
+                selected = draft.model;
+                renderModels(draft.thinkingLevel);
+            }
+            initialized = true;
+        }
+        disabled();
+    };
+    provider.addEventListener('change', () => chooseProvider(), { signal: abort.signal });
+    model.addEventListener('change', () => capabilities(), { signal: abort.signal });
+    search.addEventListener('input', () => renderModels(), { signal: abort.signal });
+    element.addEventListener('change', () => options.onChange?.(read()), { signal: abort.signal });
+    update(initial);
+    return { element, update, read, reset, focus() { parts.control(search).focus(); }, destroy() {
+            if (destroyed)
+                return;
+            destroyed = true;
+            abort.abort();
+            parts.destroy();
+            if (!options.element)
+                element.remove();
+        } };
+}
+//# sourceMappingURL=model-editor.js.map

package/dist/forms/model-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-editor.js","sourceRoot":"","sources":["../../src/forms/model-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import type { UIBlock } from '../core.js';\nimport { escape, uniqueId } from '../dom.js';\nimport {adoptProductParts,reconcileSelectOptions as optionsInto} from '../foundations.js';\nexport interface ModelProviderOption {\n    id: string;\n    name: string;\n    model?: string;\n    thinkingLevel?: string;\n}\nexport interface ModelOption {\n    id: string;\n    name: string;\n    provider: string;\n    thinkingLevels?: readonly string[] | null;\n    supportsImages: boolean;\n    contextWindow: number;\n    maxTokens: number;\n}\nexport interface ModelEditorState {\n    providers: readonly ModelProviderOption[] | null;\n    models: readonly ModelOption[] | null;\n    selection: ModelSelection;\n    disabled?: boolean;\n}\nexport interface ModelSelection {\n    provider: string;\n    model: string;\n    thinkingLevel: string;\n}\nexport interface ModelEditorBlock extends UIBlock<ModelEditorState> {\n    read(): ModelSelection;\n    reset(selection: ModelSelection): void;\n    focus(): void;\n}\nexport function thinkingLabel(level: string): string { return level === 'off' ? 'Thinking off' : `Thinking: ${level === 'xhigh' ? 'extra high' : level}`; }\nexport function modelEditorMarkup(prefix: string): string { prefix = escape(prefix); return `<label class=\"pui-field-label\" for=\"${prefix}-provider\">Provider</label><select class=\"pui-feature-select\" id=\"${prefix}-provider\" required disabled><option value=\"\">Loading providers…</option></select><label class=\"pui-field-label\" for=\"${prefix}-search\">Model</label><input id=\"${prefix}-search\" type=\"search\" placeholder=\"Search by model name or ID\" autocomplete=\"off\" /><label class=\"pui-sr-only\" for=\"${prefix}-model\">Choose model</label><select id=\"${prefix}-model\" class=\"pui-model-list\" size=\"6\" required disabled></select><p id=\"${prefix}-capabilities\" class=\"pui-field-hint\" aria-live=\"polite\"></p><label class=\"pui-field-label\" id=\"${prefix}-thinking-label\" for=\"${prefix}-thinking\">Thinking effort</label><select id=\"${prefix}-thinking\" class=\"pui-feature-select\" aria-describedby=\"${prefix}-capabilities\" required></select><p class=\"pui-field-hint\">Built-in models come from the Pith SDK catalog. Custom models use your saved definitions. Availability depends on your endpoint and account.</p>`; }\nexport function createModelEditor(initial: ModelEditorState, options: {\n    prefix?: string;\n    element?: HTMLElement;\n    onChange?: (selection: ModelSelection) => void;\n} = {}): ModelEditorBlock {\n    const prefix = options.prefix || uniqueId('pui-model');\n    const element = options.element || document.createElement('div');\n    if (!options.element) {\n        element.className = 'pui-model-editor';\n        element.innerHTML = modelEditorMarkup(prefix);\n    }\n    const field = <T extends HTMLElement = HTMLElement>(id: string) => { const result = Array.from(element.querySelectorAll<HTMLElement>('[id]')).find(node => node.id === prefix + '-' + id); if (!result)\n        throw new Error(`Unknown model field: ${id}`); return result as T; };\n    const provider = field<HTMLSelectElement>('provider'), model = field<HTMLSelectElement>('model'), search = field<HTMLInputElement>('search'), effort = field<HTMLSelectElement>('thinking');\n    const parts = adoptProductParts(element), abort = new AbortController();\n    let destroyed = false, initialized = false, signature = '', selected = '';\n    let state: Readonly<ModelEditorState> = initial;\n    const read = (): ModelSelection => ({ provider: parts.control(provider).getValue(), model: parts.control(model).getValue(), thinkingLevel: parts.control(effort).getValue() });\n    const disabled = () => { parts.control(provider).update({ disabled: !!state.disabled || !state.providers?.length }); parts.control(model).update({ disabled: !!state.disabled || !model.options.length }); parts.control(effort).update({ disabled: !!state.disabled || effort.options.length < 2 }); parts.control(search).update({disabled:!!state.disabled}); };\n    const capabilities = (preferred = effort.value) => {\n        selected = model.value;\n        const entry = (state.models || []).find(entry => entry.provider === provider.value && entry.id === selected);\n        const levels = entry?.thinkingLevels?.length ? entry.thinkingLevels : ['off'];\n        optionsInto(effort, levels.map(level => ({ value: level, label: thinkingLabel(level) })));\n        effort.value = levels.includes(preferred) ? preferred : levels.includes('high') ? 'high' : levels.includes('medium') ? 'medium' : levels[0];\n        effort.hidden = levels.length < 2;\n        field('thinking-label').hidden = effort.hidden;\n        field('capabilities').textContent = entry ? `${entry.supportsImages ? 'Text + images' : 'Text only'} · ${new Intl.NumberFormat('en').format(entry.contextWindow)} context tokens · ${new Intl.NumberFormat('en').format(entry.maxTokens)} max output tokens` : 'No matching models.';\n        disabled();\n    };\n    const renderModels = (preferred = effort.value) => {\n        const query = search.value.trim().toLowerCase();\n        const entries = (state.models || []).filter(entry => entry.provider === provider.value && (entry.id === selected || `${entry.name} ${entry.id}`.toLowerCase().includes(query)));\n        optionsInto(model, entries.map(entry => ({ value: entry.id, label: `${entry.name} — ${entry.id}` })));\n        model.value = entries.some(entry => entry.id === selected) ? selected : entries[0]?.id || '';\n        capabilities(preferred);\n    };\n    const chooseProvider = (selection?: ModelSelection) => {\n        const entry = state.providers?.find(entry => entry.id === provider.value);\n        search.value = '';\n        selected = selection && selection.provider === provider.value ? selection.model : entry?.model || '';\n        renderModels(selection && selection.provider === provider.value ? selection.thinkingLevel : entry?.thinkingLevel || 'high');\n    };\n    const reset = (selection: ModelSelection) => { if (destroyed)\n        return; parts.control(provider).reset(state.providers?.some(entry => entry.id === selection.provider) ? selection.provider : state.providers?.[0]?.id || ''); chooseProvider(selection); };\n    const update = (next: Readonly<ModelEditorState>) => {\n        if (destroyed)\n            return;\n        const draft = read();\n        state = next;\n        const nextSignature = JSON.stringify([next.providers, next.models]);\n        if (nextSignature !== signature) {\n            signature = nextSignature;\n            optionsInto(provider, (state.providers || []).map(entry => ({ value: entry.id, label: entry.name })));\n            if (!initialized || !draft.provider)\n                reset(next.selection);\n            else {\n                provider.value = state.providers?.some(entry => entry.id === draft.provider) ? draft.provider : state.providers?.[0]?.id || '';\n                selected = draft.model;\n                renderModels(draft.thinkingLevel);\n            }\n            initialized = true;\n        }\n        disabled();\n    };\n    provider.addEventListener('change', () => chooseProvider(), { signal: abort.signal });\n    model.addEventListener('change', () => capabilities(), { signal: abort.signal });\n    search.addEventListener('input', () => renderModels(), { signal: abort.signal });\n    element.addEventListener('change', () => options.onChange?.(read()), { signal: abort.signal });\n    update(initial);\n    return { element, update, read, reset, focus() { parts.control(search).focus(); }, destroy() { if (destroyed)\n            return; destroyed = true; abort.abort(); parts.destroy(); if (!options.element)\n            element.remove(); } };\n}\n"]}