@desktalk/core 0.1.0-alpha.1

package/dist/frontend/assets/frontend-rTwBdJbn.js

@@ -0,0 +1,2123 @@
+import{W as ge,a as fe,u as T,d as Y,A as be,b as H,_ as Z}from"./index-C5-XUOS7.js";(()=>{if(typeof document>"u")return;const e="desktalk-style-desktalk-miniapp-preference-19q4gw2";if(document.getElementById(e))return;const t=document.createElement("style");t.id=e,t.textContent=`/* src/styles/PreferenceApp.module.css */
+.PreferenceApp_root {
+  display: flex;
+  height: 100%;
+  overflow: hidden;
+  background: var(--dt-window-body);
+  color: var(--dt-text);
+  font-family: var(--font-ui, "Work Sans", system-ui, -apple-system, sans-serif);
+}
+.PreferenceApp_rootCompact {
+  flex-direction: column;
+}
+.PreferenceApp_sidebar {
+  width: 180px;
+  min-width: 180px;
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+  overflow-y: auto;
+  padding: 8px 0;
+  border-right: 1px solid var(--dt-border);
+}
+.PreferenceApp_sidebarHeader {
+  padding: 12px 16px 8px;
+  color: var(--dt-text-muted);
+  font-size: 11px;
+  font-weight: 600;
+  font-family: var(--font-display, "Sora", system-ui, -apple-system, sans-serif);
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+.PreferenceApp_categoryItem {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 16px;
+  border: none;
+  background: none;
+  color: var(--dt-text);
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 13px;
+  text-align: left;
+  transition: background 0.1s;
+}
+.PreferenceApp_categoryItem:hover {
+  background: var(--dt-surface-hover);
+}
+.PreferenceApp_categoryItemActive {
+  background: var(--dt-surface);
+  border-left: 3px solid var(--dt-accent);
+  color: var(--dt-accent);
+  font-weight: 500;
+  padding-left: 13px;
+}
+.PreferenceApp_categoryIcon {
+  width: 20px;
+  font-size: 15px;
+  text-align: center;
+}
+.PreferenceApp_categoryText {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.PreferenceApp_settingsPanel {
+  flex: 1;
+  min-width: 0;
+  overflow-y: auto;
+  padding: 0;
+}
+.PreferenceApp_section {
+  padding: 20px 24px 8px;
+}
+.PreferenceApp_sectionTitle {
+  margin-bottom: 4px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid var(--dt-border);
+  color: var(--dt-text-muted);
+  font-size: 13px;
+  font-weight: 600;
+  font-family: var(--font-display, "Sora", system-ui, -apple-system, sans-serif);
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+.PreferenceApp_row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--dt-border-subtle);
+}
+.PreferenceApp_row:last-child {
+  border-bottom: none;
+}
+.PreferenceApp_rowInfo {
+  flex: 1;
+  min-width: 0;
+}
+.PreferenceApp_rowLabel {
+  margin-bottom: 2px;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: var(--font-ui, "Work Sans", system-ui, -apple-system, sans-serif);
+}
+.PreferenceApp_rowDescription {
+  color: var(--dt-text-muted);
+  font-size: 12px;
+  line-height: 1.4;
+}
+.PreferenceApp_rowRestartBadge {
+  display: inline-block;
+  margin-left: 6px;
+  padding: 1px 5px;
+  border-radius: 3px;
+  background: var(--dt-warning-subtle);
+  color: var(--dt-warning);
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+.PreferenceApp_rowControl {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 8px;
+}
+.PreferenceApp_providerGroup {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 12px 0 18px;
+  border-bottom: 1px solid var(--dt-border-subtle);
+}
+.PreferenceApp_providerGroupHeader {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+.PreferenceApp_providerList {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.PreferenceApp_providerCard {
+  margin: 0;
+}
+.PreferenceApp_providerCard dt-card {
+  display: block;
+  margin: 0;
+}
+.PreferenceApp_providerCardBody {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+.PreferenceApp_providerCardHeader {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+.PreferenceApp_providerCardTitleRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.PreferenceApp_providerCardTitle {
+  font-size: 14px;
+  font-weight: 600;
+  font-family: var(--font-display, "Sora", system-ui, -apple-system, sans-serif);
+  letter-spacing: -0.01em;
+}
+.PreferenceApp_providerDefaultBadge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 999px;
+  background: var(--dt-accent-ghost);
+  color: var(--dt-accent);
+  font-size: 11px;
+  font-weight: 600;
+}
+.PreferenceApp_providerCardActions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 8px;
+}
+.PreferenceApp_providerActionButtonWrap,
+.PreferenceApp_providerButtonWrap {
+  display: inline-flex;
+}
+.PreferenceApp_providerActionButtonWrap dt-button,
+.PreferenceApp_providerButtonWrap dt-button {
+  display: inline-flex;
+}
+.PreferenceApp_providerFieldGrid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+}
+.PreferenceApp_providerField {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 6px;
+}
+.PreferenceApp_providerFieldLabel {
+  color: var(--dt-text-muted);
+  font-size: 11px;
+  font-weight: 600;
+  font-family: var(--font-display, "Sora", system-ui, -apple-system, sans-serif);
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+.PreferenceApp_providerSelectWrap {
+  width: 100%;
+}
+.PreferenceApp_providerSelectWrap dt-select {
+  display: block;
+  width: 100%;
+}
+.PreferenceApp_selectWrap {
+  min-width: 120px;
+}
+.PreferenceApp_selectWrap dt-select {
+  display: block;
+  min-width: 120px;
+}
+.PreferenceApp_textInput,
+.PreferenceApp_numberInput,
+.PreferenceApp_dropdown {
+  padding: 6px 10px;
+  border: 1px solid var(--dt-border);
+  border-radius: 6px;
+  background: var(--dt-surface);
+  color: var(--dt-text);
+  font-family: var(--font-ui, "Work Sans", system-ui, -apple-system, sans-serif);
+  font-size: 13px;
+  outline: none;
+  transition:
+    border-color 0.15s,
+    box-shadow 0.15s,
+    background 0.15s;
+}
+.PreferenceApp_textInput:focus,
+.PreferenceApp_numberInput:focus,
+.PreferenceApp_dropdown:focus {
+  border-color: var(--dt-accent);
+  box-shadow: 0 0 0 3px var(--dt-accent-ghost);
+}
+.PreferenceApp_textInput {
+  width: 220px;
+}
+.PreferenceApp_textInput::placeholder {
+  color: var(--dt-text-muted);
+}
+.PreferenceApp_textInputSensitive {
+  font-family: var(--font-mono);
+  letter-spacing: 0.05em;
+}
+.PreferenceApp_numberInput {
+  width: 100px;
+  -moz-appearance: textfield;
+}
+.PreferenceApp_numberInput::-webkit-inner-spin-button,
+.PreferenceApp_numberInput::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.PreferenceApp_dropdown {
+  min-width: 120px;
+  cursor: pointer;
+}
+.PreferenceApp_colorControl {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.PreferenceApp_colorInput {
+  width: 40px;
+  height: 36px;
+  padding: 2px;
+  border: 1px solid var(--dt-border);
+  border-radius: 8px;
+  background: var(--dt-surface);
+  cursor: pointer;
+}
+.PreferenceApp_toggle {
+  position: relative;
+  width: 42px;
+  height: 24px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+.PreferenceApp_toggleInput {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+}
+.PreferenceApp_toggleTrack {
+  position: absolute;
+  inset: 0;
+  border: 1px solid var(--dt-border);
+  border-radius: 12px;
+  background: var(--dt-surface);
+  transition: background 0.2s, border-color 0.2s;
+}
+.PreferenceApp_toggleInput:checked + .PreferenceApp_toggleTrack {
+  border-color: var(--dt-accent);
+  background: var(--dt-accent);
+}
+.PreferenceApp_toggleKnob {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: var(--dt-text-on-accent);
+  transition: transform 0.2s;
+  pointer-events: none;
+}
+.PreferenceApp_toggleInput:checked ~ .PreferenceApp_toggleKnob {
+  transform: translateX(18px);
+}
+.PreferenceApp_notification {
+  position: fixed;
+  bottom: 80px;
+  left: 50%;
+  z-index: 1000;
+  padding: 10px 20px;
+  border: 1px solid color-mix(in oklab, var(--dt-warning) 40%, var(--dt-border));
+  border-radius: 8px;
+  background: color-mix(in oklab, var(--dt-warning) 20%, var(--dt-surface));
+  box-shadow: 0 14px 28px var(--dt-shadow-color);
+  color: var(--dt-text);
+  font-size: 13px;
+  font-weight: 500;
+  transform: translateX(-50%);
+  animation: PreferenceApp_slideUp 0.3s ease-out;
+}
+.PreferenceApp_rootCompact .PreferenceApp_sidebar {
+  width: 100%;
+  min-width: 0;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+  overflow-x: auto;
+  overflow-y: visible;
+  padding: 10px 12px;
+  border-right: none;
+  border-bottom: 1px solid var(--dt-border);
+  background: color-mix(in oklab, var(--dt-surface) 72%, transparent);
+}
+.PreferenceApp_rootCompact .PreferenceApp_sidebarHeader {
+  flex: 0 0 auto;
+  padding: 0 10px 0 0;
+  border-right: 1px solid var(--dt-border-subtle);
+  white-space: nowrap;
+}
+.PreferenceApp_rootCompact .PreferenceApp_categoryItem,
+.PreferenceApp_rootCompact .PreferenceApp_categoryItemActive {
+  position: relative;
+  width: 40px;
+  min-width: 40px;
+  height: 40px;
+  justify-content: center;
+  gap: 0;
+  padding: 0;
+  border: 1px solid transparent;
+  border-radius: 10px;
+  flex-shrink: 0;
+}
+.PreferenceApp_rootCompact .PreferenceApp_categoryItemActive {
+  border-left: 1px solid color-mix(in oklab, var(--dt-accent) 45%, var(--dt-border));
+  background: color-mix(in oklab, var(--dt-accent) 12%, var(--dt-surface));
+  box-shadow: 0 0 0 1px var(--dt-accent-ghost) inset;
+  padding-left: 0;
+}
+.PreferenceApp_rootCompact .PreferenceApp_settingsPanel {
+  padding-bottom: 12px;
+}
+.PreferenceApp_rootCompact .PreferenceApp_section {
+  padding: 16px 16px 8px;
+}
+.PreferenceApp_rootCompact .PreferenceApp_row {
+  align-items: stretch;
+  flex-direction: column;
+  gap: 12px;
+}
+.PreferenceApp_rootCompact .PreferenceApp_rowControl {
+  width: 100%;
+  min-width: 0;
+}
+.PreferenceApp_rootCompact .PreferenceApp_providerGroupHeader,
+.PreferenceApp_rootCompact .PreferenceApp_providerCardHeader {
+  flex-direction: column;
+}
+.PreferenceApp_rootCompact .PreferenceApp_providerCardActions {
+  justify-content: flex-start;
+}
+.PreferenceApp_rootCompact .PreferenceApp_providerActionButtonWrap,
+.PreferenceApp_rootCompact .PreferenceApp_providerButtonWrap {
+  width: 100%;
+}
+.PreferenceApp_rootCompact .PreferenceApp_providerFieldGrid {
+  grid-template-columns: 1fr;
+}
+.PreferenceApp_rootCompact .PreferenceApp_textInput,
+.PreferenceApp_rootCompact .PreferenceApp_textInputSensitive,
+.PreferenceApp_rootCompact .PreferenceApp_numberInput,
+.PreferenceApp_rootCompact .PreferenceApp_dropdown,
+.PreferenceApp_rootCompact .PreferenceApp_providerActionButtonWrap dt-button,
+.PreferenceApp_rootCompact .PreferenceApp_providerButtonWrap dt-button {
+  width: 100%;
+  min-width: 0;
+}
+.PreferenceApp_rootCompact .PreferenceApp_colorControl {
+  width: 100%;
+}
+.PreferenceApp_rootCompact .PreferenceApp_colorInput {
+  flex: 0 0 44px;
+}
+@keyframes PreferenceApp_slideUp {
+  from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
+}
+/*# sourceMappingURL=frontend.css.map */
+`,document.head.appendChild(t)})();var g=window.React;g.Children;g.Component;g.Fragment;g.Profiler;g.PureComponent;g.StrictMode;g.Suspense;g.cloneElement;g.createContext;g.createElement;g.createRef;g.forwardRef;g.isValidElement;g.lazy;g.memo;g.startTransition;var m=g.useCallback;g.useContext;g.useDebugValue;g.useDeferredValue;var x=g.useEffect;g.useId;g.useImperativeHandle;g.useInsertionEffect;g.useLayoutEffect;var ie=g.useMemo;g.useReducer;var J=g.useRef,A=g.useState;g.useSyncExternalStore;g.useTransition;g.version;var oe=window.ReactDOM,ve=oe.createRoot;oe.hydrateRoot;var j=["General","Server","AI","Voice"],M="openai",S=[{id:"anthropic",label:"Anthropic",supportsApiKey:!0,supportsBaseUrl:!1},{id:"azure-openai-responses",label:"Azure OpenAI",supportsApiKey:!0,supportsBaseUrl:!0},{id:M,label:"OpenAI",supportsApiKey:!0,supportsBaseUrl:!0},{id:"google",label:"Google Gemini",supportsApiKey:!0,supportsBaseUrl:!1},{id:"mistral",label:"Mistral",supportsApiKey:!0,supportsBaseUrl:!0},{id:"groq",label:"Groq",supportsApiKey:!0,supportsBaseUrl:!0},{id:"cerebras",label:"Cerebras",supportsApiKey:!0,supportsBaseUrl:!0},{id:"xai",label:"xAI",supportsApiKey:!0,supportsBaseUrl:!0},{id:"openrouter",label:"OpenRouter",supportsApiKey:!0,supportsBaseUrl:!0},{id:"vercel-ai-gateway",label:"Vercel AI Gateway",supportsApiKey:!0,supportsBaseUrl:!0},{id:"zai",label:"ZAI",supportsApiKey:!0,supportsBaseUrl:!1},{id:"opencode",label:"OpenCode Zen",supportsApiKey:!0,supportsBaseUrl:!1},{id:"opencode-go",label:"OpenCode Go",supportsApiKey:!0,supportsBaseUrl:!1},{id:"huggingface",label:"Hugging Face",supportsApiKey:!0,supportsBaseUrl:!0},{id:"kimi-coding",label:"Kimi For Coding",supportsApiKey:!0,supportsBaseUrl:!1},{id:"minimax",label:"MiniMax",supportsApiKey:!0,supportsBaseUrl:!1},{id:"minimax-cn",label:"MiniMax China",supportsApiKey:!0,supportsBaseUrl:!1},{id:"ollama",label:"Ollama",supportsApiKey:!1,supportsBaseUrl:!0}],P="openai-whisper",z=[{id:P,label:"OpenAI Whisper",supportsApiKey:!0,supportsBaseUrl:!0,supportsModel:!0,supportsAzureDeployment:!1,supportsAzureApiVersion:!1},{id:"azure-openai-whisper",label:"Azure OpenAI Whisper",supportsApiKey:!0,supportsBaseUrl:!0,supportsModel:!1,supportsAzureDeployment:!0,supportsAzureApiVersion:!0}],_e=new Set(S.map(e=>e.id)),xe=new Set(z.map(e=>e.id));function ae(e){return S.find(t=>t.id===e)}function ye(e){const t=ae(e);if(!t)return[];const r=[`ai.providers.${e}.model`];return t.supportsApiKey&&r.push(`ai.providers.${e}.apiKey`),t.supportsBaseUrl&&r.push(`ai.providers.${e}.baseUrl`),r}function se(e){if(typeof e!="string")return[M];const t=e.split(",").map(r=>r.trim()).filter((r,n,i)=>r&&i.indexOf(r)===n&&_e.has(r));return t.length>0?t:[M]}function we(e){return se(e.join(",")).join(",")}function de(e){return z.find(t=>t.id===e)}function Ae(e){const t=de(e);if(!t)return[];const r=[];return t.supportsApiKey&&r.push(`voice.providers.${e}.apiKey`),t.supportsModel&&r.push(`voice.providers.${e}.model`),t.supportsBaseUrl&&r.push(`voice.providers.${e}.baseUrl`),t.supportsAzureDeployment&&r.push(`voice.providers.${e}.azureDeployment`),t.supportsAzureApiVersion&&r.push(`voice.providers.${e}.azureApiVersion`),r}function le(e){if(typeof e!="string")return[P];const t=e.split(",").map(r=>r.trim()).filter((r,n,i)=>r&&i.indexOf(r)===n&&xe.has(r));return t.length>0?t:[P]}function ke(e){return le(e.join(",")).join(",")}function Ce(){const e=[{key:"ai.enabledProviders",label:"Enabled Providers",description:"Ordered list of configured AI providers.",type:"string",default:M,category:"AI"},{key:"ai.defaultProvider",label:"Default Provider",description:"Provider selected by default for chat and tool execution.",type:"string",default:M,options:S.map(t=>t.id),category:"AI"}];for(const t of S)e.push({key:`ai.providers.${t.id}.model`,label:`${t.label} Model`,description:`Model identifier to use when ${t.label} is selected.`,type:"string",default:"",category:"AI"}),t.supportsApiKey&&e.push({key:`ai.providers.${t.id}.apiKey`,label:`${t.label} API Key`,description:`API key for ${t.label}.`,type:"string",default:"",category:"AI",sensitive:!0}),t.supportsBaseUrl&&e.push({key:`ai.providers.${t.id}.baseUrl`,label:`${t.label} Base URL`,description:`Optional custom API base URL for ${t.label}.`,type:"string",default:"",category:"AI"});return e.push({key:"ai.maxTokens",label:"Max Tokens",description:"Maximum tokens per AI response.",type:"number",default:4096,min:256,max:128e3,category:"AI"}),e}var Pe=Ce();function Ee(){const e=[{key:"voice.enabledProviders",label:"Enabled Providers",description:"Ordered list of configured STT providers.",type:"string",default:P,category:"Voice"},{key:"voice.defaultProvider",label:"Default Provider",description:"Provider selected by default for voice transcription.",type:"string",default:P,options:z.map(t=>t.id),category:"Voice"}];for(const t of z)t.supportsApiKey&&e.push({key:`voice.providers.${t.id}.apiKey`,label:`${t.label} API Key`,description:`API key for ${t.label}.`,type:"string",default:"",category:"Voice",sensitive:!0}),t.supportsModel&&e.push({key:`voice.providers.${t.id}.model`,label:`${t.label} Model`,description:`Model identifier to use when ${t.label} is selected.`,type:"string",default:"whisper-1",category:"Voice"}),t.supportsBaseUrl&&e.push({key:`voice.providers.${t.id}.baseUrl`,label:`${t.label} Base URL`,description:t.id==="azure-openai-whisper"?"Base URL for Azure OpenAI Whisper requests.":`Optional custom API base URL for ${t.label}.`,type:"string",default:t.id===P?"https://api.openai.com/v1":"",category:"Voice"}),t.supportsAzureDeployment&&e.push({key:`voice.providers.${t.id}.azureDeployment`,label:`${t.label} Deployment`,description:"Azure OpenAI deployment name for Whisper transcription.",type:"string",default:"",category:"Voice"}),t.supportsAzureApiVersion&&e.push({key:`voice.providers.${t.id}.azureApiVersion`,label:`${t.label} API Version`,description:"Azure OpenAI API version used for transcription requests.",type:"string",default:"2024-06-01",category:"Voice"});return e}var Se=Ee(),G=[{key:"general.theme",label:"Theme",description:"UI theme: light or dark.",type:"string",default:"light",options:["light","dark"],category:"General"},{key:"general.accentColor",label:"Accent Color",description:"Primary theme color. Accepts hex values or any CSS color string.",type:"string",default:"#7c6ff7",category:"General"},{key:"general.language",label:"Language",description:"UI language/locale.",type:"string",default:"en",options:["en","zh","ja","ko","es","fr","de"],category:"General"},{key:"general.dataDirectory",label:"Data Directory",description:"Override the base data directory. Leave empty for platform default (resolved via env-paths).",type:"string",default:"",category:"General",requiresRestart:!0},{key:"server.host",label:"Host",description:"Server bind address.",type:"string",default:"localhost",category:"Server",requiresRestart:!0},{key:"server.port",label:"Port",description:"Server listen port.",type:"number",default:3e3,min:1,max:65535,category:"Server",requiresRestart:!0},...Pe,...Se,{key:"voice.silenceTimeoutMs",label:"Silence Timeout",description:"Silence duration (ms) before finalizing an utterance.",type:"number",default:800,min:200,max:5e3,category:"Voice"},{key:"voice.energyThreshold",label:"Energy Threshold",description:"RMS energy threshold for voice activity detection (0–32767).",type:"number",default:500,min:50,max:1e4,category:"Voice"}];function ze(){const e={};for(const t of G)e[t.key]=t.default;return e}function Me(e){return G.find(t=>t.key===e)}function Ne(e){return G.filter(t=>t.category===e)}var Te=`.dt-tooltip-popup {
+  position: fixed;
+  z-index: 2147483647;
+  padding: 6px 10px;
+  border: 1px solid var(--dt-accent);
+  border-radius: 2px;
+  background: var(--dt-surface);
+  color: var(--dt-text-secondary);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.4;
+  white-space: nowrap;
+  pointer-events: none;
+  user-select: none;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
+}
+
+/* Tech corner accents */
+.dt-tooltip-popup::before {
+  content: '';
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  width: 4px;
+  height: 4px;
+  border-top: 1px solid var(--dt-accent);
+  border-left: 1px solid var(--dt-accent);
+}
+
+.dt-tooltip-popup::after {
+  content: '';
+  position: absolute;
+  bottom: -1px;
+  right: -1px;
+  width: 4px;
+  height: 4px;
+  border-bottom: 1px solid var(--dt-accent);
+  border-right: 1px solid var(--dt-accent);
+}
+
+/* Arrow styling - tech/minimal */
+.dt-tooltip-popup[data-actual-placement='top'] {
+  transform: translateX(-50%);
+}
+
+.dt-tooltip-popup[data-actual-placement='top']::before {
+  top: auto;
+  bottom: -4px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 0;
+  height: 0;
+  border: 4px solid transparent;
+  border-top-color: var(--dt-accent);
+  border-left: none;
+  border-right: none;
+}
+
+.dt-tooltip-popup[data-actual-placement='bottom'] {
+  transform: translateX(-50%);
+}
+
+.dt-tooltip-popup[data-actual-placement='bottom']::before {
+  bottom: auto;
+  top: -4px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 0;
+  height: 0;
+  border: 4px solid transparent;
+  border-bottom-color: var(--dt-accent);
+  border-left: none;
+  border-right: none;
+}
+
+.dt-tooltip-popup[data-actual-placement='left'] {
+  transform: translateY(-50%);
+}
+
+.dt-tooltip-popup[data-actual-placement='left']::before {
+  left: auto;
+  top: 50%;
+  right: -4px;
+  transform: translateY(-50%);
+  width: 0;
+  height: 0;
+  border: 4px solid transparent;
+  border-left-color: var(--dt-accent);
+  border-top: none;
+  border-bottom: none;
+}
+
+.dt-tooltip-popup[data-actual-placement='right'] {
+  transform: translateY(-50%);
+}
+
+.dt-tooltip-popup[data-actual-placement='right']::before {
+  right: auto;
+  top: 50%;
+  left: -4px;
+  transform: translateY(-50%);
+  width: 0;
+  height: 0;
+  border: 4px solid transparent;
+  border-right-color: var(--dt-accent);
+  border-top: none;
+  border-bottom: none;
+}
+`,Ie="dt-tooltip-popup",C=8,Q=!1;function Le(){if(Q)return;let e=document.createElement("style");e.setAttribute("data-dt-tooltip",""),e.textContent=Te,document.head.appendChild(e),Q=!0}var Re=class extends HTMLElement{_popup=null;_showTimeout=null;_tooltipId="";_visible=!1;static get observedAttributes(){return["content","placement","delay","disabled"]}get content(){return this.getAttribute("content")??""}set content(e){this.setAttribute("content",e)}get placement(){let e=this.getAttribute("placement");return e==="bottom"||e==="left"||e==="right"?e:"top"}set placement(e){this.setAttribute("placement",e)}get delay(){let e=Number(this.getAttribute("delay"));return Number.isFinite(e)&&e>0?e:0}set delay(e){this.setAttribute("delay",String(e))}get disabled(){return this.hasAttribute("disabled")}set disabled(e){e?this.setAttribute("disabled",""):this.removeAttribute("disabled")}constructor(){super();let e=this.attachShadow({mode:"open"});e.innerHTML="<slot></slot>",this._tooltipId=`dt-tip-${Math.random().toString(36).slice(2,9)}`}connectedCallback(){Le(),this.addEventListener("mouseenter",this._onEnter),this.addEventListener("mouseleave",this._onLeave),this.addEventListener("focusin",this._onEnter),this.addEventListener("focusout",this._onLeave)}disconnectedCallback(){this.removeEventListener("mouseenter",this._onEnter),this.removeEventListener("mouseleave",this._onLeave),this.removeEventListener("focusin",this._onEnter),this.removeEventListener("focusout",this._onLeave),this._hide()}attributeChangedCallback(e,t,r){e==="disabled"&&this.disabled&&this._hide(),e==="content"&&this._popup&&(this._popup.textContent=this.content)}_onEnter=()=>{if(this.disabled||!this.content)return;this._showTimeout!==null&&clearTimeout(this._showTimeout);let e=()=>{this._createPopup(),this._position(),this._visible=!0};this.delay>0?this._showTimeout=setTimeout(e,this.delay):e()};_onLeave=()=>{this._hide()};_createPopup(){if(this._popup)return;let e=document.createElement("div");e.className=Ie,e.id=this._tooltipId,e.setAttribute("role","tooltip"),e.textContent=this.content,document.body.appendChild(e),this._popup=e;let t=this._getTrigger();t&&t.setAttribute("aria-describedby",this._tooltipId)}_hide(){if(this._showTimeout!==null&&(clearTimeout(this._showTimeout),this._showTimeout=null),this._popup){let e=this._getTrigger();e&&e.removeAttribute("aria-describedby"),this._popup.remove(),this._popup=null,this._visible=!1}}_getTrigger(){let e=this.shadowRoot?.querySelector("slot")?.assignedElements();return e&&e.length>0?e[0]:null}_position(){let e=this._popup;if(!e)return;let t=this.getBoundingClientRect(),r=e.getBoundingClientRect(),n=window.innerWidth,i=window.innerHeight,a=this.placement;a==="top"&&t.top-r.height-C<0?a="bottom":a==="bottom"&&t.bottom+r.height+C>i?a="top":a==="left"&&t.left-r.width-C<0?a="right":a==="right"&&t.right+r.width+C>n&&(a="left"),e.setAttribute("data-actual-placement",a);let c,d;switch(a){case"top":d=t.left+t.width/2,c=t.top-r.height-C;break;case"bottom":d=t.left+t.width/2,c=t.bottom+C;break;case"left":d=t.left-r.width-C,c=t.top+t.height/2;break;case"right":d=t.right+C,c=t.top+t.height/2;break}e.style.left=`${d}px`,e.style.top=`${c}px`}},He=`:host {
+  display: block;
+  margin-bottom: 12px;
+}
+
+.dt-card-inner {
+  background: var(--dt-surface);
+  border: 1px solid var(--dt-accent);
+  border-radius: 2px;
+  padding: 12px;
+  color: var(--dt-text);
+  font-family: var(--font-ui, 'Work Sans', system-ui, sans-serif);
+  position: relative;
+  height: 100%;
+}
+
+/* Corner accents for sci-fi feel */
+.dt-card-inner::before {
+  content: '';
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  width: 8px;
+  height: 8px;
+  border-top: 2px solid var(--dt-accent);
+  border-left: 2px solid var(--dt-accent);
+}
+
+.dt-card-inner::after {
+  content: '';
+  position: absolute;
+  bottom: -1px;
+  right: -1px;
+  width: 8px;
+  height: 8px;
+  border-bottom: 2px solid var(--dt-accent);
+  border-right: 2px solid var(--dt-accent);
+}
+
+:host([variant='outlined']) .dt-card-inner {
+  background: transparent;
+  border-style: dashed;
+}
+
+:host([variant='filled']) .dt-card-inner {
+  background: var(--dt-accent-subtle);
+  border-style: solid;
+}
+
+::slotted(h1),
+::slotted(h2),
+::slotted(h3),
+::slotted(h4),
+::slotted(h5),
+::slotted(h6) {
+  color: var(--dt-accent);
+  margin: 0 0 6px;
+  line-height: 1.2;
+  font-family: var(--font-display, 'Sora', system-ui, sans-serif);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-size: 0.85rem;
+}
+
+::slotted(p) {
+  color: var(--dt-text-secondary);
+  margin: 0 0 6px;
+  line-height: 1.4;
+  font-family: var(--font-ui, 'Work Sans', system-ui, sans-serif);
+  font-size: 0.8125rem;
+}
+
+::slotted(p:last-child) {
+  margin-bottom: 0;
+}
+`,Fe="dt-card-inner",Ve=class extends HTMLElement{static get observedAttributes(){return["variant"]}get variant(){let e=this.getAttribute("variant");return e==="outlined"||e==="filled"?e:"default"}set variant(e){this.setAttribute("variant",e)}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=He,e.appendChild(t);let r=document.createElement("div");r.className=Fe,r.innerHTML="<slot></slot>",e.appendChild(r)}},$e=`.dt-select-menu {
+  position: fixed;
+  z-index: 2147483646;
+  display: flex;
+  min-width: 200px;
+  max-width: min(300px, 72vw);
+  max-height: 240px;
+  flex-direction: column;
+  overflow-y: auto;
+  border: 1px solid var(--dt-accent);
+  border-radius: 2px;
+  background: var(--dt-surface);
+  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms ease;
+}
+
+.dt-select-menu[data-open] {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.dt-select-option {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 10px;
+  border: 0;
+  border-bottom: 1px solid var(--dt-border-subtle);
+  background: transparent;
+  color: var(--dt-text);
+  font-family: var(
+    --font-mono,
+    'SF Mono',
+    Monaco,
+    'Cascadia Code',
+    'Roboto Mono',
+    Consolas,
+    monospace
+  );
+  font-size: 0.8125rem;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-align: left;
+  cursor: pointer;
+  transition: all 0.1s ease;
+  user-select: none;
+}
+
+.dt-select-option:last-child {
+  border-bottom: none;
+}
+
+.dt-select-option:hover {
+  background: var(--dt-accent);
+  color: var(--dt-text-on-accent);
+}
+
+.dt-select-option.dt-select-option--active {
+  background: var(--dt-accent-subtle);
+  color: var(--dt-accent);
+}
+
+.dt-select-option span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+`,De=`:host {
+  display: block;
+  width: 100%;
+  min-width: 0;
+  position: relative;
+}
+
+:host([disabled]) .dt-select-trigger {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+
+.dt-select-trigger {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 10px;
+  border: 1px solid var(--dt-accent);
+  border-radius: 2px;
+  background: var(--dt-surface);
+  color: var(--dt-text);
+  font-family: var(
+    --font-mono,
+    'SF Mono',
+    Monaco,
+    'Cascadia Code',
+    'Roboto Mono',
+    Consolas,
+    monospace
+  );
+  font-size: 0.8125rem;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  line-height: 1;
+  cursor: pointer;
+  transition: all 0.1s ease;
+  user-select: none;
+  position: relative;
+}
+
+/* Corner accents */
+.dt-select-trigger::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 4px;
+  border-top: 1px solid var(--dt-accent);
+  border-left: 1px solid var(--dt-accent);
+}
+
+.dt-select-trigger::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 4px;
+  height: 4px;
+  border-bottom: 1px solid var(--dt-accent);
+  border-right: 1px solid var(--dt-accent);
+}
+
+.dt-select-trigger:hover:not([disabled]) {
+  background: var(--dt-accent);
+  color: var(--dt-text-on-accent);
+}
+
+.dt-select-trigger:hover:not([disabled])::before,
+.dt-select-trigger:hover:not([disabled])::after {
+  border-color: var(--dt-text-on-accent);
+}
+
+.dt-select-trigger[aria-expanded='true'] {
+  background: var(--dt-accent);
+  color: var(--dt-text-on-accent);
+}
+
+.dt-select-trigger[aria-expanded='true']::before,
+.dt-select-trigger[aria-expanded='true']::after {
+  border-color: var(--dt-text-on-accent);
+}
+
+.dt-select-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dt-select-chevron {
+  color: currentColor;
+  font-size: 10px;
+  transition: transform 140ms ease;
+  opacity: 0.7;
+}
+
+.dt-select-trigger[aria-expanded='true'] .dt-select-chevron {
+  transform: rotate(180deg);
+}
+`,Be="dt-select-trigger",ee="dt-select-label",Oe="dt-select-chevron",We="dt-select-menu",Ke="dt-select-option",Ue="dt-select-option--active",te=!1;function je(){if(te)return;let e=document.createElement("style");e.setAttribute("data-dt-select",""),e.textContent=$e,document.head.appendChild(e),te=!0}var qe=class extends HTMLElement{_menu=null;_trigger=null;_options=[];_open=!1;_menuId="";static get observedAttributes(){return["value","placeholder","disabled","align"]}get value(){return this.getAttribute("value")??""}set value(e){this.setAttribute("value",e)}get placeholder(){return this.getAttribute("placeholder")??"Select…"}set placeholder(e){this.setAttribute("placeholder",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){e?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get align(){return this.getAttribute("align")==="right"?"right":"left"}set align(e){this.setAttribute("align",e)}get options(){return this._options}set options(e){this._options=e,this._updateLabel(),this._open&&this._renderMenuItems()}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=De,e.appendChild(t);let r=document.createElement("button");r.type="button",r.className=Be,r.setAttribute("aria-haspopup","listbox"),r.setAttribute("aria-expanded","false");let n=document.createElement("span");n.className=ee,r.appendChild(n);let i=document.createElement("span");i.className=Oe,i.setAttribute("aria-hidden","true"),i.textContent="▾",r.appendChild(i),e.appendChild(r),this._trigger=r,this._menuId=`dt-sel-${Math.random().toString(36).slice(2,9)}`}connectedCallback(){je(),this._trigger.addEventListener("click",this._onTriggerClick),this._updateLabel()}disconnectedCallback(){this._trigger.removeEventListener("click",this._onTriggerClick),this._close()}attributeChangedCallback(e){e==="value"&&(this._updateLabel(),this._open&&this._renderMenuItems()),e==="placeholder"&&!this.value&&this._updateLabel(),e==="disabled"&&this.disabled&&this._close()}_updateLabel(){let e=this._trigger.querySelector(`.${ee}`),t=this._options.find(r=>r.value===this.value);e.textContent=t?.label??this.placeholder}_onTriggerClick=()=>{this.disabled||(this._open?this._close():this._openMenu())};_openMenu(){if(this._open)return;let e=document.createElement("div");e.className=We,e.id=this._menuId,e.setAttribute("role","listbox"),document.body.appendChild(e),this._menu=e,this._renderMenuItems(),this._position(),requestAnimationFrame(()=>{e.setAttribute("data-open","")}),this._open=!0,this._trigger.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>{document.addEventListener("mousedown",this._onOutsideClick),document.addEventListener("keydown",this._onKeyDown)})}_close(){if(this._open){if(document.removeEventListener("mousedown",this._onOutsideClick),document.removeEventListener("keydown",this._onKeyDown),this._menu){this._menu.removeAttribute("data-open");let e=this._menu;setTimeout(()=>e.remove(),140),this._menu=null}this._open=!1,this._trigger.setAttribute("aria-expanded","false")}}_onOutsideClick=e=>{let t=e.target;this._menu?.contains(t)||this.contains(t)||this._close()};_onKeyDown=e=>{e.key==="Escape"&&(this._close(),this._trigger.focus())};_renderMenuItems(){let e=this._menu;if(e){e.innerHTML="";for(let t of this._options){let r=document.createElement("button");r.type="button",r.className=Ke,r.setAttribute("role","option"),r.setAttribute("aria-selected",String(t.value===this.value)),t.value===this.value&&r.classList.add(Ue);let n=document.createElement("span");n.textContent=t.label,r.appendChild(n),r.addEventListener("click",()=>{this._selectValue(t.value)}),e.appendChild(r)}}}_selectValue(e){let t=this.value;this.value=e,this._updateLabel(),this._close(),e!==t&&this.dispatchEvent(new CustomEvent("dt-change",{detail:{value:e},bubbles:!0,composed:!0}))}_position(){let e=this._menu;if(!e)return;let t=this.getBoundingClientRect(),r=10,n=Math.max(t.width,240),i=t.bottom+r,a=e.scrollHeight||260,c=window.innerHeight;if(i+a>c&&t.top-a-r>0&&(i=t.top-a-r),e.style.minWidth=`${n}px`,this.align==="right"){let d=window.innerWidth;e.style.right=`${d-t.right}px`,e.style.left="auto"}else e.style.left=`${t.left}px`,e.style.right="auto";e.style.top=`${i}px`}},Ge=`:host {
+  display: block;
+  margin-bottom: 12px;
+}
+
+.dt-grid-inner {
+  display: grid;
+  gap: var(--grid-gap, 12px);
+  grid-template-columns: repeat(auto-fit, minmax(var(--min-width, 220px), 1fr));
+}
+
+:host([cols='1']) .dt-grid-inner {
+  grid-template-columns: repeat(1, 1fr);
+}
+
+:host([cols='2']) .dt-grid-inner {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+:host([cols='3']) .dt-grid-inner {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+:host([cols='4']) .dt-grid-inner {
+  grid-template-columns: repeat(4, 1fr);
+}
+
+:host([cols='5']) .dt-grid-inner {
+  grid-template-columns: repeat(5, 1fr);
+}
+
+:host([cols='6']) .dt-grid-inner {
+  grid-template-columns: repeat(6, 1fr);
+}
+
+@media (max-width: 480px) {
+  :host([cols='2']) .dt-grid-inner,
+  :host([cols='3']) .dt-grid-inner,
+  :host([cols='4']) .dt-grid-inner,
+  :host([cols='5']) .dt-grid-inner,
+  :host([cols='6']) .dt-grid-inner {
+    grid-template-columns: 1fr;
+  }
+}
+
+:host([gap='0']) .dt-grid-inner {
+  --grid-gap: 0;
+}
+:host([gap='4']) .dt-grid-inner {
+  --grid-gap: 4px;
+}
+:host([gap='8']) .dt-grid-inner {
+  --grid-gap: 8px;
+}
+:host([gap='12']) .dt-grid-inner {
+  --grid-gap: 12px;
+}
+:host([gap='16']) .dt-grid-inner {
+  --grid-gap: 16px;
+}
+:host([gap='20']) .dt-grid-inner {
+  --grid-gap: 20px;
+}
+:host([gap='24']) .dt-grid-inner {
+  --grid-gap: 24px;
+}
+:host([gap='32']) .dt-grid-inner {
+  --grid-gap: 32px;
+}
+
+:host([min-width='150']) .dt-grid-inner {
+  --min-width: 150px;
+}
+:host([min-width='180']) .dt-grid-inner {
+  --min-width: 180px;
+}
+:host([min-width='200']) .dt-grid-inner {
+  --min-width: 200px;
+}
+:host([min-width='220']) .dt-grid-inner {
+  --min-width: 220px;
+}
+:host([min-width='260']) .dt-grid-inner {
+  --min-width: 260px;
+}
+:host([min-width='300']) .dt-grid-inner {
+  --min-width: 300px;
+}
+
+::slotted(*) {
+  min-width: 0;
+}
+`,Xe="dt-grid-inner",Ye=class extends HTMLElement{static get observedAttributes(){return["cols","gap","min-width"]}get cols(){let e=this.getAttribute("cols");return e==="1"||e==="2"||e==="3"||e==="4"||e==="5"||e==="6"?e:null}set cols(e){e===null?this.removeAttribute("cols"):this.setAttribute("cols",e)}get gap(){let e=this.getAttribute("gap");return e==="0"||e==="4"||e==="8"||e==="12"||e==="20"||e==="24"||e==="32"?e:"16"}set gap(e){this.setAttribute("gap",e)}get minWidth(){let e=this.getAttribute("min-width");return e==="150"||e==="180"||e==="200"||e==="260"||e==="300"?e:"220"}set minWidth(e){this.setAttribute("min-width",e)}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=Ge,e.appendChild(t);let r=document.createElement("div");r.className=Xe,r.innerHTML="<slot></slot>",e.appendChild(r)}},Ze=`:host {
+  display: block;
+  margin-bottom: 12px;
+}
+
+.dt-stack-inner {
+  display: flex;
+  flex-direction: var(--flex-direction, column);
+  gap: var(--stack-gap, 12px);
+  align-items: var(--align-items, stretch);
+}
+
+:host([direction='column']) .dt-stack-inner {
+  --flex-direction: column;
+}
+:host([direction='row']) .dt-stack-inner {
+  --flex-direction: row;
+}
+
+:host([gap='0']) .dt-stack-inner {
+  --stack-gap: 0;
+}
+:host([gap='4']) .dt-stack-inner {
+  --stack-gap: 4px;
+}
+:host([gap='8']) .dt-stack-inner {
+  --stack-gap: 8px;
+}
+:host([gap='12']) .dt-stack-inner {
+  --stack-gap: 12px;
+}
+:host([gap='16']) .dt-stack-inner {
+  --stack-gap: 16px;
+}
+:host([gap='20']) .dt-stack-inner {
+  --stack-gap: 20px;
+}
+:host([gap='24']) .dt-stack-inner {
+  --stack-gap: 24px;
+}
+:host([gap='32']) .dt-stack-inner {
+  --stack-gap: 32px;
+}
+
+:host([align='start']) .dt-stack-inner {
+  --align-items: flex-start;
+}
+:host([align='center']) .dt-stack-inner {
+  --align-items: center;
+}
+:host([align='end']) .dt-stack-inner {
+  --align-items: flex-end;
+}
+:host([align='stretch']) .dt-stack-inner {
+  --align-items: stretch;
+}
+
+@media (max-width: 480px) {
+  :host([direction='row']) .dt-stack-inner {
+    --flex-direction: column;
+  }
+}
+
+::slotted(*) {
+  min-width: 0;
+}
+`,Je="dt-stack-inner";function $(e){return e==="row"||e==="horizontal"?"row":"column"}var Qe=class extends HTMLElement{static get observedAttributes(){return["direction","gap","align"]}get direction(){return $(this.getAttribute("direction"))}set direction(e){this.setAttribute("direction",$(e))}get gap(){let e=this.getAttribute("gap");return e==="0"||e==="4"||e==="8"||e==="12"||e==="20"||e==="24"||e==="32"?e:"16"}set gap(e){this.setAttribute("gap",e)}get align(){let e=this.getAttribute("align");return e==="start"||e==="center"||e==="end"?e:"stretch"}set align(e){this.setAttribute("align",e)}connectedCallback(){this.#e()}attributeChangedCallback(e){e==="direction"&&this.#e()}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=Ze,e.appendChild(t);let r=document.createElement("div");r.className=Je,r.innerHTML="<slot></slot>",e.appendChild(r)}#e(){let e=this.getAttribute("direction"),t=$(e);e!==null&&e!==t&&this.setAttribute("direction",t)}},et=`:host {
+  display: block;
+}
+
+.dt-stat-inner {
+  background: var(--dt-surface);
+  border: 1px solid var(--dt-accent);
+  border-radius: 2px;
+  padding: 12px;
+  font-family: var(--font-ui, 'Work Sans', system-ui, sans-serif);
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  position: relative;
+}
+
+/* Corner accents */
+.dt-stat-inner::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 6px;
+  height: 6px;
+  border-top: 1px solid var(--dt-accent);
+  border-left: 1px solid var(--dt-accent);
+}
+
+.dt-stat-inner .label {
+  font-size: 0.625rem;
+  font-weight: 600;
+  color: var(--dt-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+}
+
+.dt-stat-inner .value {
+  font-size: 1.5rem;
+  font-weight: 600;
+  color: var(--dt-accent);
+  line-height: 1.1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: var(--font-display, 'Sora', system-ui, sans-serif);
+}
+
+.dt-stat-inner .description {
+  font-size: 0.75rem;
+  color: var(--dt-text-secondary);
+  line-height: 1.3;
+}
+
+/* Size variants */
+:host([size='sm']) .dt-stat-inner .value {
+  font-size: 1.125rem;
+}
+
+:host([size='sm']) .dt-stat-inner {
+  padding: 8px;
+}
+
+:host([size='lg']) .dt-stat-inner .value {
+  font-size: 2rem;
+}
+
+:host([size='lg']) .dt-stat-inner {
+  padding: 16px;
+}
+
+/* Variant: outlined */
+:host([variant='outlined']) .dt-stat-inner {
+  background: transparent;
+  border-style: dashed;
+}
+
+/* Variant: filled */
+:host([variant='filled']) .dt-stat-inner {
+  background: var(--dt-accent-subtle);
+  border-style: solid;
+}
+
+/* Trend indicators */
+.dt-stat-inner .trend {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  font-size: 0.6875rem;
+  font-weight: 600;
+  margin-top: 2px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.dt-stat-inner .trend.positive {
+  color: var(--dt-success);
+}
+
+.dt-stat-inner .trend.negative {
+  color: var(--dt-danger);
+}
+
+.dt-stat-inner .trend.neutral {
+  color: var(--dt-text-muted);
+}
+`,tt="dt-stat-inner",rt=class extends HTMLElement{static get observedAttributes(){return["label","value","description","size","variant","trend","trend-value"]}_container;_labelEl;_valueEl;_descEl;_trendEl;get label(){return this.getAttribute("label")}set label(e){e===null?this.removeAttribute("label"):this.setAttribute("label",e)}get value(){return this.getAttribute("value")}set value(e){e===null?this.removeAttribute("value"):this.setAttribute("value",e)}get description(){return this.getAttribute("description")}set description(e){e===null?this.removeAttribute("description"):this.setAttribute("description",e)}get size(){let e=this.getAttribute("size");return e==="sm"||e==="lg"?e:"md"}set size(e){this.setAttribute("size",e)}get variant(){let e=this.getAttribute("variant");return e==="outlined"||e==="filled"?e:"default"}set variant(e){this.setAttribute("variant",e)}get trend(){let e=this.getAttribute("trend");return e==="up"||e==="down"||e==="neutral"?e:null}set trend(e){e===null?this.removeAttribute("trend"):this.setAttribute("trend",e)}get trendValue(){return this.getAttribute("trend-value")}set trendValue(e){e===null?this.removeAttribute("trend-value"):this.setAttribute("trend-value",e)}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=et,e.appendChild(t),this._container=document.createElement("div"),this._container.className=tt,this._labelEl=document.createElement("div"),this._labelEl.className="label",this._container.appendChild(this._labelEl),this._valueEl=document.createElement("div"),this._valueEl.className="value",this._container.appendChild(this._valueEl),this._descEl=document.createElement("div"),this._descEl.className="description",this._container.appendChild(this._descEl),this._trendEl=document.createElement("div"),this._trendEl.className="trend",this._container.appendChild(this._trendEl),e.appendChild(this._container),this._render()}attributeChangedCallback(e,t,r){(e==="label"||e==="value"||e==="description"||e==="size"||e==="variant"||e==="trend"||e==="trend-value")&&this._render()}_render(){this._labelEl.textContent=this.label??"",this._labelEl.style.display=this.label?"block":"none",this._valueEl.textContent=this.value??"",this._valueEl.style.display=this.value?"block":"none",this._descEl.textContent=this.description??"",this._descEl.style.display=this.description?"block":"none";let e=this.trend,t=this.trendValue;if(e&&t){this._trendEl.style.display="inline-flex",this._trendEl.className=`trend ${e==="up"?"positive":e==="down"?"negative":"neutral"}`;let r="";e==="up"?r="↑":e==="down"?r="↓":r="→",this._trendEl.textContent=`${r} ${t}`}else this._trendEl.style.display="none"}},nt=`:host {
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+.dt-badge-inner {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 6px;
+  border: 1px solid;
+  border-radius: 2px;
+  font-size: 0.6875rem;
+  font-weight: 600;
+  font-family: var(
+    --font-mono,
+    'SF Mono',
+    Monaco,
+    'Cascadia Code',
+    'Roboto Mono',
+    Consolas,
+    monospace
+  );
+  line-height: 1.2;
+  white-space: nowrap;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+}
+
+/* Variant: accent (default) */
+:host([variant='accent']) .dt-badge-inner,
+.dt-badge-inner {
+  background: var(--dt-accent-subtle);
+  border-color: var(--dt-accent);
+  color: var(--dt-accent);
+}
+
+/* Variant: success */
+:host([variant='success']) .dt-badge-inner {
+  background: var(--dt-success-subtle);
+  border-color: var(--dt-success);
+  color: var(--dt-success);
+}
+
+/* Variant: danger */
+:host([variant='danger']) .dt-badge-inner {
+  background: var(--dt-danger-subtle);
+  border-color: var(--dt-danger);
+  color: var(--dt-danger);
+}
+
+/* Variant: warning */
+:host([variant='warning']) .dt-badge-inner {
+  background: var(--dt-warning-subtle);
+  border-color: var(--dt-warning);
+  color: var(--dt-warning);
+}
+
+/* Variant: info */
+:host([variant='info']) .dt-badge-inner {
+  background: var(--dt-info-subtle);
+  border-color: var(--dt-info);
+  color: var(--dt-info);
+}
+
+/* Variant: default/neutral */
+:host([variant='default']) .dt-badge-inner,
+:host([variant='neutral']) .dt-badge-inner {
+  background: transparent;
+  border-color: var(--dt-border);
+  color: var(--dt-text-secondary);
+}
+
+/* Size variants */
+:host([size='sm']) .dt-badge-inner {
+  padding: 1px 4px;
+  font-size: 0.625rem;
+}
+
+:host([size='lg']) .dt-badge-inner {
+  padding: 3px 8px;
+  font-size: 0.75rem;
+}
+`,it="dt-badge-inner",ot=class extends HTMLElement{static get observedAttributes(){return["variant","size","text"]}_container;_slot;get variant(){let e=this.getAttribute("variant");return e==="success"||e==="danger"||e==="warning"||e==="info"||e==="default"||e==="neutral"?e:"accent"}set variant(e){this.setAttribute("variant",e)}get size(){let e=this.getAttribute("size");return e==="sm"||e==="lg"?e:"md"}set size(e){this.setAttribute("size",e)}get text(){return this.getAttribute("text")}set text(e){e===null?this.removeAttribute("text"):this.setAttribute("text",e)}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=nt,e.appendChild(t),this._container=document.createElement("span"),this._container.className=it;let r=this.text;r!==null?this._container.textContent=r:(this._slot=document.createElement("slot"),this._container.appendChild(this._slot)),e.appendChild(this._container)}attributeChangedCallback(e,t,r){e==="text"&&this._render()}_render(){let e=this.text;e!==null&&(this._container.textContent=e)}},at=`:host {
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+.dt-button-inner {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  padding: 6px 12px;
+  border: 1px solid var(--dt-accent);
+  border-radius: 2px;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  font-family: var(--font-ui, 'Work Sans', system-ui, sans-serif);
+  line-height: 1.2;
+  cursor: pointer;
+  transition: all 0.1s ease;
+  background: var(--dt-surface);
+  color: var(--dt-accent);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  position: relative;
+}
+
+/* Corner accents */
+.dt-button-inner::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 4px;
+  border-top: 1px solid var(--dt-accent);
+  border-left: 1px solid var(--dt-accent);
+}
+
+.dt-button-inner::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 4px;
+  height: 4px;
+  border-bottom: 1px solid var(--dt-accent);
+  border-right: 1px solid var(--dt-accent);
+}
+
+.dt-button-inner:hover:not(:disabled) {
+  background: var(--dt-accent);
+  color: var(--dt-text-on-accent);
+}
+
+.dt-button-inner:hover:not(:disabled)::before,
+.dt-button-inner:hover:not(:disabled)::after {
+  border-color: var(--dt-text-on-accent);
+}
+
+.dt-button-inner:active:not(:disabled) {
+  background: var(--dt-accent-active);
+}
+
+.dt-button-inner:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+  border-color: var(--dt-border);
+  color: var(--dt-text-muted);
+}
+
+.dt-button-inner:disabled::before,
+.dt-button-inner:disabled::after {
+  border-color: var(--dt-border);
+}
+
+/* Variant: primary - filled accent */
+:host([variant='primary']) .dt-button-inner {
+  background: var(--dt-accent);
+  color: var(--dt-text-on-accent);
+}
+
+:host([variant='primary']) .dt-button-inner:hover:not(:disabled) {
+  background: var(--dt-accent-hover);
+}
+
+/* Variant: secondary - outlined */
+:host([variant='secondary']) .dt-button-inner {
+  background: transparent;
+  border-color: var(--dt-border);
+  color: var(--dt-text);
+}
+
+:host([variant='secondary']) .dt-button-inner:hover:not(:disabled) {
+  background: var(--dt-surface-hover);
+  border-color: var(--dt-accent);
+  color: var(--dt-accent);
+}
+
+/* Variant: ghost - minimal */
+:host([variant='ghost']) .dt-button-inner {
+  background: transparent;
+  border-color: transparent;
+  color: var(--dt-text-secondary);
+}
+
+:host([variant='ghost']) .dt-button-inner:hover:not(:disabled) {
+  background: var(--dt-surface);
+  border-color: var(--dt-border);
+  color: var(--dt-text);
+}
+
+:host([variant='ghost']) .dt-button-inner::before,
+:host([variant='ghost']) .dt-button-inner::after {
+  display: none;
+}
+
+/* Variant: danger */
+:host([variant='danger']) .dt-button-inner {
+  background: transparent;
+  border-color: var(--dt-danger);
+  color: var(--dt-danger);
+}
+
+:host([variant='danger']) .dt-button-inner:hover:not(:disabled) {
+  background: var(--dt-danger);
+  color: var(--dt-text-on-accent);
+}
+
+:host([variant='danger']) .dt-button-inner::before,
+:host([variant='danger']) .dt-button-inner::after {
+  border-color: var(--dt-danger);
+}
+
+:host([variant='danger']) .dt-button-inner:hover:not(:disabled)::before,
+:host([variant='danger']) .dt-button-inner:hover:not(:disabled)::after {
+  border-color: var(--dt-text-on-accent);
+}
+
+/* Size: sm */
+:host([size='sm']) .dt-button-inner {
+  padding: 4px 8px;
+  font-size: 0.75rem;
+}
+
+/* Size: lg */
+:host([size='lg']) .dt-button-inner {
+  padding: 8px 16px;
+  font-size: 0.875rem;
+}
+
+:host([fullwidth]) .dt-button-inner {
+  width: 100%;
+}
+
+::slotted([slot='icon']) {
+  display: inline-flex;
+  width: 1em;
+  height: 1em;
+}
+`,st="dt-button-inner",dt=class extends HTMLElement{static get observedAttributes(){return["variant","size","disabled","fullwidth","type"]}_button;_slot;get variant(){let e=this.getAttribute("variant");return e==="secondary"||e==="ghost"||e==="danger"?e:"primary"}set variant(e){this.setAttribute("variant",e)}get size(){let e=this.getAttribute("size");return e==="sm"||e==="lg"?e:"md"}set size(e){this.setAttribute("size",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){e?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get fullwidth(){return this.hasAttribute("fullwidth")}set fullwidth(e){e?this.setAttribute("fullwidth",""):this.removeAttribute("fullwidth")}get type(){let e=this.getAttribute("type");return e==="submit"||e==="reset"?e:"button"}set type(e){this.setAttribute("type",e)}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=at,e.appendChild(t),this._button=document.createElement("button"),this._button.className=st,this._button.type=this.type,this._button.disabled=this.disabled,this._slot=document.createElement("slot"),this._button.appendChild(this._slot),e.appendChild(this._button)}attributeChangedCallback(e,t,r){switch(e){case"disabled":this._button.disabled=this.disabled;break;case"type":this._button.type=this.type;break}}},lt=`:host {
+  display: block;
+}
+
+.dt-divider-inner {
+  border: none;
+  margin: 0;
+  flex-shrink: 0;
+}
+
+/* Horizontal (default) */
+:host([direction='horizontal']) .dt-divider-inner,
+.dt-divider-inner {
+  width: 100%;
+  height: 1px;
+  background: var(--dt-accent);
+  opacity: 0.5;
+}
+
+/* Vertical */
+:host([direction='vertical']) .dt-divider-inner {
+  width: 1px;
+  height: 100%;
+  min-height: 1em;
+  background: var(--dt-accent);
+  opacity: 0.5;
+}
+
+/* Style variants */
+:host([style-variant='subtle']) .dt-divider-inner {
+  background: var(--dt-border);
+  opacity: 1;
+}
+
+:host([style-variant='strong']) .dt-divider-inner {
+  background: var(--dt-accent);
+  opacity: 1;
+  height: 2px;
+}
+
+:host([direction='vertical'][style-variant='strong']) .dt-divider-inner {
+  width: 2px;
+  height: 100%;
+}
+
+/* Spacing */
+:host([spacing='sm']) .dt-divider-inner {
+  margin: 6px 0;
+}
+:host([spacing='md']) .dt-divider-inner {
+  margin: 12px 0;
+}
+:host([spacing='lg']) .dt-divider-inner {
+  margin: 18px 0;
+}
+
+:host([direction='vertical'][spacing='sm']) .dt-divider-inner {
+  margin: 0 6px;
+}
+:host([direction='vertical'][spacing='md']) .dt-divider-inner {
+  margin: 0 12px;
+}
+:host([direction='vertical'][spacing='lg']) .dt-divider-inner {
+  margin: 0 18px;
+}
+`,ct="dt-divider-inner",pt=class extends HTMLElement{static get observedAttributes(){return["direction","style-variant","spacing"]}get direction(){return this.getAttribute("direction")==="vertical"?"vertical":"horizontal"}set direction(e){this.setAttribute("direction",e)}get styleVariant(){let e=this.getAttribute("style-variant");return e==="subtle"||e==="strong"?e:"default"}set styleVariant(e){this.setAttribute("style-variant",e)}get spacing(){let e=this.getAttribute("spacing");return e==="sm"||e==="md"||e==="lg"?e:null}set spacing(e){e===null?this.removeAttribute("spacing"):this.setAttribute("spacing",e)}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=lt,e.appendChild(t);let r=document.createElement("hr");r.className=ct,e.appendChild(r)}},ut=`:host {
+  display: block;
+  min-height: 180px;
+  color: var(--dt-text);
+  font-family: var(
+    --font-mono,
+    'SF Mono',
+    Monaco,
+    'Cascadia Code',
+    'Roboto Mono',
+    Consolas,
+    monospace
+  );
+}
+
+.dt-table-view {
+  display: flex;
+  flex-direction: column;
+  min-height: inherit;
+  height: 100%;
+  overflow: hidden;
+  background: var(--dt-surface);
+  border: 1px solid var(--dt-border);
+  border-radius: 2px;
+  position: relative;
+}
+
+.dt-table-view::before,
+.dt-table-view::after {
+  content: '';
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  pointer-events: none;
+  z-index: 3;
+}
+
+.dt-table-view::before {
+  top: -1px;
+  left: -1px;
+  border-top: 2px solid var(--dt-accent);
+  border-left: 2px solid var(--dt-accent);
+}
+
+.dt-table-view::after {
+  right: -1px;
+  bottom: -1px;
+  border-right: 2px solid var(--dt-accent);
+  border-bottom: 2px solid var(--dt-accent);
+}
+
+.dt-table-scroll {
+  min-height: inherit;
+  height: 100%;
+  overflow: auto;
+}
+
+.dt-table-header,
+.dt-table-row {
+  display: grid;
+  grid-template-columns: var(--dt-table-columns, minmax(0, 1fr));
+  min-width: fit-content;
+}
+
+.dt-table-header {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background: color-mix(in srgb, var(--dt-surface) 88%, var(--dt-accent) 12%);
+  border-bottom: 1px solid var(--dt-border);
+}
+
+.dt-table-header-cell,
+.dt-table-cell {
+  min-width: 0;
+  padding: 10px 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 0.8125rem;
+}
+
+.dt-table-header-cell {
+  color: var(--dt-accent);
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+}
+
+.dt-table-header-cell--sortable {
+  cursor: pointer;
+  user-select: none;
+}
+
+.dt-table-header-cell--sortable:hover {
+  background: var(--dt-surface-hover);
+}
+
+.dt-table-header-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.dt-table-sort-indicator {
+  color: var(--dt-text-secondary);
+  font-size: 0.7rem;
+}
+
+.dt-table-body {
+  position: relative;
+}
+
+.dt-table-canvas {
+  position: relative;
+}
+
+.dt-table-row {
+  position: absolute;
+  left: 0;
+  right: 0;
+  border-bottom: 1px solid var(--dt-border-subtle);
+}
+
+.dt-table-row--clickable {
+  cursor: pointer;
+}
+
+.dt-table-row--clickable:hover {
+  background: var(--dt-surface-hover);
+}
+
+:host([striped]) .dt-table-row:nth-child(even) {
+  background: color-mix(in srgb, var(--dt-surface) 92%, var(--dt-accent) 8%);
+}
+
+:host([bordered]) .dt-table-header-cell,
+:host([bordered]) .dt-table-cell {
+  border-right: 1px solid var(--dt-border-subtle);
+}
+
+:host([bordered]) .dt-table-header-cell:last-child,
+:host([bordered]) .dt-table-cell:last-child {
+  border-right: 0;
+}
+
+.dt-table-cell[data-align='center'],
+.dt-table-header-cell[data-align='center'] {
+  text-align: center;
+}
+
+.dt-table-cell[data-align='right'],
+.dt-table-header-cell[data-align='right'] {
+  text-align: right;
+}
+
+.dt-table-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 140px;
+  padding: 20px;
+  color: var(--dt-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-size: 0.75rem;
+}
+`;function ht(e){return e==null||e===!1?null:e===!0?"":String(e)}function mt(e,t){let r=e.querySelectorAll("*");for(let n of r){let i=n.getAttribute("data-field");if(i){let a=t[i];n.textContent=a==null?"":String(a)}for(let a of n.getAttributeNames()){if(a==="data-field"||!a.startsWith("data-field-"))continue;let c=a.slice(11);if(!c)continue;let d=n.getAttribute(a);if(!d)continue;let o=ht(t[d]);o===null?n.removeAttribute(c):n.setAttribute(c,o)}}}function ce(e,t){let r=e.content.cloneNode(!0);return mt(r,t),r}var pe=class{_count=0;_estimateSize=56;_overscan=5;_fixedSize=null;_viewportHeight=0;_scrollTop=0;_sizes=new Map;constructor(e={}){this._count=e.count??0,this._estimateSize=e.estimateSize??56,this._overscan=e.overscan??5,this._fixedSize=e.fixedSize??null}setCount(e){this._count=Math.max(0,e);for(let t of this._sizes.keys())t>=this._count&&this._sizes.delete(t)}setViewportHeight(e){this._viewportHeight=Math.max(0,e)}setScrollTop(e){this._scrollTop=Math.max(0,e)}setEstimateSize(e){this._estimateSize=Math.max(1,e)}setFixedSize(e){this._fixedSize=e&&e>0?e:null}resetMeasurements(){this._sizes.clear()}measure(e,t){if(this._fixedSize!==null||e<0||e>=this._count)return 0;let r=Math.max(1,Math.round(t)),n=this._sizes.get(e);return n===r?0:(this._sizes.set(e,r),this.getOffset(e+1)<=this._scrollTop?r-(n??this._estimateSize):0)}getOffset(e){if(e<=0)return 0;let t=Math.min(e,this._count);if(this._fixedSize!==null)return t*this._fixedSize;let r=0;for(let n=0;n<t;n+=1)r+=this._sizes.get(n)??this._estimateSize;return r}getTotalHeight(){return this.getOffset(this._count)}getRange(){if(this._count===0)return{start:0,end:0,paddingTop:0,paddingBottom:0,totalHeight:0};if(this._fixedSize!==null){let d=Math.max(1,Math.ceil(this._viewportHeight/this._fixedSize)),o=Math.max(0,Math.floor(this._scrollTop/this._fixedSize)-this._overscan),u=Math.min(this._count,o+d+this._overscan*2),h=o*this._fixedSize,v=this._count*this._fixedSize,p=Math.max(0,v-h-(u-o)*this._fixedSize);return{start:o,end:u,paddingTop:h,paddingBottom:p,totalHeight:v}}let e=0,t=0;for(;e<this._count;){let d=this._sizes.get(e)??this._estimateSize;if(t+d>this._scrollTop)break;t+=d,e+=1}e=Math.max(0,e-this._overscan);let r=this.getOffset(e),n=e,i=0;for(;n<this._count&&i<this._viewportHeight;)i+=this._sizes.get(n)??this._estimateSize,n+=1;n=Math.min(this._count,n+this._overscan);let a=this.getTotalHeight(),c=Math.max(0,a-this.getOffset(n));return{start:e,end:n,paddingTop:r,paddingBottom:c,totalHeight:a}}};function gt(e){return e&&typeof e=="object"?e:{value:e}}function ft(e){return e==="center"||e==="right"?e:"left"}var ue=class extends HTMLElement{static get observedAttributes(){return["field","header","width","min-width","align"]}get field(){return this.getAttribute("field")??""}get header(){return this.getAttribute("header")??this.field}get width(){return this.getAttribute("width")??"auto"}get minWidth(){return this.getAttribute("min-width")??"0"}get align(){return ft(this.getAttribute("align"))}connectedCallback(){this.hidden=!0}attributeChangedCallback(){this.dispatchEvent(new CustomEvent("dt-column-change",{bubbles:!0,composed:!0}))}},bt=class extends HTMLElement{_rows=[];_columns=[];_virtualizer=new pe({estimateSize:40,overscan:5,fixedSize:40});_root;_scroll;_header;_body;_canvas;_emptyState;_resizeObserver=null;_mutationObserver=null;_sortField=null;_sortDirection="asc";static get observedAttributes(){return["row-height","sortable","striped","bordered","empty-text"]}get rows(){return this._rows}set rows(e){this._rows=Array.isArray(e)?e:[],this._virtualizer.setCount(this._rows.length),this._render()}get rowHeight(){let e=Number(this.getAttribute("row-height")??"40");return Number.isFinite(e)&&e>0?e:40}set rowHeight(e){this.setAttribute("row-height",String(e))}get sortable(){return this.hasAttribute("sortable")}get emptyText(){return this.getAttribute("empty-text")??"No data"}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=ut,e.appendChild(t),this._root=document.createElement("div"),this._root.className="dt-table-view",this._scroll=document.createElement("div"),this._scroll.className="dt-table-scroll",this._scroll.addEventListener("scroll",this._onScroll,{passive:!0}),this._header=document.createElement("div"),this._header.className="dt-table-header",this._body=document.createElement("div"),this._body.className="dt-table-body",this._canvas=document.createElement("div"),this._canvas.className="dt-table-canvas",this._emptyState=document.createElement("div"),this._emptyState.className="dt-table-empty",this._body.append(this._canvas,this._emptyState),this._scroll.append(this._header,this._body),this._root.appendChild(this._scroll),e.appendChild(this._root)}connectedCallback(){this._virtualizer.setFixedSize(this.rowHeight),this._virtualizer.setEstimateSize(this.rowHeight),this._syncColumns(),this._resizeObserver=new ResizeObserver(e=>{for(let t of e)if(t.target===this._scroll){let r=this._header.offsetHeight;this._virtualizer.setViewportHeight(Math.max(0,t.contentRect.height-r)),this._render()}}),this._resizeObserver.observe(this._scroll),this._mutationObserver=new MutationObserver(()=>{this._syncColumns(),this._render()}),this._mutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["field","header","width","min-width","align"]}),this._virtualizer.setCount(this._rows.length),this._virtualizer.setViewportHeight(Math.max(0,this._scroll.clientHeight-this._header.offsetHeight)),this._render()}disconnectedCallback(){this._scroll.removeEventListener("scroll",this._onScroll),this._resizeObserver?.disconnect(),this._mutationObserver?.disconnect(),this._resizeObserver=null,this._mutationObserver=null}attributeChangedCallback(e){e==="row-height"&&(this._virtualizer.setFixedSize(this.rowHeight),this._virtualizer.setEstimateSize(this.rowHeight)),this._render()}_onScroll=()=>{this._virtualizer.setScrollTop(Math.max(0,this._scroll.scrollTop-this._header.offsetHeight)),this._renderBody()};_syncColumns(){this._columns=Array.from(this.children).filter(e=>e instanceof ue).map(e=>({field:e.field,header:e.header,width:e.width,minWidth:e.minWidth,align:e.align,template:Array.from(e.children).find(t=>t instanceof HTMLTemplateElement)??null})).filter(e=>e.field)}_render(){if(!this.isConnected)return;this._emptyState.textContent=this.emptyText;let e=this._columns.length>0?this._columns.map(t=>this._toGridColumn(t)).join(" "):"minmax(0, 1fr)";this._header.style.setProperty("--dt-table-columns",e),this._canvas.style.setProperty("--dt-table-columns",e),this._renderHeader(),this._renderBody()}_renderHeader(){let e=document.createDocumentFragment();for(let t of this._columns){let r=document.createElement("div");r.className="dt-table-header-cell",r.dataset.align=t.align,this.sortable&&(r.classList.add("dt-table-header-cell--sortable"),r.tabIndex=0,r.setAttribute("role","button"),r.setAttribute("aria-label",`Sort by ${t.header}`),r.addEventListener("click",()=>this._requestSort(t.field)),r.addEventListener("keydown",i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this._requestSort(t.field))}));let n=document.createElement("span");if(n.className="dt-table-header-label",n.textContent=t.header,this.sortable){let i=document.createElement("span");i.className="dt-table-sort-indicator",this._sortField===t.field?i.textContent=this._sortDirection==="asc"?"▲":"▼":i.textContent="↕",n.appendChild(i)}r.appendChild(n),e.appendChild(r)}this._header.replaceChildren(e)}_renderBody(){if(this._rows.length===0||this._columns.length===0){this._emptyState.hidden=!1,this._canvas.replaceChildren(),this._body.style.height="140px",this._canvas.style.height="0px";return}this._emptyState.hidden=!0,this._virtualizer.setCount(this._rows.length),this._virtualizer.setScrollTop(Math.max(0,this._scroll.scrollTop-this._header.offsetHeight)),this._virtualizer.setViewportHeight(Math.max(0,this._scroll.clientHeight-this._header.offsetHeight));let e=this._virtualizer.getRange();this._body.style.height=`${Math.max(e.totalHeight,this._scroll.clientHeight-this._header.offsetHeight)}px`,this._canvas.style.height=`${e.totalHeight}px`;let t=document.createDocumentFragment();for(let r=e.start;r<e.end;r+=1)t.appendChild(this._renderRow(r));this._canvas.replaceChildren(t)}_renderRow(e){let t=this._rows[e],r=document.createElement("div");r.className="dt-table-row dt-table-row--clickable",r.style.top=`${this._virtualizer.getOffset(e)}px`,r.style.height=`${this.rowHeight}px`,r.style.setProperty("--dt-table-columns",this._header.style.getPropertyValue("--dt-table-columns")),r.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("dt-row-click",{detail:{row:t,index:e},bubbles:!0,composed:!0}))});let n=gt(t);for(let i of this._columns){let a=document.createElement("div");if(a.className="dt-table-cell",a.dataset.align=i.align,i.template)a.appendChild(ce(i.template,n));else{let c=n[i.field];a.textContent=c==null?"":String(c)}r.appendChild(a)}return r}_requestSort(e){this._sortField===e?this._sortDirection=this._sortDirection==="asc"?"desc":"asc":(this._sortField=e,this._sortDirection="asc"),this._renderHeader(),this.dispatchEvent(new CustomEvent("dt-sort",{detail:{field:e,direction:this._sortDirection},bubbles:!0,composed:!0}))}_toGridColumn(e){let t=/^\d+$/.test(e.minWidth)?`${e.minWidth}px`:e.minWidth;if(e.width==="auto")return`minmax(${t}, 1fr)`;let r=/^\d+$/.test(e.width)?`${e.width}px`:e.width;return`minmax(${t}, ${r})`}},vt=`:host {
+  display: block;
+  min-height: 120px;
+  color: var(--dt-text);
+  font-family: var(
+    --font-mono,
+    'SF Mono',
+    Monaco,
+    'Cascadia Code',
+    'Roboto Mono',
+    Consolas,
+    monospace
+  );
+}
+
+.dt-list-view {
+  position: relative;
+  display: block;
+  min-height: inherit;
+  height: 100%;
+  overflow: auto;
+  background: var(--dt-surface);
+  border: 1px solid var(--dt-border);
+  border-radius: 2px;
+}
+
+.dt-list-view::before,
+.dt-list-view::after {
+  content: '';
+  position: sticky;
+  z-index: 2;
+  width: 8px;
+  height: 8px;
+  pointer-events: none;
+}
+
+.dt-list-view::before {
+  top: 0;
+  left: 0;
+  display: block;
+  border-top: 2px solid var(--dt-accent);
+  border-left: 2px solid var(--dt-accent);
+}
+
+.dt-list-view::after {
+  right: 0;
+  bottom: 0;
+  float: right;
+  border-right: 2px solid var(--dt-accent);
+  border-bottom: 2px solid var(--dt-accent);
+}
+
+.dt-list-spacer {
+  position: relative;
+  min-height: 100%;
+}
+
+.dt-list-items {
+  position: relative;
+}
+
+.dt-list-item {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 12px;
+  color: inherit;
+}
+
+.dt-list-item--interactive {
+  cursor: pointer;
+}
+
+.dt-list-item--interactive:hover {
+  background: var(--dt-surface-hover);
+}
+
+.dt-list-item--selected {
+  background: var(--dt-accent-subtle);
+}
+
+:host([dividers]) .dt-list-item {
+  border-bottom: 1px solid var(--dt-border-subtle);
+}
+
+:host([dividers]) .dt-list-item:last-child {
+  border-bottom: 0;
+}
+
+.dt-list-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 120px;
+  padding: 20px;
+  color: var(--dt-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-size: 0.75rem;
+}
+`,re=56;function _t(e){return e&&typeof e=="object"?e:{value:e}}var xt=class extends HTMLElement{_items=[];_selectedIndices=new Set;_renderItem=null;_virtualizer=new pe({estimateSize:re,overscan:5});_viewport;_spacer;_itemsLayer;_emptyState;_resizeObserver=null;_itemResizeObserver=null;static get observedAttributes(){return["item-height","dividers","selectable","empty-text"]}get items(){return this._items}set items(e){this._items=Array.isArray(e)?e:[],this._selectedIndices=new Set([...this._selectedIndices].filter(t=>t<this._items.length)),this._virtualizer.setCount(this._items.length),this._syncSizingMode(!0),this._render()}get selectedItems(){return[...this._selectedIndices].sort((e,t)=>e-t).map(e=>this._items[e])}get renderItem(){return this._renderItem}set renderItem(e){this._renderItem=typeof e=="function"?e:null,this._render()}get itemHeight(){let e=this.getAttribute("item-height");if(!e)return null;let t=Number(e);return Number.isFinite(t)&&t>0?t:null}set itemHeight(e){if(e===null||e<=0){this.removeAttribute("item-height");return}this.setAttribute("item-height",String(e))}get selectable(){let e=this.getAttribute("selectable");return e==="single"||e==="multi"?e:"none"}set selectable(e){this.setAttribute("selectable",e)}get emptyText(){return this.getAttribute("empty-text")??"No items"}set emptyText(e){this.setAttribute("empty-text",e)}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=vt,e.appendChild(t),this._viewport=document.createElement("div"),this._viewport.className="dt-list-view",this._viewport.addEventListener("scroll",this._onScroll,{passive:!0}),this._spacer=document.createElement("div"),this._spacer.className="dt-list-spacer",this._itemsLayer=document.createElement("div"),this._itemsLayer.className="dt-list-items",this._emptyState=document.createElement("div"),this._emptyState.className="dt-list-empty",this._spacer.append(this._itemsLayer,this._emptyState),this._viewport.appendChild(this._spacer),e.appendChild(this._viewport)}connectedCallback(){this._resizeObserver=new ResizeObserver(e=>{for(let t of e)t.target===this._viewport&&(this._virtualizer.setViewportHeight(t.contentRect.height),this._render())}),this._resizeObserver.observe(this._viewport),this._itemResizeObserver=new ResizeObserver(e=>{let t=0;for(let r of e){let n=r.target,i=Number(n.dataset.index);Number.isFinite(i)&&(t+=this._virtualizer.measure(i,r.contentRect.height))}t!==0&&(this._viewport.scrollTop+=t),e.length>0&&this._render()}),this._virtualizer.setCount(this._items.length),this._virtualizer.setViewportHeight(this._viewport.clientHeight),this._syncSizingMode(!1),this._render()}disconnectedCallback(){this._viewport.removeEventListener("scroll",this._onScroll),this._resizeObserver?.disconnect(),this._itemResizeObserver?.disconnect(),this._resizeObserver=null,this._itemResizeObserver=null}attributeChangedCallback(e){e==="item-height"&&this._syncSizingMode(!0),e==="selectable"&&this.selectable==="none"&&this._selectedIndices.size>0&&(this._selectedIndices.clear(),this._emitSelectionChange()),this._render()}_onScroll=()=>{this._virtualizer.setScrollTop(this._viewport.scrollTop),this._render()};_syncSizingMode(e){let t=this.itemHeight;this._virtualizer.setFixedSize(t),this._virtualizer.setEstimateSize(t??re),e&&this._virtualizer.resetMeasurements()}_render(){if(!this.isConnected)return;if(this._emptyState.textContent=this.emptyText,this._emptyState.hidden=this._items.length>0,this._items.length===0){this._itemsLayer.replaceChildren(),this._spacer.style.height="100%";return}this._virtualizer.setScrollTop(this._viewport.scrollTop),this._virtualizer.setViewportHeight(this._viewport.clientHeight),this._virtualizer.setCount(this._items.length);let e=this._virtualizer.getRange();this._spacer.style.height=`${Math.max(e.totalHeight,this._viewport.clientHeight)}px`,this._itemsLayer.style.transform=`translateY(${e.paddingTop}px)`;let t=document.createDocumentFragment();for(let r=e.start;r<e.end;r+=1)t.appendChild(this._renderVisibleItem(r));this._itemsLayer.replaceChildren(t)}_renderVisibleItem(e){let t=this._items[e],r=document.createElement("div");if(r.className="dt-list-item",r.dataset.index=String(e),this.selectable!=="none"&&(r.classList.add("dt-list-item--interactive"),r.setAttribute("role","option"),r.setAttribute("aria-selected",String(this._selectedIndices.has(e))),r.tabIndex=0),this._selectedIndices.has(e)&&r.classList.add("dt-list-item--selected"),this.itemHeight!==null&&(r.style.minHeight=`${this.itemHeight}px`),this._renderItem)this._renderItem(t,r,e);else{let n=this._getTemplate();n?r.appendChild(ce(n,_t(t))):r.textContent=String(t??"")}return r.addEventListener("click",()=>this._handleItemClick(e)),r.addEventListener("keydown",n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this._handleItemClick(e))}),this.itemHeight===null&&this._itemResizeObserver?.observe(r),r}_handleItemClick(e){let t=this._items[e],r=this.selectable;r==="single"?(this._selectedIndices=new Set([e]),this._emitSelectionChange(),this._render()):r==="multi"&&(this._selectedIndices.has(e)?this._selectedIndices.delete(e):this._selectedIndices.add(e),this._emitSelectionChange(),this._render()),this.dispatchEvent(new CustomEvent("dt-item-click",{detail:{item:t,index:e},bubbles:!0,composed:!0}))}_emitSelectionChange(){this.dispatchEvent(new CustomEvent("dt-selection-change",{detail:{selected:this.selectedItems},bubbles:!0,composed:!0}))}_getTemplate(){for(let e of Array.from(this.children))if(e instanceof HTMLTemplateElement)return e;return null}},yt=`:host {
+  display: block;
+  min-height: 220px;
+  color: var(--dt-text);
+  font-family: var(
+    --font-mono,
+    'SF Mono',
+    Monaco,
+    'Cascadia Code',
+    'Roboto Mono',
+    Consolas,
+    monospace
+  );
+}
+
+.dt-chart {
+  position: relative;
+  display: block;
+  min-height: inherit;
+  height: 100%;
+  overflow: hidden;
+  border: 1px solid var(--dt-border);
+  border-radius: 2px;
+  background:
+    radial-gradient(
+      circle at top left,
+      color-mix(in srgb, var(--dt-accent) 16%, transparent),
+      transparent 42%
+    ),
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--dt-surface) 90%, var(--dt-accent) 10%),
+      var(--dt-surface)
+    );
+}
+
+.dt-chart::before,
+.dt-chart::after {
+  content: '';
+  position: absolute;
+  z-index: 3;
+  width: 8px;
+  height: 8px;
+  pointer-events: none;
+}
+
+.dt-chart::before {
+  top: -1px;
+  left: -1px;
+  border-top: 2px solid var(--dt-accent);
+  border-left: 2px solid var(--dt-accent);
+}
+
+.dt-chart::after {
+  right: -1px;
+  bottom: -1px;
+  border-right: 2px solid var(--dt-accent);
+  border-bottom: 2px solid var(--dt-accent);
+}
+
+.dt-chart__canvas {
+  position: relative;
+  z-index: 1;
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.dt-chart__status {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  color: var(--dt-text-muted);
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-align: center;
+  text-transform: uppercase;
+  background: color-mix(in srgb, var(--dt-surface) 72%, transparent);
+}
+
+.dt-chart__status[hidden] {
+  display: none;
+}
+`,D=null;function wt(){return window.__DtChart?Promise.resolve(window.__DtChart):D||(D=new Promise((e,t)=>{let r=document.createElement("script");r.src="/api/ui/chart.umd.js",r.async=!0,r.dataset.dtChart="true",r.onload=()=>{if(window.__DtChart){e(window.__DtChart);return}t(new Error("Chart runtime loaded without a __DtChart export."))},r.onerror=()=>t(new Error("Failed to load the Chart.js runtime bundle.")),document.head.appendChild(r)}),D)}function R(e,t,r){return Math.min(r,Math.max(t,e))}function At(e){return e?e.split(",").map(t=>t.trim()).filter(Boolean):[]}function q(e){let t=e.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);if(t){let i=t[1],a=i.length===3?i.split("").map(u=>`${u}${u}`).join(""):i,c=parseInt(a.slice(0,2),16)/255,d=parseInt(a.slice(2,4),16)/255,o=parseInt(a.slice(4,6),16)/255;return ne(c,d,o)}let r=e.trim().match(/^rgba?\((\d+(?:\.\d+)?)[,\s]+(\d+(?:\.\d+)?)[,\s]+(\d+(?:\.\d+)?)(?:[,/\s]+[\d.]+)?\)$/i);if(r)return ne(Number(r[1])/255,Number(r[2])/255,Number(r[3])/255);let n=e.trim().match(/^hsla?\(([-\d.]+)(?:deg)?[,\s]+([\d.]+)%[,\s]+([\d.]+)%(?:[,/\s]+[\d.]+)?\)$/i);return n?{h:(Number(n[1])%360+360)%360,s:R(Number(n[2]),0,100),l:R(Number(n[3]),0,100)}:null}function ne(e,t,r){let n=Math.max(e,t,r),i=Math.min(e,t,r),a=n-i,c=0,d=(n+i)/2,o=a===0?0:a/(1-Math.abs(2*d-1));if(a!==0)switch(n){case e:c=60*((t-r)/a%6);break;case t:c=60*((r-e)/a+2);break;default:c=60*((e-t)/a+4);break}return{h:(c+360)%360,s:Math.round(o*100),l:Math.round(d*100)}}function N(e,t=1){return`hsla(${Math.round(e.h)} ${Math.round(e.s)}% ${Math.round(e.l)}% / ${t})`}function kt(e){let t=q(e)??{h:185,s:88,l:56};return[0,32,68,118,164,212,258,304].map((r,n)=>({h:(t.h+r)%360,s:R(t.s-n*2,55,90),l:R(t.l+(n%2===0?0:6)-n,38,66)}))}function F(e){return!!e&&typeof e=="object"&&!Array.isArray(e)}function he(e,t){if(!F(e)||!F(t))return t??e;let r={...e};for(let[n,i]of Object.entries(t)){let a=r[n];r[n]=F(a)&&F(i)?he(a,i):i}return r}function Ct(e){return e==="top"||e==="bottom"||e==="left"||e==="right"?e:"none"}function Pt(e){return e==="bar"||e==="line"||e==="area"||e==="pie"||e==="doughnut"||e==="radar"||e==="scatter"||e==="bubble"?e:"bar"}function Et(e){return e==="bar"||e==="line"||e==="area"||e==="scatter"||e==="bubble"}function St(e){return e.map(t=>t.trim()).filter(Boolean)}var zt=class extends HTMLElement{_canvas;_status;_runtime=null;_loadPromise=null;_chart=null;_renderedType=null;_dataInput=null;_optionsOverride=null;_syncFrame=0;static get observedAttributes(){return["type","legend","stacked","labels"]}get type(){return Pt(this.getAttribute("type"))}set type(e){this.setAttribute("type",e)}get legend(){return Ct(this.getAttribute("legend"))}set legend(e){this.setAttribute("legend",e)}get stacked(){return this.hasAttribute("stacked")}set stacked(e){this.toggleAttribute("stacked",e)}get labels(){return St(At(this.getAttribute("labels")))}set labels(e){this.setAttribute("labels",e.join(","))}get data(){return this._dataInput}set data(e){this._dataInput=e?structuredClone(e):null,this._scheduleSync()}get options(){return this._optionsOverride}set options(e){this._optionsOverride=e?structuredClone(e):null,this._renderChart()}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=yt,e.appendChild(t);let r=document.createElement("div");r.className="dt-chart",this._canvas=document.createElement("canvas"),this._canvas.className="dt-chart__canvas",this._status=document.createElement("div"),this._status.className="dt-chart__status",this._status.textContent="Loading chart",r.append(this._canvas,this._status),e.appendChild(r)}connectedCallback(){this._canvas.addEventListener("click",this._handleCanvasClick),this._ensureRuntime().then(()=>this._renderChart()),this._scheduleSync()}disconnectedCallback(){this._canvas.removeEventListener("click",this._handleCanvasClick),this._syncFrame!==0&&(cancelAnimationFrame(this._syncFrame),this._syncFrame=0),this._chart?.destroy(),this._chart=null,this._renderedType=null}attributeChangedCallback(){this._scheduleSync()}_handleCanvasClick=e=>{if(!this._chart)return;let t=this._chart.getElementsAtEventForMode(e,"nearest",{intersect:!0},!0)[0];if(!t)return;let r=Array.isArray(this._chart.data.labels)?this._chart.data.labels[t.index]??null:null,n=this._chart.data.datasets[t.datasetIndex],i=Array.isArray(n?.data)?n.data[t.index]:void 0;this.dispatchEvent(new CustomEvent("dt-chart-click",{bubbles:!0,composed:!0,detail:{label:r,datasetIndex:t.datasetIndex,index:t.index,value:i}}))};_scheduleSync(){this._syncFrame===0&&(this._syncFrame=requestAnimationFrame(()=>{this._syncFrame=0,this._syncFromCurrentSource()}))}_syncFromCurrentSource(){this._renderChart()}async _ensureRuntime(){return this._runtime?this._runtime:(this._loadPromise||(this._loadPromise=wt().then(e=>(this._runtime=e,e))),this._loadPromise)}async _renderChart(){let e=this._dataInput;if(!e){this._setStatus("Waiting for data");return}let t=await this._ensureRuntime(),r=this._buildConfig(t,e),n=r.type;!this._chart||this._renderedType!==n?(this._chart?.destroy(),this._chart=new t.Chart(this._canvas,r),this._renderedType=n):(this._chart.data=r.data,this._chart.options=r.options,this._chart.update()),this._setStatus(e.datasets.length>0?null:"Waiting for data")}_buildConfig(e,t){let r=getComputedStyle(this),n=r.getPropertyValue("--dt-accent").trim()||"#42d4ff",i=r.getPropertyValue("--dt-text").trim()||"#d6ebff",a=r.getPropertyValue("--dt-text-muted").trim()||"#7b93a6",c=r.getPropertyValue("--dt-border").trim()||"rgba(123, 147, 166, 0.3)",d=r.getPropertyValue("--font-mono").trim()||"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace",o=kt(n),u=this.type==="area"?"line":this.type,h={labels:t.labels??this.labels,datasets:t.datasets.map((p,w)=>{let E=o[w%o.length],k=p.color??N(E,1),I={label:p.label??"",data:p.data,backgroundColor:u==="line"||u==="radar"||u==="scatter"?N(E,u==="scatter"?.95:.24):k,borderColor:k,pointBackgroundColor:k,pointBorderColor:k,pointHoverBackgroundColor:k,pointRadius:this.type==="line"||this.type==="area"?3:4,pointHoverRadius:this.type==="line"||this.type==="area"?5:6,borderWidth:2,tension:u==="line"||this.type==="area"?.32:void 0,fill:this.type==="area"};return u==="pie"||u==="doughnut"?{...I,backgroundColor:Array.isArray(p.data)?p.data.map((f,y)=>N(o[y%o.length],.86)):k,borderColor:Array.isArray(p.data)?p.data.map((f,y)=>N(o[y%o.length],1)):k,borderWidth:1}:u==="scatter"||u==="bubble"?{...I,showLine:!1,backgroundColor:N(E,.78)}:I})},v={responsive:!0,maintainAspectRatio:!1,animation:{duration:320},interaction:{mode:"nearest",intersect:!0},plugins:{legend:{display:this.legend!=="none",position:this.legend==="none"?"top":this.legend,labels:{color:i,boxWidth:12,boxHeight:12,padding:14,font:{family:d,size:11}}},tooltip:{backgroundColor:"rgba(10, 18, 24, 0.92)",borderColor:Mt(c,n,.35),borderWidth:1,titleColor:i,bodyColor:i,footerColor:a,titleFont:{family:d,size:11},bodyFont:{family:d,size:11},padding:10}},scales:Et(this.type)?{x:{stacked:this.stacked,grid:{display:!1,color:c},border:{color:c},ticks:{color:a,font:{family:d,size:11}}},y:{stacked:this.stacked,beginAtZero:!0,grid:{display:!1,color:c},border:{color:c},ticks:{color:a,font:{family:d,size:11}}}}:u==="radar"?{r:{angleLines:{color:c},grid:{color:c},pointLabels:{color:a,font:{family:d,size:11}},ticks:{color:a,backdropColor:"transparent",font:{family:d,size:10}}}}:void 0};return{type:u,data:h,options:he(v,this._optionsOverride??{})}}_setStatus(e){if(!e){this._status.hidden=!0;return}this._status.hidden=!1,this._status.textContent=e}};function Mt(e,t,r){let n=q(e),i=q(t);if(!n||!i)return e;let a=R(r,0,1),c=((i.h-n.h)%360+540)%360-180;return N({h:(n.h+c*a+360)%360,s:n.s+(i.s-n.s)*a,l:n.l+(i.l-n.l)*a})}var Nt=`:host {
+  display: block;
+  color: var(--dt-text);
+  font-family: var(--font-sans, 'Inter', sans-serif);
+}
+
+.dt-markdown {
+  color: inherit;
+  line-height: 1.7;
+  word-break: break-word;
+}
+
+.dt-markdown > :first-child {
+  margin-top: 0;
+}
+
+.dt-markdown > :last-child {
+  margin-bottom: 0;
+}
+
+.dt-markdown :is(h1, h2, h3, h4, h5, h6) {
+  margin: 1.2em 0 0.55em;
+  color: var(--dt-text);
+  font-family: var(--font-sans, 'Inter', sans-serif);
+  line-height: 1.2;
+}
+
+.dt-markdown h1 {
+  color: var(--dt-accent);
+  font-size: 1.6rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.dt-markdown h2 {
+  font-size: 1.3rem;
+}
+
+.dt-markdown h3 {
+  font-size: 1.1rem;
+}
+
+.dt-markdown p,
+.dt-markdown ul,
+.dt-markdown ol,
+.dt-markdown blockquote,
+.dt-markdown pre,
+.dt-markdown table {
+  margin: 0.8em 0;
+}
+
+.dt-markdown ul,
+.dt-markdown ol {
+  padding-left: 1.4rem;
+}
+
+.dt-markdown li + li {
+  margin-top: 0.28em;
+}
+
+.dt-markdown strong {
+  color: var(--dt-text);
+}
+
+.dt-markdown a,
+.dt-markdown .dt-md-link {
+  color: var(--dt-accent);
+  text-decoration: none;
+}
+
+.dt-markdown a:hover,
+.dt-markdown .dt-md-link:hover {
+  text-decoration: underline;
+}
+
+.dt-markdown code {
+  padding: 0.12rem 0.35rem;
+  border-radius: 2px;
+  background: color-mix(in srgb, var(--dt-surface) 88%, var(--dt-accent) 12%);
+  color: var(--dt-accent);
+  font-family: var(
+    --font-mono,
+    'SF Mono',
+    Monaco,
+    'Cascadia Code',
+    'Roboto Mono',
+    Consolas,
+    monospace
+  );
+  font-size: 0.92em;
+}
+
+.dt-md-pre {
+  overflow-x: auto;
+  padding: 14px 16px;
+  border: 1px solid var(--dt-border);
+  border-radius: 2px;
+  background: var(--dt-surface);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dt-surface) 85%, var(--dt-accent) 15%);
+}
+
+.dt-md-pre code {
+  display: block;
+  padding: 0;
+  background: transparent;
+  color: var(--dt-text);
+}
+
+.dt-md-blockquote {
+  margin: 0.9em 0;
+  padding: 0.15rem 0 0.15rem 1rem;
+  border-left: 3px solid var(--dt-accent);
+  color: var(--dt-text-muted);
+}
+
+.dt-md-table {
+  width: 100%;
+  border-collapse: collapse;
+  border: 1px solid var(--dt-border);
+  background: var(--dt-surface);
+}
+
+.dt-md-table th,
+.dt-md-table td {
+  padding: 0.6rem 0.8rem;
+  border: 1px solid var(--dt-border-subtle, var(--dt-border));
+  text-align: left;
+  vertical-align: top;
+}
+
+.dt-md-table th {
+  color: var(--dt-accent);
+  background: color-mix(in srgb, var(--dt-surface) 88%, var(--dt-accent) 12%);
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.dt-markdown hr {
+  border: 0;
+  border-top: 1px solid var(--dt-border);
+}
+
+.dt-md-image {
+  display: block;
+  max-width: 100%;
+  border: 1px solid var(--dt-border);
+  border-radius: 2px;
+}
+
+.dt-markdown__caret {
+  display: inline-block;
+  margin-left: 0.15rem;
+  color: var(--dt-accent);
+  animation: dt-markdown-caret 0.9s steps(1) infinite;
+}
+
+.dt-markdown__caret[hidden] {
+  display: none;
+}
+
+@keyframes dt-markdown-caret {
+  0%,
+  49% {
+    opacity: 1;
+  }
+
+  50%,
+  100% {
+    opacity: 0;
+  }
+}
+`,B=null;function Tt(){return window.__DtMarked?Promise.resolve(window.__DtMarked):B||(B=new Promise((e,t)=>{let r=document.createElement("script");r.src="/api/ui/marked.js",r.async=!0,r.dataset.dtMarked="true",r.onload=()=>{if(window.__DtMarked){e(window.__DtMarked);return}t(new Error("Marked runtime loaded without a __DtMarked export."))},r.onerror=()=>t(new Error("Failed to load the marked runtime bundle.")),document.head.appendChild(r)}),B)}function me(e){return e.replaceAll(`\r
+`,`
+`)}function It(e){let t=me(e).split(`
+`);for(;t.length>0&&t[0].trim()==="";)t.shift();for(;t.length>0&&t[t.length-1].trim()==="";)t.pop();let r=t.filter(i=>i.trim()!=="").map(i=>i.match(/^\s*/)?.[0].length??0),n=r.length>0?Math.min(...r):0;return n===0?t.join(`
+`):t.map(i=>i.slice(n)).join(`
+`)}function Lt(e){let t=me(e);if((t.match(/(^|\n)(```|~~~)/g)??[]).length%2===0)return t;let r=t.includes("~~~")&&!t.includes("```")?"~~~":"```";return`${t}
+${r}`}var Rt=class extends HTMLElement{_body;_caret;_contentOverride=null;_runtime=null;_loadPromise=null;_observer=null;_renderFrame=0;static get observedAttributes(){return["streaming","unsafe-html"]}get content(){return this._contentOverride??this._readInlineMarkdown()}set content(e){this._contentOverride=String(e??""),this._scheduleRender()}get streaming(){return this.hasAttribute("streaming")}set streaming(e){this.toggleAttribute("streaming",e)}get unsafeHtml(){return this.hasAttribute("unsafe-html")}set unsafeHtml(e){this.toggleAttribute("unsafe-html",e)}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=Nt,e.appendChild(t),this._body=document.createElement("div"),this._body.className="dt-markdown",this._body.addEventListener("click",this._onLinkClick),this._caret=document.createElement("span"),this._caret.className="dt-markdown__caret",this._caret.textContent="▌",this._caret.hidden=!0,e.append(this._body,this._caret)}connectedCallback(){this._observer||(this._observer=new MutationObserver(()=>{this._contentOverride===null&&this._scheduleRender()}),this._observer.observe(this,{childList:!0,characterData:!0,subtree:!0})),this._ensureRuntime(),this._scheduleRender()}disconnectedCallback(){this._observer?.disconnect(),this._observer=null,this._renderFrame!==0&&(cancelAnimationFrame(this._renderFrame),this._renderFrame=0)}attributeChangedCallback(){this._scheduleRender()}_onLinkClick=e=>{let t=e.composedPath().find(r=>r instanceof HTMLAnchorElement);t&&(e.preventDefault(),this.dispatchEvent(new CustomEvent("dt-link-click",{bubbles:!0,composed:!0,detail:{href:t.getAttribute("href")??"#"}})))};_readInlineMarkdown(){return It(this.textContent??"")}_scheduleRender(){this._renderFrame===0&&(this._renderFrame=requestAnimationFrame(()=>{this._renderFrame=0,this._render()}))}async _ensureRuntime(){return this._runtime?this._runtime:(this._loadPromise||(this._loadPromise=Tt().then(e=>(this._runtime=e,e))),this._loadPromise)}async _render(){let e=await this._ensureRuntime(),t=this.content;this.streaming&&(t=Lt(t)),this._body.innerHTML=e.render(t,{unsafeHtml:this.unsafeHtml}),this._caret.hidden=!this.streaming}},Ht=`:host {
+  display: block;
+  min-height: 240px;
+  color: var(--dt-text);
+  font-family: var(--font-sans, 'Inter', sans-serif);
+}
+
+.dt-markdown-editor {
+  position: relative;
+  height: 100%;
+  min-height: inherit;
+  overflow: hidden;
+  border: 1px solid var(--dt-border);
+  border-radius: 2px;
+}
+
+.dt-markdown-editor::before,
+.dt-markdown-editor::after {
+  content: '';
+  position: absolute;
+  z-index: 3;
+  width: 8px;
+  height: 8px;
+  pointer-events: none;
+}
+
+.dt-markdown-editor::before {
+  top: -1px;
+  left: -1px;
+  border-top: 2px solid var(--dt-accent);
+  border-left: 2px solid var(--dt-accent);
+}
+
+.dt-markdown-editor::after {
+  right: -1px;
+  bottom: -1px;
+  border-right: 2px solid var(--dt-accent);
+  border-bottom: 2px solid var(--dt-accent);
+}
+
+.dt-markdown-editor__surface {
+  height: 100%;
+  min-height: inherit;
+}
+
+.dt-markdown-editor__content {
+  height: 100%;
+  min-height: inherit;
+}
+
+.dt-markdown-editor__status {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  background: color-mix(in srgb, var(--dt-surface) 84%, transparent);
+  color: var(--dt-text-muted);
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.dt-markdown-editor__status[hidden] {
+  display: none;
+}
+
+.milkdown {
+  --crepe-color-background: transparent;
+  --crepe-color-on-background: var(--dt-text);
+  --crepe-color-surface: var(--dt-surface);
+  --crepe-color-surface-low: color-mix(in srgb, var(--dt-surface) 94%, var(--dt-accent) 6%);
+  --crepe-color-on-surface: var(--dt-text);
+  --crepe-color-on-surface-variant: var(--dt-text-muted);
+  --crepe-color-outline: var(--dt-border);
+  --crepe-color-primary: var(--dt-accent);
+  --crepe-color-secondary: color-mix(in srgb, var(--dt-surface) 84%, var(--dt-accent) 16%);
+  --crepe-color-on-secondary: var(--dt-text);
+  --crepe-color-inverse: var(--dt-text);
+  --crepe-color-on-inverse: var(--dt-surface);
+  --crepe-color-inline-code: var(--dt-accent);
+  --crepe-color-error: var(--dt-danger, #ff6a6a);
+  --crepe-color-hover: var(--dt-surface-hover);
+  --crepe-color-selected: color-mix(in srgb, var(--dt-surface) 82%, var(--dt-accent) 18%);
+  --crepe-color-inline-area: color-mix(in srgb, var(--dt-surface) 90%, var(--dt-accent) 10%);
+  --crepe-font-title: var(--font-sans, 'Inter', sans-serif);
+  --crepe-font-default: var(--font-sans, 'Inter', sans-serif);
+  --crepe-font-code: var(
+    --font-mono,
+    'SF Mono',
+    Monaco,
+    'Cascadia Code',
+    'Roboto Mono',
+    Consolas,
+    monospace
+  );
+  --crepe-shadow-1: 0 0 0 1px color-mix(in srgb, var(--dt-surface) 82%, var(--dt-accent) 18%);
+  --crepe-shadow-2:
+    0 0 0 1px color-mix(in srgb, var(--dt-surface) 78%, var(--dt-accent) 22%),
+    0 8px 24px color-mix(in srgb, var(--dt-accent) 12%, transparent);
+
+  height: 100%;
+  background: transparent;
+  color: var(--dt-text);
+}
+
+.milkdown .editor {
+  min-height: 100%;
+  padding: 16px 18px 20px;
+  outline: none;
+  color: var(--dt-text);
+  font-family: var(--font-sans, 'Inter', sans-serif);
+  font-size: 14px;
+  line-height: 1.7;
+}
+
+.milkdown .editor > :first-child {
+  margin-top: 0;
+}
+
+.milkdown .editor h1,
+.milkdown .editor h2,
+.milkdown .editor h3,
+.milkdown .editor h4,
+.milkdown .editor h5,
+.milkdown .editor h6 {
+  margin: 0.95em 0 0.45em;
+  line-height: 1.2;
+}
+
+.milkdown .editor h1 {
+  color: var(--dt-accent);
+  font-size: 1.6rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.milkdown .editor h2 {
+  font-size: 1.28rem;
+}
+
+.milkdown .editor h3 {
+  font-size: 1.08rem;
+}
+
+.milkdown .editor p {
+  margin: 0.65em 0;
+}
+
+.milkdown .editor code {
+  padding: 2px 5px;
+  border-radius: 2px;
+  background: color-mix(in srgb, var(--dt-surface) 88%, var(--dt-accent) 12%);
+  font-family: var(
+    --font-mono,
+    'SF Mono',
+    Monaco,
+    'Cascadia Code',
+    'Roboto Mono',
+    Consolas,
+    monospace
+  );
+  font-size: 0.9em;
+}
+
+.milkdown .editor pre {
+  overflow-x: auto;
+  margin: 0.9em 0;
+  padding: 12px 14px;
+  border: 1px solid var(--dt-border);
+  border-radius: 2px;
+  background: var(--dt-surface);
+}
+
+.milkdown .editor pre code {
+  padding: 0;
+  background: transparent;
+}
+
+.milkdown .editor blockquote {
+  margin: 0.9em 0;
+  padding-left: 12px;
+  border-left: 3px solid var(--dt-accent);
+  color: var(--dt-text-muted);
+}
+
+.milkdown .editor a {
+  color: var(--dt-accent);
+  text-decoration: none;
+}
+
+.milkdown .editor a:hover {
+  text-decoration: underline;
+}
+
+.milkdown .editor hr {
+  border: 0;
+  border-top: 1px solid var(--dt-border);
+}
+
+.milkdown .editor ul,
+.milkdown .editor ol {
+  padding-left: 1.5rem;
+}
+
+.milkdown .editor img {
+  max-width: 100%;
+  border-radius: 2px;
+}
+
+.milkdown .editor table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.milkdown .editor th,
+.milkdown .editor td {
+  border: 1px solid var(--dt-border);
+}
+`,O=null;function Ft(){return window.__DtMilkdown?Promise.resolve(window.__DtMilkdown):O||(O=new Promise((e,t)=>{let r=document.createElement("script");r.src="/api/ui/milkdown.umd.js",r.async=!0,r.dataset.dtMilkdown="true",r.onload=()=>{if(window.__DtMilkdown){e(window.__DtMilkdown);return}t(new Error("Milkdown runtime loaded without a __DtMilkdown export."))},r.onerror=()=>t(new Error("Failed to load the Milkdown runtime bundle.")),document.head.appendChild(r)}),O)}var Vt=class extends HTMLElement{_runtimeStyle;_surface;_content;_status;_runtime=null;_loadPromise=null;_editor=null;_pendingValue="";_changeTimer=null;_setupToken=0;_suppressNextChange=!1;static get observedAttributes(){return["placeholder","readonly"]}get placeholder(){return this.getAttribute("placeholder")??""}set placeholder(e){this.setAttribute("placeholder",e)}get readonly(){return this.hasAttribute("readonly")}set readonly(e){this.toggleAttribute("readonly",e)}get value(){return this._editor&&(this._pendingValue=this._editor.getMarkdown()),this._pendingValue}set value(e){let t=String(e??"");this._pendingValue=t,this._editor&&this._runtime&&this._editor.getMarkdown()!==t&&(this._suppressNextChange=!0,this._editor.editor.action(this._runtime.replaceAll(t)))}constructor(){super();let e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=Ht,e.appendChild(t),this._runtimeStyle=document.createElement("style"),e.appendChild(this._runtimeStyle),this._surface=document.createElement("div"),this._surface.className="dt-markdown-editor",this._content=document.createElement("div"),this._content.className="dt-markdown-editor__surface";let r=document.createElement("div");r.className="dt-markdown-editor__content",this._content.appendChild(r),this._status=document.createElement("div"),this._status.className="dt-markdown-editor__status",this._status.textContent="Loading editor",this._surface.append(this._content,this._status),e.appendChild(this._surface)}connectedCallback(){this._initializeEditor()}disconnectedCallback(){this._setupToken+=1,this._clearChangeTimer(),this._destroyEditor()}attributeChangedCallback(e){if(e==="readonly"){this._editor?.setReadonly(this.readonly);return}e==="placeholder"&&this.isConnected&&this._initializeEditor(!0)}async _ensureRuntime(){return this._runtime?this._runtime:(this._loadPromise||(this._loadPromise=Ft().then(e=>(this._runtime=e,this._runtimeStyle.textContent=e.cssText,e))),this._loadPromise)}async _initializeEditor(e=!1){let t=++this._setupToken;if(this._setStatus("Loading editor"),e)await this._destroyEditor();else if(this._editor){this._setStatus(null);return}try{let r=await this._ensureRuntime();if(!this.isConnected||t!==this._setupToken)return;this._content.replaceChildren();let n=document.createElement("div");n.className="dt-markdown-editor__content",this._content.appendChild(n);let i=new r.Crepe({root:n,defaultValue:this._pendingValue,features:{[r.Crepe.Feature.CodeMirror]:!1,[r.Crepe.Feature.ImageBlock]:!1,[r.Crepe.Feature.Latex]:!1},featureConfigs:{[r.Crepe.Feature.Placeholder]:{text:this.placeholder,mode:"doc"}}});if(i.on(a=>{a.markdownUpdated((c,d)=>{if(this._pendingValue=d,this._suppressNextChange){this._suppressNextChange=!1;return}this._queueChange(d)}),a.focus(()=>{this.dispatchEvent(new CustomEvent("dt-focus",{bubbles:!0,composed:!0}))}),a.blur(()=>{this.dispatchEvent(new CustomEvent("dt-blur",{bubbles:!0,composed:!0}))})}),await i.create(),!this.isConnected||t!==this._setupToken){await i.destroy();return}this._editor=i,this._editor.setReadonly(this.readonly),this._pendingValue=this._editor.getMarkdown(),this._setStatus(null)}catch{t===this._setupToken&&this._setStatus("Failed to load editor")}}async _destroyEditor(){let e=this._editor;if(this._editor=null,!!e)try{await e.destroy()}catch{}}_queueChange(e){this._clearChangeTimer(),this._changeTimer=setTimeout(()=>{this._changeTimer=null,this.dispatchEvent(new CustomEvent("dt-change",{bubbles:!0,composed:!0,detail:{value:e}}))},300)}_clearChangeTimer(){this._changeTimer&&(clearTimeout(this._changeTimer),this._changeTimer=null)}_setStatus(e){if(e){this._status.hidden=!1,this._status.textContent=e;return}this._status.hidden=!0}};customElements.get("dt-tooltip")||customElements.define("dt-tooltip",Re);customElements.get("dt-card")||customElements.define("dt-card",Ve);customElements.get("dt-select")||customElements.define("dt-select",qe);customElements.get("dt-grid")||customElements.define("dt-grid",Ye);customElements.get("dt-stack")||customElements.define("dt-stack",Qe);customElements.get("dt-stat")||customElements.define("dt-stat",rt);customElements.get("dt-badge")||customElements.define("dt-badge",ot);customElements.get("dt-button")||customElements.define("dt-button",dt);customElements.get("dt-divider")||customElements.define("dt-divider",pt);customElements.get("dt-list-view")||customElements.define("dt-list-view",xt);customElements.get("dt-table-view")||customElements.define("dt-table-view",bt);customElements.get("dt-column")||customElements.define("dt-column",ue);customElements.get("dt-chart")||customElements.define("dt-chart",zt);customElements.get("dt-markdown")||customElements.define("dt-markdown",Rt);customElements.get("dt-markdown-editor")||customElements.define("dt-markdown-editor",Vt);var l={root:"PreferenceApp_root",rootCompact:"PreferenceApp_rootCompact",sidebar:"PreferenceApp_sidebar",sidebarHeader:"PreferenceApp_sidebarHeader",categoryItem:"PreferenceApp_categoryItem",categoryItemActive:"PreferenceApp_categoryItem PreferenceApp_categoryItemActive",categoryIcon:"PreferenceApp_categoryIcon",categoryText:"PreferenceApp_categoryText",settingsPanel:"PreferenceApp_settingsPanel",section:"PreferenceApp_section",sectionTitle:"PreferenceApp_sectionTitle",row:"PreferenceApp_row",rowInfo:"PreferenceApp_rowInfo",rowLabel:"PreferenceApp_rowLabel",rowDescription:"PreferenceApp_rowDescription",rowRestartBadge:"PreferenceApp_rowRestartBadge",rowControl:"PreferenceApp_rowControl",providerGroup:"PreferenceApp_providerGroup",providerGroupHeader:"PreferenceApp_providerGroupHeader",providerList:"PreferenceApp_providerList",providerCard:"PreferenceApp_providerCard",providerCardBody:"PreferenceApp_providerCardBody",providerCardHeader:"PreferenceApp_providerCardHeader",providerCardTitleRow:"PreferenceApp_providerCardTitleRow",providerCardTitle:"PreferenceApp_providerCardTitle",providerDefaultBadge:"PreferenceApp_providerDefaultBadge",providerCardActions:"PreferenceApp_providerCardActions",providerActionButtonWrap:"PreferenceApp_providerActionButtonWrap",providerButtonWrap:"PreferenceApp_providerButtonWrap",providerFieldGrid:"PreferenceApp_providerFieldGrid",providerField:"PreferenceApp_providerField",providerFieldLabel:"PreferenceApp_providerFieldLabel",providerSelectWrap:"PreferenceApp_providerSelectWrap",selectWrap:"PreferenceApp_selectWrap",textInput:"PreferenceApp_textInput",numberInput:"PreferenceApp_numberInput",textInputSensitive:"PreferenceApp_textInput PreferenceApp_textInputSensitive",colorControl:"PreferenceApp_colorControl",colorInput:"PreferenceApp_colorInput",toggle:"PreferenceApp_toggle",toggleInput:"PreferenceApp_toggleInput",toggleTrack:"PreferenceApp_toggleTrack",toggleKnob:"PreferenceApp_toggleKnob",notification:"PreferenceApp_notification"},V=window.__desktalk_jsx_runtime,s=V.jsx,b=V.jsxs;V.jsxDEV;V.Fragment;var $t={General:"⚙",Server:"🌐",AI:"🤖",Voice:"🎙"};function Dt({activeCategory:e,onSelect:t,compact:r=!1}){return b("nav",{className:l.sidebar,children:[s("div",{className:l.sidebarHeader,children:"Settings"}),j.map(n=>{const i=b("button",{className:n===e?l.categoryItemActive:l.categoryItem,onClick:()=>t(n),type:"button","aria-label":r?n:void 0,children:[s("span",{className:l.categoryIcon,children:$t[n]}),!r&&s("span",{className:l.categoryText,children:n})]},n);return r?s("dt-tooltip",{content:n,placement:"bottom",children:i},n):i})]})}function Bt({config:e,onChange:t}){const r=ie(()=>{const o=se(e["ai.enabledProviders"]),u=typeof e["ai.defaultProvider"]=="string"&&e["ai.defaultProvider"]?String(e["ai.defaultProvider"]):M;return o.includes(u)||o.unshift(u),o},[e]),n=m(async o=>{const u=o.length>0?o:[M];await t("ai.enabledProviders",we(u)),await t("ai.defaultProvider",u[0])},[t]),i=m(async()=>{const o=S.find(u=>!r.includes(u.id));o&&await n([...r,o.id])},[r,n]),a=m(async(o,u)=>{if(o===u||r.includes(u))return;const h=r.map(v=>v===o?u:v);await n(h)},[r,n]),c=m(async o=>{if(r.length===1)return;const u=r.filter(h=>h!==o);await n(u);for(const h of ye(o))await t(h,"")},[r,t,n]),d=m(async o=>{if(r[0]===o)return;const u=[o,...r.filter(h=>h!==o)];await n(u)},[r,n]);return b("div",{className:l.providerGroup,children:[b("div",{className:l.providerGroupHeader,children:[b("div",{children:[s("div",{className:l.rowLabel,children:"Providers"}),s("div",{className:l.rowDescription,children:"Add providers, keep your default at the top, and remove anything you no longer use."})]}),s("div",{className:l.providerActionButtonWrap,children:s(W,{onPress:i,disabled:r.length>=S.length,variant:"secondary",children:"Add provider"})})]}),s("div",{className:l.providerList,children:r.map((o,u)=>{const h=ae(o);if(!h)return null;const v=S.filter(p=>p.id===o||!r.includes(p.id));return s("div",{className:l.providerCard,children:s("dt-card",{variant:"outlined",children:b("div",{className:l.providerCardBody,children:[b("div",{className:l.providerCardHeader,children:[b("div",{className:l.providerCardTitleRow,children:[s("div",{className:l.providerCardTitle,children:h.label}),u===0&&s("span",{className:l.providerDefaultBadge,children:"Default"})]}),b("div",{className:l.providerCardActions,children:[s("div",{className:l.providerButtonWrap,children:s(W,{onPress:()=>d(o),disabled:u===0,variant:"secondary",size:"sm",children:"Set as default"})}),s("div",{className:l.providerButtonWrap,children:s(W,{onPress:()=>c(o),disabled:r.length===1,variant:"danger",size:"sm",children:"Delete"})})]})]}),b("div",{className:l.providerFieldGrid,children:[b("div",{className:l.providerField,children:[s("label",{className:l.providerFieldLabel,htmlFor:`ai-provider-${o}`,children:"Provider"}),s(Ot,{value:o,options:v.map(p=>({value:p.id,label:p.label})),onChange:p=>a(o,p)})]}),h.supportsApiKey&&s(K,{id:`ai-provider-key-${o}`,label:"API Key",value:String(e[`ai.providers.${o}.apiKey`]??""),sensitive:!0,onCommit:p=>t(`ai.providers.${o}.apiKey`,p)}),s(K,{id:`ai-provider-model-${o}`,label:"Model",value:String(e[`ai.providers.${o}.model`]??""),onCommit:p=>t(`ai.providers.${o}.model`,p)}),h.supportsBaseUrl&&s(K,{id:`ai-provider-base-url-${o}`,label:"Base URL",value:String(e[`ai.providers.${o}.baseUrl`]??""),onCommit:p=>t(`ai.providers.${o}.baseUrl`,p)})]})]})})},o)})})]})}function W({children:e,disabled:t=!1,variant:r="primary",size:n="md",onPress:i}){const[a,c]=A(null);return x(()=>{if(!a)return;const d=()=>{i()};return a.addEventListener("click",d),()=>a.removeEventListener("click",d)},[a,i]),s("dt-button",{ref:d=>c(d),disabled:t,variant:r,size:n,children:e})}function Ot({value:e,options:t,disabled:r=!1,onChange:n}){const[i,a]=A(null);return x(()=>{i&&(i.options=t)},[t,i]),x(()=>{i&&(i.value=e)},[i,e]),x(()=>{i&&(i.disabled=r)},[r,i]),x(()=>{if(!i)return;const c=d=>{n(d.detail.value)};return i.addEventListener("dt-change",c),()=>i.removeEventListener("dt-change",c)},[n,i]),s("div",{className:l.providerSelectWrap,children:s("dt-select",{ref:c=>a(c)})})}function K({id:e,label:t,value:r,sensitive:n=!1,onCommit:i}){const[a,c]=A(r);x(()=>{c(r)},[r]);const d=m(()=>{a!==r&&i(a)},[a,i,r]);return b("div",{className:l.providerField,children:[s("label",{className:l.providerFieldLabel,htmlFor:e,children:t}),s("input",{id:e,type:n?"password":"text",className:n?l.textInputSensitive:l.textInput,value:a,onChange:o=>c(o.target.value),onBlur:d,onKeyDown:o=>{o.key==="Enter"&&d()}})]})}function Wt({config:e,onChange:t}){const r=ie(()=>{const o=le(e["voice.enabledProviders"]),u=typeof e["voice.defaultProvider"]=="string"&&e["voice.defaultProvider"]?String(e["voice.defaultProvider"]):P;return o.includes(u)||o.unshift(u),o},[e]),n=m(async o=>{const u=o.length>0?o:[P];await t("voice.enabledProviders",ke(u)),await t("voice.defaultProvider",u[0])},[t]),i=m(async()=>{const o=z.find(u=>!r.includes(u.id));o&&await n([...r,o.id])},[r,n]),a=m(async(o,u)=>{if(o===u||r.includes(u))return;const h=r.map(v=>v===o?u:v);await n(h)},[r,n]),c=m(async o=>{if(r.length===1)return;const u=r.filter(h=>h!==o);await n(u);for(const h of Ae(o))await t(h,"")},[r,t,n]),d=m(async o=>{if(r[0]===o)return;const u=[o,...r.filter(h=>h!==o)];await n(u)},[r,n]);return b("div",{className:l.providerGroup,children:[b("div",{className:l.providerGroupHeader,children:[b("div",{children:[s("div",{className:l.rowLabel,children:"Providers"}),s("div",{className:l.rowDescription,children:"Add STT providers, keep your default at the top, and remove unused items."})]}),s("div",{className:l.providerActionButtonWrap,children:s(U,{onPress:i,disabled:r.length>=z.length,variant:"secondary",children:"Add provider"})})]}),s("div",{className:l.providerList,children:r.map((o,u)=>{const h=de(o);if(!h)return null;const v=z.filter(p=>p.id===o||!r.includes(p.id));return s("div",{className:l.providerCard,children:s("dt-card",{variant:"outlined",children:b("div",{className:l.providerCardBody,children:[b("div",{className:l.providerCardHeader,children:[b("div",{className:l.providerCardTitleRow,children:[s("div",{className:l.providerCardTitle,children:h.label}),u===0&&s("span",{className:l.providerDefaultBadge,children:"Default"})]}),b("div",{className:l.providerCardActions,children:[s("div",{className:l.providerButtonWrap,children:s(U,{onPress:()=>d(o),disabled:u===0,variant:"secondary",size:"sm",children:"Set as default"})}),s("div",{className:l.providerButtonWrap,children:s(U,{onPress:()=>c(o),disabled:r.length===1,variant:"danger",size:"sm",children:"Delete"})})]})]}),b("div",{className:l.providerFieldGrid,children:[s(Kt,{label:"Provider",value:o,options:v.map(p=>({value:p.id,label:p.label})),onChange:p=>a(o,p)}),h.supportsApiKey&&s(L,{id:`voice-provider-key-${o}`,label:"API Key",value:String(e[`voice.providers.${o}.apiKey`]??""),sensitive:!0,onCommit:p=>t(`voice.providers.${o}.apiKey`,p)}),h.supportsModel&&s(L,{id:`voice-provider-model-${o}`,label:"Model",value:String(e[`voice.providers.${o}.model`]??""),onCommit:p=>t(`voice.providers.${o}.model`,p)}),h.supportsBaseUrl&&s(L,{id:`voice-provider-base-url-${o}`,label:"Base URL",value:String(e[`voice.providers.${o}.baseUrl`]??""),onCommit:p=>t(`voice.providers.${o}.baseUrl`,p)}),h.supportsAzureDeployment&&s(L,{id:`voice-provider-deployment-${o}`,label:"Azure Deployment",value:String(e[`voice.providers.${o}.azureDeployment`]??""),onCommit:p=>t(`voice.providers.${o}.azureDeployment`,p)}),h.supportsAzureApiVersion&&s(L,{id:`voice-provider-api-version-${o}`,label:"Azure API Version",value:String(e[`voice.providers.${o}.azureApiVersion`]??""),onCommit:p=>t(`voice.providers.${o}.azureApiVersion`,p)})]})]})})},o)})})]})}function U({children:e,disabled:t=!1,variant:r="primary",size:n="md",onPress:i}){const[a,c]=A(null);return x(()=>{if(!a)return;const d=()=>{i()};return a.addEventListener("click",d),()=>a.removeEventListener("click",d)},[a,i]),s("dt-button",{ref:d=>c(d),disabled:t,variant:r,size:n,children:e})}function Kt({label:e,value:t,options:r,onChange:n}){const[i,a]=A(null);return x(()=>{i&&(i.options=r)},[r,i]),x(()=>{i&&(i.value=t)},[i,t]),x(()=>{if(!i)return;const c=d=>{n(d.detail.value)};return i.addEventListener("dt-change",c),()=>i.removeEventListener("dt-change",c)},[n,i]),b("div",{className:l.providerField,children:[s("label",{className:l.providerFieldLabel,children:e}),s("div",{className:l.providerSelectWrap,children:s("dt-select",{ref:c=>a(c)})})]})}function L({id:e,label:t,value:r,sensitive:n=!1,onCommit:i}){const[a,c]=A(r);x(()=>{c(r)},[r]);const d=m(()=>{a!==r&&i(a)},[a,i,r]);return b("div",{className:l.providerField,children:[s("label",{className:l.providerFieldLabel,htmlFor:e,children:t}),s("input",{id:e,type:n?"password":"text",className:n?l.textInputSensitive:l.textInput,value:a,onChange:o=>c(o.target.value),onBlur:d,onKeyDown:o=>{o.key==="Enter"&&d()}})]})}function Ut({title:e,children:t}){return b("section",{className:l.section,children:[s("h3",{className:l.sectionTitle,children:e}),t]})}function jt({schema:e,value:t,onChange:r}){return b("div",{className:l.row,children:[b("div",{className:l.rowInfo,children:[b("div",{className:l.rowLabel,children:[e.label,e.requiresRestart&&s("span",{className:l.rowRestartBadge,children:"restart"})]}),s("div",{className:l.rowDescription,children:e.description})]}),s("div",{className:l.rowControl,children:s(qt,{schema:e,value:t,onChange:r})})]})}function qt({schema:e,value:t,onChange:r}){return e.key==="general.accentColor"&&e.type==="string"?s(Xt,{schema:e,value:t,onChange:r}):e.type==="boolean"?s(Yt,{schema:e,value:t,onChange:r}):e.type==="string"&&e.options?s(Zt,{schema:e,value:t,onChange:r}):e.type==="string"?s(Qt,{schema:e,value:t,onChange:r}):e.type==="number"?s(er,{schema:e,value:t,onChange:r}):null}function Gt(e){return/^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e)}function Xt({schema:e,value:t,onChange:r}){const[n,i]=A(t);x(()=>{i(t)},[t]);const a=m(p=>{const w=(p??n).trim();w!==t&&r(e.key,w)},[n,r,e.key,t]),c=m(p=>{i(p.currentTarget.value)},[]),d=m(p=>{const w=p.target.value;i(w),a(w)},[a]),o=m(p=>{i(p.target.value)},[]),u=m(p=>{p.key==="Enter"&&a()},[a]),h=m(()=>{a()},[a]),v=Gt(n)?n:"#7c6ff7";return b("div",{className:l.colorControl,children:[s("input",{type:"color",className:l.colorInput,value:v,onInput:c,onChange:d,"aria-label":`${e.label} picker`}),s("input",{type:"text",className:l.textInput,value:n,onChange:o,onBlur:h,onKeyDown:u,placeholder:"#7c6ff7"})]})}function Yt({schema:e,value:t,onChange:r}){const n=m(()=>{r(e.key,!t)},[e.key,t,r]);return b("label",{className:l.toggle,children:[s("input",{type:"checkbox",className:l.toggleInput,checked:t,onChange:n}),s("span",{className:l.toggleTrack}),s("span",{className:l.toggleKnob})]})}function Zt({schema:e,value:t,onChange:r}){const n=m(i=>{r(e.key,i)},[e.key,r]);return s(Jt,{value:t,options:(e.options??[]).map(i=>({value:i,label:i})),onChange:n})}function Jt({value:e,options:t,disabled:r=!1,onChange:n}){const[i,a]=A(null);return x(()=>{i&&(i.options=t)},[t,i]),x(()=>{i&&(i.value=e,i.disabled=r)},[r,i,e]),x(()=>{if(!i)return;const c=d=>{n(d.detail.value)};return i.addEventListener("dt-change",c),()=>i.removeEventListener("dt-change",c)},[n,i]),s("div",{className:l.selectWrap,children:s("dt-select",{ref:c=>a(c)})})}function Qt({schema:e,value:t,onChange:r}){const[n,i]=A(t);x(()=>{i(t)},[t]);const a=m(()=>{n!==t&&r(e.key,n)},[e.key,n,t,r]),c=m(d=>{d.key==="Enter"&&r(e.key,n)},[e.key,n,r]);return s("input",{type:e.sensitive?"password":"text",className:e.sensitive?l.textInputSensitive:l.textInput,value:n,onChange:d=>i(d.target.value),onBlur:a,onKeyDown:c,placeholder:e.sensitive?"Enter API key...":void 0})}function er({schema:e,value:t,onChange:r}){const[n,i]=A(String(t));x(()=>{i(String(t))},[t]);const a=m(()=>{let d=Number(n);if(Number.isNaN(d)){i(String(t));return}e.min!==void 0&&(d=Math.max(e.min,d)),e.max!==void 0&&(d=Math.min(e.max,d)),i(String(d)),d!==t&&r(e.key,d)},[e.key,e.min,e.max,n,t,r]),c=m(d=>{d.key==="Enter"&&a()},[a]);return s("input",{type:"number",className:l.numberInput,value:n,min:e.min,max:e.max,onChange:d=>i(d.target.value),onBlur:a,onKeyDown:c})}function tr({children:e,onConfigChanged:t}){const r=T("preferences.get"),n=T("preferences.set"),i=T("preferences.reset"),a=T("preferences.resetAll"),c=m(async h=>{const v=h?.key;if(!v)throw new Error("Missing required parameter: key");return await r({key:v})},[r]),d=m(async h=>{const v=h?.key;if(!v)throw new Error("Missing required parameter: key");let p=h?.value;if(p===void 0)throw new Error("Missing required parameter: value");const w=Me(v);return w&&(w.type==="number"&&typeof p=="string"?p=Number(p):w.type==="boolean"&&typeof p=="string"&&(p=p==="true")),await n({key:v,value:p}),t(),{success:!0}},[n,t]),o=m(async h=>{const v=h?.key;if(!v)throw new Error("Missing required parameter: key");return await i({key:v}),t(),{success:!0}},[i,t]),u=m(async()=>(await a(),t(),{success:!0}),[a,t]);return b(be,{children:[s(H,{name:"Get Setting",description:"Read the current value of a setting",params:{key:{type:"string",description:"Setting key (e.g. general.theme)",required:!0}},handler:c}),s(H,{name:"Set Setting",description:"Update a setting value",params:{key:{type:"string",description:"Setting key (e.g. general.theme)",required:!0},value:{type:"string",description:"New value for the setting",required:!0}},handler:d}),s(H,{name:"Reset Setting",description:"Reset a setting to its default value",params:{key:{type:"string",description:"Setting key to reset",required:!0}},handler:o}),s(H,{name:"Reset All",description:"Reset all settings to their default values",handler:u}),e]})}var rr=720;function nr(){const[e,t]=A(ze()),[r,n]=A(j[0]),[i,a]=A(null),[c,d]=A(!1),o=J(null),u=J(null),h=T("preferences.getAll"),v=T("preferences.set"),p=m(async()=>{try{const f=await h();t(f)}catch(f){console.error("Failed to load preferences:",f)}},[h]);x(()=>{p()},[p]),x(()=>{if(!u.current)return;const f=_=>{d(_<=rr)};f(u.current.clientWidth);const y=new ResizeObserver(_=>{const X=_[0];X&&f(X.contentRect.width)});return y.observe(u.current),()=>y.disconnect()},[]),Y("preferences:changed",f=>{t(y=>({...y,[f.key]:f.value})),f.requiresRestart&&w(Z({scope:"preference",key:"notifications.restartRequired",defaultText:"This change requires a restart to take effect."}))}),Y("preferences:resetAll",()=>{p(),w(Z({scope:"preference",key:"notifications.resetAll",defaultText:"All settings have been reset to defaults."}))});const w=m(f=>{a(f),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>a(null),4e3)},[]),E=m(async(f,y)=>{t(_=>({..._,[f]:y}));try{await v({key:f,value:y})}catch(_){console.error(`Failed to update ${f}:`,_),p()}},[v,p]),k=j.filter(f=>f===r),I=m(f=>{const y=Ne(f);return f!=="AI"&&f!=="Voice"?y:y.filter(_=>f==="AI"?!_.key.startsWith("ai.providers.")&&_.key!=="ai.defaultProvider"&&_.key!=="ai.enabledProviders":!_.key.startsWith("voice.providers.")&&_.key!=="voice.defaultProvider"&&_.key!=="voice.enabledProviders")},[]);return s(tr,{onConfigChanged:p,children:b("div",{ref:u,className:`${l.root}${c?` ${l.rootCompact}`:""}`,children:[s(Dt,{activeCategory:r,onSelect:n,compact:c}),s("div",{className:l.settingsPanel,children:k.map(f=>{const y=I(f);return b(Ut,{title:f,children:[f==="AI"&&s(Bt,{config:e,onChange:E}),f==="Voice"&&s(Wt,{config:e,onChange:E}),y.map(_=>s(jt,{schema:_,value:e[_.key]??_.default,onChange:E},_.key))]},f)})}),i&&s("div",{className:l.notification,children:i})]})})}function or(e){const t=ve(e.root);return t.render(s(ge,{windowId:e.windowId,children:s(fe,{miniAppId:e.miniAppId,children:s(nr,{})})})),{deactivate(){t.unmount()}}}export{or as activate};
+//# sourceMappingURL=frontend-rTwBdJbn.js.map