@desktalk/core 0.1.0-alpha.1

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

@@ -0,0 +1,1991 @@
+import{W as vt,a as ft,u as z,A as _t,b as I}from"./index-C5-XUOS7.js";(()=>{if(typeof document>"u")return;const t="desktalk-style-desktalk-miniapp-note-emi3yz";if(document.getElementById(t))return;const e=document.createElement("style");e.id=t,e.textContent=`/* src/styles/NoteApp.module.css */
+.NoteApp_root {
+  display: flex;
+  height: 100%;
+  overflow: hidden;
+  background: var(--dt-window-body);
+  color: var(--dt-text);
+  font-family: var(--font-sans);
+}
+.NoteApp_rootCompact {
+  flex-direction: column;
+}
+.NoteApp_rootCompact .NoteApp_listPanel {
+  width: 100%;
+  min-width: 0;
+  max-height: 180px;
+  flex-direction: row;
+  border-right: none;
+  border-bottom: 1px solid var(--dt-border);
+}
+.NoteApp_rootCompact .NoteApp_listHeader {
+  width: 140px;
+  min-width: 140px;
+  flex-direction: column;
+  padding: 10px;
+  gap: 8px;
+  border-bottom: none;
+  border-right: 1px solid var(--dt-border-subtle);
+}
+.NoteApp_rootCompact .NoteApp_searchInput {
+  width: 100%;
+}
+.NoteApp_rootCompact .NoteApp_newNoteBtn {
+  width: 100%;
+}
+.NoteApp_rootCompact .NoteApp_noteList {
+  flex: 1;
+  overflow-x: auto;
+  overflow-y: hidden;
+  display: flex;
+  padding: 8px;
+  gap: 8px;
+}
+.NoteApp_rootCompact .NoteApp_noteItem,
+.NoteApp_rootCompact .NoteApp_noteItemActive {
+  min-width: 160px;
+  max-width: 200px;
+  flex-shrink: 0;
+  border-bottom: none;
+  border-radius: 6px;
+  background: var(--dt-surface);
+}
+.NoteApp_rootCompact .NoteApp_noteItemActive {
+  border-left: none;
+  padding-left: 10px;
+  border: 1px solid var(--dt-accent);
+  background: color-mix(in oklab, var(--dt-accent) 8%, var(--dt-surface));
+}
+.NoteApp_rootCompact .NoteApp_emptyState {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+.NoteApp_listPanel {
+  display: flex;
+  width: 260px;
+  min-width: 200px;
+  flex-direction: column;
+  overflow: hidden;
+  border-right: 1px solid var(--dt-border);
+}
+.NoteApp_listHeader {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 14px;
+  border-bottom: 1px solid var(--dt-border);
+}
+.NoteApp_searchInput {
+  flex: 1;
+  padding: 6px 10px;
+  border: 1px solid var(--dt-border);
+  border-radius: 6px;
+  background: var(--dt-surface);
+  color: var(--dt-text);
+  font-family: inherit;
+  font-size: 13px;
+  outline: none;
+  transition: border-color 0.15s;
+}
+.NoteApp_searchInput::placeholder {
+  color: var(--dt-text-muted);
+}
+.NoteApp_searchInput:focus {
+  border-color: var(--dt-accent);
+}
+.NoteApp_newNoteBtn {
+  display: flex;
+  width: 30px;
+  height: 30px;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--dt-border);
+  border-radius: 6px;
+  background: var(--dt-surface);
+  color: var(--dt-text);
+  cursor: pointer;
+  font-size: 18px;
+  line-height: 1;
+  transition:
+    background 0.15s,
+    border-color 0.15s,
+    color 0.15s;
+}
+.NoteApp_newNoteBtn:hover {
+  border-color: var(--dt-accent);
+  background: var(--dt-surface-hover);
+  color: var(--dt-accent);
+}
+.NoteApp_noteList {
+  flex: 1;
+  overflow-y: auto;
+}
+.NoteApp_noteItem {
+  padding: 10px 14px;
+  border-bottom: 1px solid var(--dt-border);
+  cursor: pointer;
+  transition: background 0.1s;
+}
+.NoteApp_noteItem:hover {
+  background: var(--dt-surface-hover);
+}
+.NoteApp_noteItemActive {
+  padding-left: 11px;
+  border-left: 3px solid var(--dt-accent);
+  background: var(--dt-surface);
+}
+.NoteApp_noteTitle {
+  overflow: hidden;
+  margin-bottom: 4px;
+  font-size: 14px;
+  font-weight: 500;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.NoteApp_notePreview {
+  overflow: hidden;
+  margin-bottom: 4px;
+  color: var(--dt-text-muted);
+  font-size: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.NoteApp_noteDate {
+  color: var(--dt-text-muted);
+  opacity: 0.7;
+  font-size: 11px;
+}
+.NoteApp_emptyState {
+  padding: 24px 14px;
+  color: var(--dt-text-muted);
+  font-size: 13px;
+  text-align: center;
+}
+.NoteApp_editorPanel {
+  display: flex;
+  min-width: 0;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+}
+.NoteApp_editorHeader {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 16px;
+  border-bottom: 1px solid var(--dt-border);
+}
+.NoteApp_editorTitle {
+  font-size: 16px;
+  font-weight: 600;
+}
+.NoteApp_editorTags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.NoteApp_editorTag {
+  padding: 2px 8px;
+  border: 1px solid var(--dt-border);
+  border-radius: 4px;
+  background: var(--dt-surface);
+  color: var(--dt-accent);
+  font-size: 11px;
+}
+.NoteApp_editorBody {
+  position: relative;
+  flex: 1;
+  overflow-y: auto;
+}
+.NoteApp_editorPlaceholder {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  color: var(--dt-text-muted);
+  font-size: 14px;
+}
+.NoteApp_editorBody .milkdown {
+  height: 100%;
+  background: transparent;
+  color: var(--dt-text);
+}
+.NoteApp_editorBody .milkdown .editor {
+  min-height: 100%;
+  padding: 16px 20px;
+  outline: none;
+  font-family: var(--font-sans);
+  font-size: 14px;
+  line-height: 1.65;
+}
+.NoteApp_editorBody .milkdown .editor h1 {
+  margin: 0.8em 0 0.4em;
+  font-size: 1.6em;
+}
+.NoteApp_editorBody .milkdown .editor h2 {
+  margin: 0.7em 0 0.35em;
+  font-size: 1.35em;
+}
+.NoteApp_editorBody .milkdown .editor h3 {
+  margin: 0.6em 0 0.3em;
+  font-size: 1.15em;
+}
+.NoteApp_editorBody .milkdown .editor p {
+  margin: 0.5em 0;
+}
+.NoteApp_editorBody .milkdown .editor code {
+  padding: 2px 5px;
+  border-radius: 3px;
+  background: var(--dt-surface);
+  font-family: var(--font-mono);
+  font-size: 0.9em;
+}
+.NoteApp_editorBody .milkdown .editor pre {
+  overflow-x: auto;
+  margin: 0.8em 0;
+  padding: 12px 16px;
+  border: 1px solid var(--dt-border);
+  border-radius: 6px;
+  background: var(--dt-surface);
+}
+.NoteApp_editorBody .milkdown .editor pre code {
+  padding: 0;
+  border-radius: 0;
+  background: transparent;
+}
+.NoteApp_editorBody .milkdown .editor blockquote {
+  margin: 0.8em 0;
+  padding-left: 14px;
+  border-left: 3px solid var(--dt-accent);
+  color: var(--dt-text-muted);
+}
+.NoteApp_editorBody .milkdown .editor a {
+  color: var(--dt-accent);
+  text-decoration: none;
+}
+.NoteApp_editorBody .milkdown .editor a:hover {
+  text-decoration: underline;
+}
+.NoteApp_editorBody .milkdown .editor hr {
+  margin: 1.5em 0;
+  border: none;
+  border-top: 1px solid var(--dt-border);
+}
+.NoteApp_editorBody .milkdown .editor ul,
+.NoteApp_editorBody .milkdown .editor ol {
+  margin: 0.5em 0;
+  padding-left: 24px;
+}
+.NoteApp_editorBody .milkdown .editor li {
+  margin: 0.2em 0;
+}
+.NoteApp_editorBody .milkdown .editor img {
+  max-width: 100%;
+  border-radius: 6px;
+}
+.NoteApp_editorBody dt-markdown-editor {
+  display: block;
+  height: 100%;
+}
+.NoteApp_saveStatus {
+  color: var(--dt-text-muted);
+  opacity: 0.7;
+  font-size: 11px;
+}
+.NoteApp_saveStatusSaving {
+  color: var(--dt-warning);
+}
+/*# sourceMappingURL=frontend.css.map */
+`,document.head.appendChild(e)})();var h=window.React;h.Children;h.Component;h.Fragment;h.Profiler;h.PureComponent;h.StrictMode;h.Suspense;h.cloneElement;h.createContext;h.createElement;h.createRef;var xt=h.forwardRef;h.isValidElement;h.lazy;h.memo;h.startTransition;var x=h.useCallback;h.useContext;h.useDebugValue;h.useDeferredValue;var j=h.useEffect;h.useId;var wt=h.useImperativeHandle;h.useInsertionEffect;h.useLayoutEffect;h.useMemo;h.useReducer;var F=h.useRef,R=h.useState;h.useSyncExternalStore;h.useTransition;h.version;var ct=window.ReactDOM,yt=ct.createRoot;ct.hydrateRoot;var v={root:"NoteApp_root",rootCompact:"NoteApp_rootCompact",listPanel:"NoteApp_listPanel",listHeader:"NoteApp_listHeader",searchInput:"NoteApp_searchInput",newNoteBtn:"NoteApp_newNoteBtn",noteList:"NoteApp_noteList",noteItem:"NoteApp_noteItem",noteItemActive:"NoteApp_noteItem NoteApp_noteItemActive",emptyState:"NoteApp_emptyState",noteTitle:"NoteApp_noteTitle",notePreview:"NoteApp_notePreview",noteDate:"NoteApp_noteDate",editorPanel:"NoteApp_editorPanel",editorHeader:"NoteApp_editorHeader",editorTitle:"NoteApp_editorTitle",editorTags:"NoteApp_editorTags",editorTag:"NoteApp_editorTag",editorBody:"NoteApp_editorBody",editorPlaceholder:"NoteApp_editorPlaceholder",saveStatus:"NoteApp_saveStatus",saveStatusSaving:"NoteApp_saveStatus NoteApp_saveStatusSaving"},K=window.__desktalk_jsx_runtime,u=K.jsx,H=K.jsxs;K.jsxDEV;K.Fragment;function kt(t){try{const e=new Date(t),n=new Date().getTime()-e.getTime(),i=Math.floor(n/6e4);if(i<1)return"just now";if(i<60)return`${i}m ago`;const o=Math.floor(i/60);if(o<24)return`${o}h ago`;const a=Math.floor(o/24);return a<7?`${a}d ago`:e.toLocaleDateString(void 0,{month:"short",day:"numeric"})}catch{return""}}function Ct({notes:t,selectedId:e,onSelect:r,onCreate:n,searchQuery:i,onSearchChange:o}){const a=F(null);return H("div",{className:v.listPanel,children:[H("div",{className:v.listHeader,children:[u("input",{ref:a,type:"text",className:v.searchInput,placeholder:"Search notes...",value:i,onChange:s=>o(s.target.value)}),u("button",{className:v.newNoteBtn,onClick:n,title:"New note",children:"+"})]}),u("div",{className:v.noteList,children:t.length===0?u("div",{className:v.emptyState,children:i?"No notes match your search":"No notes yet"}):t.map(s=>H("div",{className:s.id===e?v.noteItemActive:v.noteItem,onClick:()=>r(s.id),children:[u("div",{className:v.noteTitle,children:s.title}),u("div",{className:v.notePreview,children:s.preview}),u("div",{className:v.noteDate,children:kt(s.updatedAt)})]},s.id))})]})}var At=`.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;
+}
+`,Et="dt-tooltip-popup",L=8,ot=!1;function St(){if(ot)return;let t=document.createElement("style");t.setAttribute("data-dt-tooltip",""),t.textContent=At,document.head.appendChild(t),ot=!0}var Nt=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(t){this.setAttribute("content",t)}get placement(){let t=this.getAttribute("placement");return t==="bottom"||t==="left"||t==="right"?t:"top"}set placement(t){this.setAttribute("placement",t)}get delay(){let t=Number(this.getAttribute("delay"));return Number.isFinite(t)&&t>0?t:0}set delay(t){this.setAttribute("delay",String(t))}get disabled(){return this.hasAttribute("disabled")}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}constructor(){super();let t=this.attachShadow({mode:"open"});t.innerHTML="<slot></slot>",this._tooltipId=`dt-tip-${Math.random().toString(36).slice(2,9)}`}connectedCallback(){St(),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(t,e,r){t==="disabled"&&this.disabled&&this._hide(),t==="content"&&this._popup&&(this._popup.textContent=this.content)}_onEnter=()=>{if(this.disabled||!this.content)return;this._showTimeout!==null&&clearTimeout(this._showTimeout);let t=()=>{this._createPopup(),this._position(),this._visible=!0};this.delay>0?this._showTimeout=setTimeout(t,this.delay):t()};_onLeave=()=>{this._hide()};_createPopup(){if(this._popup)return;let t=document.createElement("div");t.className=Et,t.id=this._tooltipId,t.setAttribute("role","tooltip"),t.textContent=this.content,document.body.appendChild(t),this._popup=t;let e=this._getTrigger();e&&e.setAttribute("aria-describedby",this._tooltipId)}_hide(){if(this._showTimeout!==null&&(clearTimeout(this._showTimeout),this._showTimeout=null),this._popup){let t=this._getTrigger();t&&t.removeAttribute("aria-describedby"),this._popup.remove(),this._popup=null,this._visible=!1}}_getTrigger(){let t=this.shadowRoot?.querySelector("slot")?.assignedElements();return t&&t.length>0?t[0]:null}_position(){let t=this._popup;if(!t)return;let e=this.getBoundingClientRect(),r=t.getBoundingClientRect(),n=window.innerWidth,i=window.innerHeight,o=this.placement;o==="top"&&e.top-r.height-L<0?o="bottom":o==="bottom"&&e.bottom+r.height+L>i?o="top":o==="left"&&e.left-r.width-L<0?o="right":o==="right"&&e.right+r.width+L>n&&(o="left"),t.setAttribute("data-actual-placement",o);let a,s;switch(o){case"top":s=e.left+e.width/2,a=e.top-r.height-L;break;case"bottom":s=e.left+e.width/2,a=e.bottom+L;break;case"left":s=e.left-r.width-L,a=e.top+e.height/2;break;case"right":s=e.right+L,a=e.top+e.height/2;break}t.style.left=`${s}px`,t.style.top=`${a}px`}},zt=`: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;
+}
+`,Mt="dt-card-inner",Tt=class extends HTMLElement{static get observedAttributes(){return["variant"]}get variant(){let t=this.getAttribute("variant");return t==="outlined"||t==="filled"?t:"default"}set variant(t){this.setAttribute("variant",t)}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=zt,t.appendChild(e);let r=document.createElement("div");r.className=Mt,r.innerHTML="<slot></slot>",t.appendChild(r)}},Lt=`.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;
+}
+`,Ht=`: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);
+}
+`,It="dt-select-trigger",at="dt-select-label",Rt="dt-select-chevron",Ft="dt-select-menu",$t="dt-select-option",Pt="dt-select-option--active",st=!1;function Dt(){if(st)return;let t=document.createElement("style");t.setAttribute("data-dt-select",""),t.textContent=Lt,document.head.appendChild(t),st=!0}var Bt=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(t){this.setAttribute("value",t)}get placeholder(){return this.getAttribute("placeholder")??"Select…"}set placeholder(t){this.setAttribute("placeholder",t)}get disabled(){return this.hasAttribute("disabled")}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get align(){return this.getAttribute("align")==="right"?"right":"left"}set align(t){this.setAttribute("align",t)}get options(){return this._options}set options(t){this._options=t,this._updateLabel(),this._open&&this._renderMenuItems()}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=Ht,t.appendChild(e);let r=document.createElement("button");r.type="button",r.className=It,r.setAttribute("aria-haspopup","listbox"),r.setAttribute("aria-expanded","false");let n=document.createElement("span");n.className=at,r.appendChild(n);let i=document.createElement("span");i.className=Rt,i.setAttribute("aria-hidden","true"),i.textContent="▾",r.appendChild(i),t.appendChild(r),this._trigger=r,this._menuId=`dt-sel-${Math.random().toString(36).slice(2,9)}`}connectedCallback(){Dt(),this._trigger.addEventListener("click",this._onTriggerClick),this._updateLabel()}disconnectedCallback(){this._trigger.removeEventListener("click",this._onTriggerClick),this._close()}attributeChangedCallback(t){t==="value"&&(this._updateLabel(),this._open&&this._renderMenuItems()),t==="placeholder"&&!this.value&&this._updateLabel(),t==="disabled"&&this.disabled&&this._close()}_updateLabel(){let t=this._trigger.querySelector(`.${at}`),e=this._options.find(r=>r.value===this.value);t.textContent=e?.label??this.placeholder}_onTriggerClick=()=>{this.disabled||(this._open?this._close():this._openMenu())};_openMenu(){if(this._open)return;let t=document.createElement("div");t.className=Ft,t.id=this._menuId,t.setAttribute("role","listbox"),document.body.appendChild(t),this._menu=t,this._renderMenuItems(),this._position(),requestAnimationFrame(()=>{t.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 t=this._menu;setTimeout(()=>t.remove(),140),this._menu=null}this._open=!1,this._trigger.setAttribute("aria-expanded","false")}}_onOutsideClick=t=>{let e=t.target;this._menu?.contains(e)||this.contains(e)||this._close()};_onKeyDown=t=>{t.key==="Escape"&&(this._close(),this._trigger.focus())};_renderMenuItems(){let t=this._menu;if(t){t.innerHTML="";for(let e of this._options){let r=document.createElement("button");r.type="button",r.className=$t,r.setAttribute("role","option"),r.setAttribute("aria-selected",String(e.value===this.value)),e.value===this.value&&r.classList.add(Pt);let n=document.createElement("span");n.textContent=e.label,r.appendChild(n),r.addEventListener("click",()=>{this._selectValue(e.value)}),t.appendChild(r)}}}_selectValue(t){let e=this.value;this.value=t,this._updateLabel(),this._close(),t!==e&&this.dispatchEvent(new CustomEvent("dt-change",{detail:{value:t},bubbles:!0,composed:!0}))}_position(){let t=this._menu;if(!t)return;let e=this.getBoundingClientRect(),r=10,n=Math.max(e.width,240),i=e.bottom+r,o=t.scrollHeight||260,a=window.innerHeight;if(i+o>a&&e.top-o-r>0&&(i=e.top-o-r),t.style.minWidth=`${n}px`,this.align==="right"){let s=window.innerWidth;t.style.right=`${s-e.right}px`,t.style.left="auto"}else t.style.left=`${e.left}px`,t.style.right="auto";t.style.top=`${i}px`}},Ot=`: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;
+}
+`,Vt="dt-grid-inner",Wt=class extends HTMLElement{static get observedAttributes(){return["cols","gap","min-width"]}get cols(){let t=this.getAttribute("cols");return t==="1"||t==="2"||t==="3"||t==="4"||t==="5"||t==="6"?t:null}set cols(t){t===null?this.removeAttribute("cols"):this.setAttribute("cols",t)}get gap(){let t=this.getAttribute("gap");return t==="0"||t==="4"||t==="8"||t==="12"||t==="20"||t==="24"||t==="32"?t:"16"}set gap(t){this.setAttribute("gap",t)}get minWidth(){let t=this.getAttribute("min-width");return t==="150"||t==="180"||t==="200"||t==="260"||t==="300"?t:"220"}set minWidth(t){this.setAttribute("min-width",t)}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=Ot,t.appendChild(e);let r=document.createElement("div");r.className=Vt,r.innerHTML="<slot></slot>",t.appendChild(r)}},jt=`: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;
+}
+`,qt="dt-stack-inner";function J(t){return t==="row"||t==="horizontal"?"row":"column"}var Ut=class extends HTMLElement{static get observedAttributes(){return["direction","gap","align"]}get direction(){return J(this.getAttribute("direction"))}set direction(t){this.setAttribute("direction",J(t))}get gap(){let t=this.getAttribute("gap");return t==="0"||t==="4"||t==="8"||t==="12"||t==="20"||t==="24"||t==="32"?t:"16"}set gap(t){this.setAttribute("gap",t)}get align(){let t=this.getAttribute("align");return t==="start"||t==="center"||t==="end"?t:"stretch"}set align(t){this.setAttribute("align",t)}connectedCallback(){this.#t()}attributeChangedCallback(t){t==="direction"&&this.#t()}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=jt,t.appendChild(e);let r=document.createElement("div");r.className=qt,r.innerHTML="<slot></slot>",t.appendChild(r)}#t(){let t=this.getAttribute("direction"),e=J(t);t!==null&&t!==e&&this.setAttribute("direction",e)}},Yt=`: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);
+}
+`,Xt="dt-stat-inner",Gt=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(t){t===null?this.removeAttribute("label"):this.setAttribute("label",t)}get value(){return this.getAttribute("value")}set value(t){t===null?this.removeAttribute("value"):this.setAttribute("value",t)}get description(){return this.getAttribute("description")}set description(t){t===null?this.removeAttribute("description"):this.setAttribute("description",t)}get size(){let t=this.getAttribute("size");return t==="sm"||t==="lg"?t:"md"}set size(t){this.setAttribute("size",t)}get variant(){let t=this.getAttribute("variant");return t==="outlined"||t==="filled"?t:"default"}set variant(t){this.setAttribute("variant",t)}get trend(){let t=this.getAttribute("trend");return t==="up"||t==="down"||t==="neutral"?t:null}set trend(t){t===null?this.removeAttribute("trend"):this.setAttribute("trend",t)}get trendValue(){return this.getAttribute("trend-value")}set trendValue(t){t===null?this.removeAttribute("trend-value"):this.setAttribute("trend-value",t)}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=Yt,t.appendChild(e),this._container=document.createElement("div"),this._container.className=Xt,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),t.appendChild(this._container),this._render()}attributeChangedCallback(t,e,r){(t==="label"||t==="value"||t==="description"||t==="size"||t==="variant"||t==="trend"||t==="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 t=this.trend,e=this.trendValue;if(t&&e){this._trendEl.style.display="inline-flex",this._trendEl.className=`trend ${t==="up"?"positive":t==="down"?"negative":"neutral"}`;let r="";t==="up"?r="↑":t==="down"?r="↓":r="→",this._trendEl.textContent=`${r} ${e}`}else this._trendEl.style.display="none"}},Kt=`: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;
+}
+`,Jt="dt-badge-inner",Qt=class extends HTMLElement{static get observedAttributes(){return["variant","size","text"]}_container;_slot;get variant(){let t=this.getAttribute("variant");return t==="success"||t==="danger"||t==="warning"||t==="info"||t==="default"||t==="neutral"?t:"accent"}set variant(t){this.setAttribute("variant",t)}get size(){let t=this.getAttribute("size");return t==="sm"||t==="lg"?t:"md"}set size(t){this.setAttribute("size",t)}get text(){return this.getAttribute("text")}set text(t){t===null?this.removeAttribute("text"):this.setAttribute("text",t)}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=Kt,t.appendChild(e),this._container=document.createElement("span"),this._container.className=Jt;let r=this.text;r!==null?this._container.textContent=r:(this._slot=document.createElement("slot"),this._container.appendChild(this._slot)),t.appendChild(this._container)}attributeChangedCallback(t,e,r){t==="text"&&this._render()}_render(){let t=this.text;t!==null&&(this._container.textContent=t)}},Zt=`: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;
+}
+`,te="dt-button-inner",ee=class extends HTMLElement{static get observedAttributes(){return["variant","size","disabled","fullwidth","type"]}_button;_slot;get variant(){let t=this.getAttribute("variant");return t==="secondary"||t==="ghost"||t==="danger"?t:"primary"}set variant(t){this.setAttribute("variant",t)}get size(){let t=this.getAttribute("size");return t==="sm"||t==="lg"?t:"md"}set size(t){this.setAttribute("size",t)}get disabled(){return this.hasAttribute("disabled")}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get fullwidth(){return this.hasAttribute("fullwidth")}set fullwidth(t){t?this.setAttribute("fullwidth",""):this.removeAttribute("fullwidth")}get type(){let t=this.getAttribute("type");return t==="submit"||t==="reset"?t:"button"}set type(t){this.setAttribute("type",t)}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=Zt,t.appendChild(e),this._button=document.createElement("button"),this._button.className=te,this._button.type=this.type,this._button.disabled=this.disabled,this._slot=document.createElement("slot"),this._button.appendChild(this._slot),t.appendChild(this._button)}attributeChangedCallback(t,e,r){switch(t){case"disabled":this._button.disabled=this.disabled;break;case"type":this._button.type=this.type;break}}},re=`: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;
+}
+`,ne="dt-divider-inner",ie=class extends HTMLElement{static get observedAttributes(){return["direction","style-variant","spacing"]}get direction(){return this.getAttribute("direction")==="vertical"?"vertical":"horizontal"}set direction(t){this.setAttribute("direction",t)}get styleVariant(){let t=this.getAttribute("style-variant");return t==="subtle"||t==="strong"?t:"default"}set styleVariant(t){this.setAttribute("style-variant",t)}get spacing(){let t=this.getAttribute("spacing");return t==="sm"||t==="md"||t==="lg"?t:null}set spacing(t){t===null?this.removeAttribute("spacing"):this.setAttribute("spacing",t)}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=re,t.appendChild(e);let r=document.createElement("hr");r.className=ne,t.appendChild(r)}},oe=`: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 ae(t){return t==null||t===!1?null:t===!0?"":String(t)}function se(t,e){let r=t.querySelectorAll("*");for(let n of r){let i=n.getAttribute("data-field");if(i){let o=e[i];n.textContent=o==null?"":String(o)}for(let o of n.getAttributeNames()){if(o==="data-field"||!o.startsWith("data-field-"))continue;let a=o.slice(11);if(!a)continue;let s=n.getAttribute(o);if(!s)continue;let d=ae(e[s]);d===null?n.removeAttribute(a):n.setAttribute(a,d)}}}function ht(t,e){let r=t.content.cloneNode(!0);return se(r,e),r}var ut=class{_count=0;_estimateSize=56;_overscan=5;_fixedSize=null;_viewportHeight=0;_scrollTop=0;_sizes=new Map;constructor(t={}){this._count=t.count??0,this._estimateSize=t.estimateSize??56,this._overscan=t.overscan??5,this._fixedSize=t.fixedSize??null}setCount(t){this._count=Math.max(0,t);for(let e of this._sizes.keys())e>=this._count&&this._sizes.delete(e)}setViewportHeight(t){this._viewportHeight=Math.max(0,t)}setScrollTop(t){this._scrollTop=Math.max(0,t)}setEstimateSize(t){this._estimateSize=Math.max(1,t)}setFixedSize(t){this._fixedSize=t&&t>0?t:null}resetMeasurements(){this._sizes.clear()}measure(t,e){if(this._fixedSize!==null||t<0||t>=this._count)return 0;let r=Math.max(1,Math.round(e)),n=this._sizes.get(t);return n===r?0:(this._sizes.set(t,r),this.getOffset(t+1)<=this._scrollTop?r-(n??this._estimateSize):0)}getOffset(t){if(t<=0)return 0;let e=Math.min(t,this._count);if(this._fixedSize!==null)return e*this._fixedSize;let r=0;for(let n=0;n<e;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 s=Math.max(1,Math.ceil(this._viewportHeight/this._fixedSize)),d=Math.max(0,Math.floor(this._scrollTop/this._fixedSize)-this._overscan),l=Math.min(this._count,d+s+this._overscan*2),g=d*this._fixedSize,_=this._count*this._fixedSize,b=Math.max(0,_-g-(l-d)*this._fixedSize);return{start:d,end:l,paddingTop:g,paddingBottom:b,totalHeight:_}}let t=0,e=0;for(;t<this._count;){let s=this._sizes.get(t)??this._estimateSize;if(e+s>this._scrollTop)break;e+=s,t+=1}t=Math.max(0,t-this._overscan);let r=this.getOffset(t),n=t,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 o=this.getTotalHeight(),a=Math.max(0,o-this.getOffset(n));return{start:t,end:n,paddingTop:r,paddingBottom:a,totalHeight:o}}};function de(t){return t&&typeof t=="object"?t:{value:t}}function le(t){return t==="center"||t==="right"?t:"left"}var pt=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 le(this.getAttribute("align"))}connectedCallback(){this.hidden=!0}attributeChangedCallback(){this.dispatchEvent(new CustomEvent("dt-column-change",{bubbles:!0,composed:!0}))}},ce=class extends HTMLElement{_rows=[];_columns=[];_virtualizer=new ut({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(t){this._rows=Array.isArray(t)?t:[],this._virtualizer.setCount(this._rows.length),this._render()}get rowHeight(){let t=Number(this.getAttribute("row-height")??"40");return Number.isFinite(t)&&t>0?t:40}set rowHeight(t){this.setAttribute("row-height",String(t))}get sortable(){return this.hasAttribute("sortable")}get emptyText(){return this.getAttribute("empty-text")??"No data"}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=oe,t.appendChild(e),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),t.appendChild(this._root)}connectedCallback(){this._virtualizer.setFixedSize(this.rowHeight),this._virtualizer.setEstimateSize(this.rowHeight),this._syncColumns(),this._resizeObserver=new ResizeObserver(t=>{for(let e of t)if(e.target===this._scroll){let r=this._header.offsetHeight;this._virtualizer.setViewportHeight(Math.max(0,e.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(t){t==="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(t=>t instanceof pt).map(t=>({field:t.field,header:t.header,width:t.width,minWidth:t.minWidth,align:t.align,template:Array.from(t.children).find(e=>e instanceof HTMLTemplateElement)??null})).filter(t=>t.field)}_render(){if(!this.isConnected)return;this._emptyState.textContent=this.emptyText;let t=this._columns.length>0?this._columns.map(e=>this._toGridColumn(e)).join(" "):"minmax(0, 1fr)";this._header.style.setProperty("--dt-table-columns",t),this._canvas.style.setProperty("--dt-table-columns",t),this._renderHeader(),this._renderBody()}_renderHeader(){let t=document.createDocumentFragment();for(let e of this._columns){let r=document.createElement("div");r.className="dt-table-header-cell",r.dataset.align=e.align,this.sortable&&(r.classList.add("dt-table-header-cell--sortable"),r.tabIndex=0,r.setAttribute("role","button"),r.setAttribute("aria-label",`Sort by ${e.header}`),r.addEventListener("click",()=>this._requestSort(e.field)),r.addEventListener("keydown",i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this._requestSort(e.field))}));let n=document.createElement("span");if(n.className="dt-table-header-label",n.textContent=e.header,this.sortable){let i=document.createElement("span");i.className="dt-table-sort-indicator",this._sortField===e.field?i.textContent=this._sortDirection==="asc"?"▲":"▼":i.textContent="↕",n.appendChild(i)}r.appendChild(n),t.appendChild(r)}this._header.replaceChildren(t)}_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 t=this._virtualizer.getRange();this._body.style.height=`${Math.max(t.totalHeight,this._scroll.clientHeight-this._header.offsetHeight)}px`,this._canvas.style.height=`${t.totalHeight}px`;let e=document.createDocumentFragment();for(let r=t.start;r<t.end;r+=1)e.appendChild(this._renderRow(r));this._canvas.replaceChildren(e)}_renderRow(t){let e=this._rows[t],r=document.createElement("div");r.className="dt-table-row dt-table-row--clickable",r.style.top=`${this._virtualizer.getOffset(t)}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:e,index:t},bubbles:!0,composed:!0}))});let n=de(e);for(let i of this._columns){let o=document.createElement("div");if(o.className="dt-table-cell",o.dataset.align=i.align,i.template)o.appendChild(ht(i.template,n));else{let a=n[i.field];o.textContent=a==null?"":String(a)}r.appendChild(o)}return r}_requestSort(t){this._sortField===t?this._sortDirection=this._sortDirection==="asc"?"desc":"asc":(this._sortField=t,this._sortDirection="asc"),this._renderHeader(),this.dispatchEvent(new CustomEvent("dt-sort",{detail:{field:t,direction:this._sortDirection},bubbles:!0,composed:!0}))}_toGridColumn(t){let e=/^\d+$/.test(t.minWidth)?`${t.minWidth}px`:t.minWidth;if(t.width==="auto")return`minmax(${e}, 1fr)`;let r=/^\d+$/.test(t.width)?`${t.width}px`:t.width;return`minmax(${e}, ${r})`}},he=`: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;
+}
+`,dt=56;function ue(t){return t&&typeof t=="object"?t:{value:t}}var pe=class extends HTMLElement{_items=[];_selectedIndices=new Set;_renderItem=null;_virtualizer=new ut({estimateSize:dt,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(t){this._items=Array.isArray(t)?t:[],this._selectedIndices=new Set([...this._selectedIndices].filter(e=>e<this._items.length)),this._virtualizer.setCount(this._items.length),this._syncSizingMode(!0),this._render()}get selectedItems(){return[...this._selectedIndices].sort((t,e)=>t-e).map(t=>this._items[t])}get renderItem(){return this._renderItem}set renderItem(t){this._renderItem=typeof t=="function"?t:null,this._render()}get itemHeight(){let t=this.getAttribute("item-height");if(!t)return null;let e=Number(t);return Number.isFinite(e)&&e>0?e:null}set itemHeight(t){if(t===null||t<=0){this.removeAttribute("item-height");return}this.setAttribute("item-height",String(t))}get selectable(){let t=this.getAttribute("selectable");return t==="single"||t==="multi"?t:"none"}set selectable(t){this.setAttribute("selectable",t)}get emptyText(){return this.getAttribute("empty-text")??"No items"}set emptyText(t){this.setAttribute("empty-text",t)}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=he,t.appendChild(e),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),t.appendChild(this._viewport)}connectedCallback(){this._resizeObserver=new ResizeObserver(t=>{for(let e of t)e.target===this._viewport&&(this._virtualizer.setViewportHeight(e.contentRect.height),this._render())}),this._resizeObserver.observe(this._viewport),this._itemResizeObserver=new ResizeObserver(t=>{let e=0;for(let r of t){let n=r.target,i=Number(n.dataset.index);Number.isFinite(i)&&(e+=this._virtualizer.measure(i,r.contentRect.height))}e!==0&&(this._viewport.scrollTop+=e),t.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(t){t==="item-height"&&this._syncSizingMode(!0),t==="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(t){let e=this.itemHeight;this._virtualizer.setFixedSize(e),this._virtualizer.setEstimateSize(e??dt),t&&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 t=this._virtualizer.getRange();this._spacer.style.height=`${Math.max(t.totalHeight,this._viewport.clientHeight)}px`,this._itemsLayer.style.transform=`translateY(${t.paddingTop}px)`;let e=document.createDocumentFragment();for(let r=t.start;r<t.end;r+=1)e.appendChild(this._renderVisibleItem(r));this._itemsLayer.replaceChildren(e)}_renderVisibleItem(t){let e=this._items[t],r=document.createElement("div");if(r.className="dt-list-item",r.dataset.index=String(t),this.selectable!=="none"&&(r.classList.add("dt-list-item--interactive"),r.setAttribute("role","option"),r.setAttribute("aria-selected",String(this._selectedIndices.has(t))),r.tabIndex=0),this._selectedIndices.has(t)&&r.classList.add("dt-list-item--selected"),this.itemHeight!==null&&(r.style.minHeight=`${this.itemHeight}px`),this._renderItem)this._renderItem(e,r,t);else{let n=this._getTemplate();n?r.appendChild(ht(n,ue(e))):r.textContent=String(e??"")}return r.addEventListener("click",()=>this._handleItemClick(t)),r.addEventListener("keydown",n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this._handleItemClick(t))}),this.itemHeight===null&&this._itemResizeObserver?.observe(r),r}_handleItemClick(t){let e=this._items[t],r=this.selectable;r==="single"?(this._selectedIndices=new Set([t]),this._emitSelectionChange(),this._render()):r==="multi"&&(this._selectedIndices.has(t)?this._selectedIndices.delete(t):this._selectedIndices.add(t),this._emitSelectionChange(),this._render()),this.dispatchEvent(new CustomEvent("dt-item-click",{detail:{item:e,index:t},bubbles:!0,composed:!0}))}_emitSelectionChange(){this.dispatchEvent(new CustomEvent("dt-selection-change",{detail:{selected:this.selectedItems},bubbles:!0,composed:!0}))}_getTemplate(){for(let t of Array.from(this.children))if(t instanceof HTMLTemplateElement)return t;return null}},me=`: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;
+}
+`,Q=null;function ge(){return window.__DtChart?Promise.resolve(window.__DtChart):Q||(Q=new Promise((t,e)=>{let r=document.createElement("script");r.src="/api/ui/chart.umd.js",r.async=!0,r.dataset.dtChart="true",r.onload=()=>{if(window.__DtChart){t(window.__DtChart);return}e(new Error("Chart runtime loaded without a __DtChart export."))},r.onerror=()=>e(new Error("Failed to load the Chart.js runtime bundle.")),document.head.appendChild(r)}),Q)}function q(t,e,r){return Math.min(r,Math.max(e,t))}function be(t){return t?t.split(",").map(e=>e.trim()).filter(Boolean):[]}function et(t){let e=t.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);if(e){let i=e[1],o=i.length===3?i.split("").map(l=>`${l}${l}`).join(""):i,a=parseInt(o.slice(0,2),16)/255,s=parseInt(o.slice(2,4),16)/255,d=parseInt(o.slice(4,6),16)/255;return lt(a,s,d)}let r=t.trim().match(/^rgba?\((\d+(?:\.\d+)?)[,\s]+(\d+(?:\.\d+)?)[,\s]+(\d+(?:\.\d+)?)(?:[,/\s]+[\d.]+)?\)$/i);if(r)return lt(Number(r[1])/255,Number(r[2])/255,Number(r[3])/255);let n=t.trim().match(/^hsla?\(([-\d.]+)(?:deg)?[,\s]+([\d.]+)%[,\s]+([\d.]+)%(?:[,/\s]+[\d.]+)?\)$/i);return n?{h:(Number(n[1])%360+360)%360,s:q(Number(n[2]),0,100),l:q(Number(n[3]),0,100)}:null}function lt(t,e,r){let n=Math.max(t,e,r),i=Math.min(t,e,r),o=n-i,a=0,s=(n+i)/2,d=o===0?0:o/(1-Math.abs(2*s-1));if(o!==0)switch(n){case t:a=60*((e-r)/o%6);break;case e:a=60*((r-t)/o+2);break;default:a=60*((t-e)/o+4);break}return{h:(a+360)%360,s:Math.round(d*100),l:Math.round(s*100)}}function B(t,e=1){return`hsla(${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}% / ${e})`}function ve(t){let e=et(t)??{h:185,s:88,l:56};return[0,32,68,118,164,212,258,304].map((r,n)=>({h:(e.h+r)%360,s:q(e.s-n*2,55,90),l:q(e.l+(n%2===0?0:6)-n,38,66)}))}function G(t){return!!t&&typeof t=="object"&&!Array.isArray(t)}function mt(t,e){if(!G(t)||!G(e))return e??t;let r={...t};for(let[n,i]of Object.entries(e)){let o=r[n];r[n]=G(o)&&G(i)?mt(o,i):i}return r}function fe(t){return t==="top"||t==="bottom"||t==="left"||t==="right"?t:"none"}function _e(t){return t==="bar"||t==="line"||t==="area"||t==="pie"||t==="doughnut"||t==="radar"||t==="scatter"||t==="bubble"?t:"bar"}function xe(t){return t==="bar"||t==="line"||t==="area"||t==="scatter"||t==="bubble"}function we(t){return t.map(e=>e.trim()).filter(Boolean)}var ye=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 _e(this.getAttribute("type"))}set type(t){this.setAttribute("type",t)}get legend(){return fe(this.getAttribute("legend"))}set legend(t){this.setAttribute("legend",t)}get stacked(){return this.hasAttribute("stacked")}set stacked(t){this.toggleAttribute("stacked",t)}get labels(){return we(be(this.getAttribute("labels")))}set labels(t){this.setAttribute("labels",t.join(","))}get data(){return this._dataInput}set data(t){this._dataInput=t?structuredClone(t):null,this._scheduleSync()}get options(){return this._optionsOverride}set options(t){this._optionsOverride=t?structuredClone(t):null,this._renderChart()}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=me,t.appendChild(e);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),t.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=t=>{if(!this._chart)return;let e=this._chart.getElementsAtEventForMode(t,"nearest",{intersect:!0},!0)[0];if(!e)return;let r=Array.isArray(this._chart.data.labels)?this._chart.data.labels[e.index]??null:null,n=this._chart.data.datasets[e.datasetIndex],i=Array.isArray(n?.data)?n.data[e.index]:void 0;this.dispatchEvent(new CustomEvent("dt-chart-click",{bubbles:!0,composed:!0,detail:{label:r,datasetIndex:e.datasetIndex,index:e.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=ge().then(t=>(this._runtime=t,t))),this._loadPromise)}async _renderChart(){let t=this._dataInput;if(!t){this._setStatus("Waiting for data");return}let e=await this._ensureRuntime(),r=this._buildConfig(e,t),n=r.type;!this._chart||this._renderedType!==n?(this._chart?.destroy(),this._chart=new e.Chart(this._canvas,r),this._renderedType=n):(this._chart.data=r.data,this._chart.options=r.options,this._chart.update()),this._setStatus(t.datasets.length>0?null:"Waiting for data")}_buildConfig(t,e){let r=getComputedStyle(this),n=r.getPropertyValue("--dt-accent").trim()||"#42d4ff",i=r.getPropertyValue("--dt-text").trim()||"#d6ebff",o=r.getPropertyValue("--dt-text-muted").trim()||"#7b93a6",a=r.getPropertyValue("--dt-border").trim()||"rgba(123, 147, 166, 0.3)",s=r.getPropertyValue("--font-mono").trim()||"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace",d=ve(n),l=this.type==="area"?"line":this.type,g={labels:e.labels??this.labels,datasets:e.datasets.map((b,w)=>{let C=d[w%d.length],m=b.color??B(C,1),M={label:b.label??"",data:b.data,backgroundColor:l==="line"||l==="radar"||l==="scatter"?B(C,l==="scatter"?.95:.24):m,borderColor:m,pointBackgroundColor:m,pointBorderColor:m,pointHoverBackgroundColor:m,pointRadius:this.type==="line"||this.type==="area"?3:4,pointHoverRadius:this.type==="line"||this.type==="area"?5:6,borderWidth:2,tension:l==="line"||this.type==="area"?.32:void 0,fill:this.type==="area"};return l==="pie"||l==="doughnut"?{...M,backgroundColor:Array.isArray(b.data)?b.data.map(($,A)=>B(d[A%d.length],.86)):m,borderColor:Array.isArray(b.data)?b.data.map(($,A)=>B(d[A%d.length],1)):m,borderWidth:1}:l==="scatter"||l==="bubble"?{...M,showLine:!1,backgroundColor:B(C,.78)}:M})},_={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:s,size:11}}},tooltip:{backgroundColor:"rgba(10, 18, 24, 0.92)",borderColor:ke(a,n,.35),borderWidth:1,titleColor:i,bodyColor:i,footerColor:o,titleFont:{family:s,size:11},bodyFont:{family:s,size:11},padding:10}},scales:xe(this.type)?{x:{stacked:this.stacked,grid:{display:!1,color:a},border:{color:a},ticks:{color:o,font:{family:s,size:11}}},y:{stacked:this.stacked,beginAtZero:!0,grid:{display:!1,color:a},border:{color:a},ticks:{color:o,font:{family:s,size:11}}}}:l==="radar"?{r:{angleLines:{color:a},grid:{color:a},pointLabels:{color:o,font:{family:s,size:11}},ticks:{color:o,backdropColor:"transparent",font:{family:s,size:10}}}}:void 0};return{type:l,data:g,options:mt(_,this._optionsOverride??{})}}_setStatus(t){if(!t){this._status.hidden=!0;return}this._status.hidden=!1,this._status.textContent=t}};function ke(t,e,r){let n=et(t),i=et(e);if(!n||!i)return t;let o=q(r,0,1),a=((i.h-n.h)%360+540)%360-180;return B({h:(n.h+a*o+360)%360,s:n.s+(i.s-n.s)*o,l:n.l+(i.l-n.l)*o})}var Ce=`: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;
+  }
+}
+`,Z=null;function Ae(){return window.__DtMarked?Promise.resolve(window.__DtMarked):Z||(Z=new Promise((t,e)=>{let r=document.createElement("script");r.src="/api/ui/marked.js",r.async=!0,r.dataset.dtMarked="true",r.onload=()=>{if(window.__DtMarked){t(window.__DtMarked);return}e(new Error("Marked runtime loaded without a __DtMarked export."))},r.onerror=()=>e(new Error("Failed to load the marked runtime bundle.")),document.head.appendChild(r)}),Z)}function gt(t){return t.replaceAll(`\r
+`,`
+`)}function Ee(t){let e=gt(t).split(`
+`);for(;e.length>0&&e[0].trim()==="";)e.shift();for(;e.length>0&&e[e.length-1].trim()==="";)e.pop();let r=e.filter(i=>i.trim()!=="").map(i=>i.match(/^\s*/)?.[0].length??0),n=r.length>0?Math.min(...r):0;return n===0?e.join(`
+`):e.map(i=>i.slice(n)).join(`
+`)}function Se(t){let e=gt(t);if((e.match(/(^|\n)(```|~~~)/g)??[]).length%2===0)return e;let r=e.includes("~~~")&&!e.includes("```")?"~~~":"```";return`${e}
+${r}`}var Ne=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(t){this._contentOverride=String(t??""),this._scheduleRender()}get streaming(){return this.hasAttribute("streaming")}set streaming(t){this.toggleAttribute("streaming",t)}get unsafeHtml(){return this.hasAttribute("unsafe-html")}set unsafeHtml(t){this.toggleAttribute("unsafe-html",t)}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=Ce,t.appendChild(e),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,t.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=t=>{let e=t.composedPath().find(r=>r instanceof HTMLAnchorElement);e&&(t.preventDefault(),this.dispatchEvent(new CustomEvent("dt-link-click",{bubbles:!0,composed:!0,detail:{href:e.getAttribute("href")??"#"}})))};_readInlineMarkdown(){return Ee(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=Ae().then(t=>(this._runtime=t,t))),this._loadPromise)}async _render(){let t=await this._ensureRuntime(),e=this.content;this.streaming&&(e=Se(e)),this._body.innerHTML=t.render(e,{unsafeHtml:this.unsafeHtml}),this._caret.hidden=!this.streaming}},ze=`: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);
+}
+`,tt=null;function Me(){return window.__DtMilkdown?Promise.resolve(window.__DtMilkdown):tt||(tt=new Promise((t,e)=>{let r=document.createElement("script");r.src="/api/ui/milkdown.umd.js",r.async=!0,r.dataset.dtMilkdown="true",r.onload=()=>{if(window.__DtMilkdown){t(window.__DtMilkdown);return}e(new Error("Milkdown runtime loaded without a __DtMilkdown export."))},r.onerror=()=>e(new Error("Failed to load the Milkdown runtime bundle.")),document.head.appendChild(r)}),tt)}var Te=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(t){this.setAttribute("placeholder",t)}get readonly(){return this.hasAttribute("readonly")}set readonly(t){this.toggleAttribute("readonly",t)}get value(){return this._editor&&(this._pendingValue=this._editor.getMarkdown()),this._pendingValue}set value(t){let e=String(t??"");this._pendingValue=e,this._editor&&this._runtime&&this._editor.getMarkdown()!==e&&(this._suppressNextChange=!0,this._editor.editor.action(this._runtime.replaceAll(e)))}constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=ze,t.appendChild(e),this._runtimeStyle=document.createElement("style"),t.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),t.appendChild(this._surface)}connectedCallback(){this._initializeEditor()}disconnectedCallback(){this._setupToken+=1,this._clearChangeTimer(),this._destroyEditor()}attributeChangedCallback(t){if(t==="readonly"){this._editor?.setReadonly(this.readonly);return}t==="placeholder"&&this.isConnected&&this._initializeEditor(!0)}async _ensureRuntime(){return this._runtime?this._runtime:(this._loadPromise||(this._loadPromise=Me().then(t=>(this._runtime=t,this._runtimeStyle.textContent=t.cssText,t))),this._loadPromise)}async _initializeEditor(t=!1){let e=++this._setupToken;if(this._setStatus("Loading editor"),t)await this._destroyEditor();else if(this._editor){this._setStatus(null);return}try{let r=await this._ensureRuntime();if(!this.isConnected||e!==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(o=>{o.markdownUpdated((a,s)=>{if(this._pendingValue=s,this._suppressNextChange){this._suppressNextChange=!1;return}this._queueChange(s)}),o.focus(()=>{this.dispatchEvent(new CustomEvent("dt-focus",{bubbles:!0,composed:!0}))}),o.blur(()=>{this.dispatchEvent(new CustomEvent("dt-blur",{bubbles:!0,composed:!0}))})}),await i.create(),!this.isConnected||e!==this._setupToken){await i.destroy();return}this._editor=i,this._editor.setReadonly(this.readonly),this._pendingValue=this._editor.getMarkdown(),this._setStatus(null)}catch{e===this._setupToken&&this._setStatus("Failed to load editor")}}async _destroyEditor(){let t=this._editor;if(this._editor=null,!!t)try{await t.destroy()}catch{}}_queueChange(t){this._clearChangeTimer(),this._changeTimer=setTimeout(()=>{this._changeTimer=null,this.dispatchEvent(new CustomEvent("dt-change",{bubbles:!0,composed:!0,detail:{value:t}}))},300)}_clearChangeTimer(){this._changeTimer&&(clearTimeout(this._changeTimer),this._changeTimer=null)}_setStatus(t){if(t){this._status.hidden=!1,this._status.textContent=t;return}this._status.hidden=!0}};customElements.get("dt-tooltip")||customElements.define("dt-tooltip",Nt);customElements.get("dt-card")||customElements.define("dt-card",Tt);customElements.get("dt-select")||customElements.define("dt-select",Bt);customElements.get("dt-grid")||customElements.define("dt-grid",Wt);customElements.get("dt-stack")||customElements.define("dt-stack",Ut);customElements.get("dt-stat")||customElements.define("dt-stat",Gt);customElements.get("dt-badge")||customElements.define("dt-badge",Qt);customElements.get("dt-button")||customElements.define("dt-button",ee);customElements.get("dt-divider")||customElements.define("dt-divider",ie);customElements.get("dt-list-view")||customElements.define("dt-list-view",pe);customElements.get("dt-table-view")||customElements.define("dt-table-view",ce);customElements.get("dt-column")||customElements.define("dt-column",pt);customElements.get("dt-chart")||customElements.define("dt-chart",ye);customElements.get("dt-markdown")||customElements.define("dt-markdown",Ne);customElements.get("dt-markdown-editor")||customElements.define("dt-markdown-editor",Te);function Le(t){const e=t.match(/^---\r?\n[\s\S]*?\r?\n---\r?\n?([\s\S]*)$/);return e?e[1]:t}var He=xt(function({note:e,loading:r,onSave:n},i){const o=F(null),[a,s]=R("idle"),d=F(null),l=F(n);return l.current=n,j(()=>{if(o.current&&e){const g=Le(e.content);o.current.value=g}},[e?.id]),j(()=>{const g=o.current;if(!g)return;const _=b=>{const w=b.detail;w&&(d.current&&clearTimeout(d.current),s("saving"),d.current=setTimeout(()=>{l.current(w.value),s("saved")},500))};return g.addEventListener("dt-change",_),()=>g.removeEventListener("dt-change",_)},[]),j(()=>()=>{d.current&&clearTimeout(d.current)},[]),wt(i,()=>({getMarkdown(){return o.current?.value??null},setMarkdown(g){o.current&&(o.current.value=g)},getCursorLine(){return 1},getSelectedText(){return""}}),[]),e?H("div",{className:v.editorPanel,children:[H("div",{className:v.editorHeader,children:[H("div",{children:[u("div",{className:v.editorTitle,children:e.title}),e.tags.length>0&&u("div",{className:v.editorTags,children:e.tags.map(g=>u("span",{className:v.editorTag,children:g},g))})]}),u("span",{className:a==="saving"?v.saveStatusSaving:v.saveStatus,children:a==="saving"?"Saving...":a==="saved"?"Saved":""})]}),u("div",{className:v.editorBody,children:u("dt-markdown-editor",{ref:o,placeholder:"Start writing...",style:{height:"100%"}})})]}):u("div",{className:v.editorPanel,children:u("div",{className:v.editorPlaceholder,children:r?"Loading...":"Select a note or create a new one"})})}),Ie=/^---\r?\n([\s\S]*?)\r?\n---\r?\n?([\s\S]*)$/;function Re(t){const e=t.match(Ie);if(!e){const d=t.match(/^#\s+(.+)$/m);return{title:d?d[1].trim():"Untitled",tags:[],created:null,body:t}}const r=e[1],n=e[2];let i="Untitled",o=[],a=null,s=!1;for(const d of r.split(`
+`)){const l=d.trim();if(l.startsWith("title:"))i=l.slice(6).trim().replace(/^["']|["']$/g,""),s=!1;else if(l.startsWith("created:"))a=l.slice(8).trim(),s=!1;else if(l.startsWith("tags:")){s=!0;const g=l.slice(5).trim();g.startsWith("[")&&g.endsWith("]")&&(o=g.slice(1,-1).split(",").map(_=>_.trim().replace(/^["']|["']$/g,"")).filter(Boolean),s=!1)}else s&&l.startsWith("- ")?o.push(l.slice(2).trim().replace(/^["']|["']$/g,"")):s=!1}return{title:i,tags:o,created:a,body:n}}function Fe(t,e,r,n){const i=["---",`title: "${t.replace(/"/g,'\\"')}"`];if(e.length>0){i.push("tags:");for(const o of e)i.push(`  - ${o}`)}return i.push(`created: ${r}`,"---","",n),i.join(`
+`)}function $e(t,e,r,n,i){const a=t.substring(0,i).split(`
+`).length,s=r.split(`
+`),d=n.split(`
+`),l=Math.max(0,a-4),g=t.split(`
+`),_=e.split(`
+`),b=[];b.push(`@@ -${a},${s.length} +${a},${d.length} @@`);for(let m=l;m<a-1;m++)b.push(` ${g[m]}`);for(const m of s)b.push(`-${m}`);for(const m of d)b.push(`+${m}`);const w=a-1+s.length,C=Math.min(_.length,w+3);for(let m=w;m<C;m++)_[m]!==void 0&&b.push(` ${_[m]}`);return{diff:b.join(`
+`),firstChangedLine:a}}function Pe({children:t,selectedNoteId:e,selectedNote:r,notes:n,editorRef:i,onNoteCreated:o,onNoteDeleted:a,onSearch:s,onNoteUpdated:d,onSelectNote:l,onRefresh:g}){const _=z("notes.create"),b=z("notes.delete"),w=z("notes.search"),C=z("notes.update"),m=x(async f=>{const p=await _({title:f?.title||void 0,content:f?.content||void 0,tags:f?.tags||void 0,path:f?.path||void 0});return o(p),p},[_,o]),M=x(async()=>{e&&(await b({id:e}),a(e))},[b,e,a]),$=x(async f=>{const p=f?.query||"";return s(p),await w({query:p})},[w,s]),A=x(()=>{if(!r)return null;const f=i.current;if(!f)return null;const p=f.getMarkdown();return p===null?null:Fe(r.title,r.tags,r.createdAt,p)},[r,i]),P=x(async()=>({notes:n.slice(0,20).map(p=>({id:p.id,title:p.title,updatedAt:p.updatedAt,selected:p.id===e}))}),[n,e]),E=x(async f=>{const p=f?.id;return p?n.find(T=>T.id===p)?(await l(p),{success:!0}):{success:!1,error:`Note not found: ${p}`}:{success:!1,error:"id parameter is required"}},[n,l]),U=x(async()=>{if(!e||!r)return{error:"No note is currently open"};const f=i.current;if(!f)return{error:"Editor is not ready"};const p=A();return p===null?{error:"Editor is not ready"}:{id:r.id,title:r.title,content:p,cursorLine:f.getCursorLine(),selectedText:f.getSelectedText()}},[e,r,i,A]),O=x(async f=>{if(!e||!r)return{success:!1,error:"No note is currently open"};const p=i.current;if(!p)return{success:!1,error:"Editor is not ready"};const y=f?.old_text,T=f?.new_text;if(y===void 0||T===void 0)return{success:!1,error:"Both old_text and new_text are required"};const S=A();if(S===null)return{success:!1,error:"Editor is not ready"};let D,V;if(y==="")D=T+S,V=0;else{const N=S.indexOf(y);if(N===-1)return{success:!1,error:"Text not found in note"};const X=S.indexOf(y,N+1);if(X!==-1){let rt=2,nt=X+1;for(;;){const it=S.indexOf(y,nt);if(it===-1)break;rt++,nt=it+1}return{success:!1,error:`Text appears ${rt} times; provide more surrounding context to make it unique`}}D=S.substring(0,N)+T+S.substring(N+y.length),V=N}const c=Re(D);p.setMarkdown(c.body);const k=c.tags.length!==r.tags.length||c.tags.some((N,X)=>N!==r.tags[X]),W=c.title!==r.title;if(k||W){const N=await C({id:e,tags:c.tags,content:c.body});d(N)}const{diff:Y,firstChangedLine:bt}=$e(S,D,y,T,V);return{success:!0,diff:Y,firstChangedLine:bt}},[e,r,i,A,C,d]);return H(_t,{children:[u(I,{name:"Create Note",description:"Create a new note with optional title, content, and path",params:{title:{type:"string",description:"Note title",required:!1},content:{type:"string",description:"Note content in Markdown",required:!1},tags:{type:"string",description:"Comma-separated tags",required:!1},path:{type:"string",description:'Relative path for the note (e.g. "work/meeting-notes"). Becomes the note ID. Auto-generated if omitted.',required:!1}},handler:m}),u(I,{name:"Delete Note",description:"Delete the currently selected note",handler:M}),u(I,{name:"Search Notes",description:"Search notes by keyword",params:{query:{type:"string",description:"Search query",required:!0}},handler:$}),u(I,{name:"List Notes",description:"Return the 20 most recent notes with selection status",handler:P}),u(I,{name:"Select Note",description:"Select a note by ID and open it in the editor",params:{id:{type:"string",description:"Note ID (relative path without .md)",required:!0}},handler:E}),u(I,{name:"Get Editing Context",description:"Return the current editor state for the selected note including content, cursor position, and selected text",handler:U}),u(I,{name:"Edit Note",description:"Apply a text replacement to the current note content including front matter. Use old_text to find exact text and new_text to replace it. To edit tags or title, modify the YAML front matter directly.",params:{old_text:{type:"string",description:"Exact text to find in the note content (must appear exactly once). Searches the full content including YAML front matter. Use empty string to insert at beginning.",required:!0},new_text:{type:"string",description:"Replacement text",required:!0}},handler:O}),t]})}var De=720;function Be(){const[t,e]=R([]),[r,n]=R(null),[i,o]=R(null),[a,s]=R(""),[d,l]=R(!1),[g,_]=R(!1),b=F(null),w=F(null),C=z("notes.list"),m=z("notes.get"),M=z("notes.update"),$=z("notes.search"),A=z("notes.create"),P=x(async()=>{try{let c;a?c=await $({query:a}):c=await C(),e(c)}catch(c){console.error("Failed to fetch notes:",c)}},[C,$,a]),E=x(()=>{P()},[P]);j(()=>{E()},[E]),j(()=>{if(!w.current)return;const c=W=>{_(W<=De)};c(w.current.clientWidth);const k=new ResizeObserver(W=>{const Y=W[0];Y&&c(Y.contentRect.width)});return k.observe(w.current),()=>k.disconnect()},[]);const U=x(async c=>{n(c),l(!0);try{const k=await m({id:c});o(k)}catch(k){console.error("Failed to load note:",k),o(null)}finally{l(!1)}},[m]),O=F(null),f=x(c=>{s(c),O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{},300)},[]),p=x(async c=>{if(!(!r||!i))try{const k=await M({id:r,content:c});o(k),P()}catch(k){console.error("Failed to save note:",k)}},[r,i,M,P]),y=x(c=>{E(),n(c.id),o(c)},[E]),T=x(c=>{r===c&&(n(null),o(null)),E()},[r,E]),S=x(c=>{r===c.id&&o(c),E()},[r,E]),D=x(c=>{s(c)},[]),V=x(async()=>{try{const c=await A({});y(c)}catch(c){console.error("Failed to create note:",c)}},[A,y]);return u(Pe,{selectedNoteId:r,selectedNote:i,notes:t,editorRef:b,onNoteCreated:y,onNoteDeleted:T,onSearch:D,onNoteUpdated:S,onSelectNote:U,onRefresh:E,children:H("div",{ref:w,className:`${v.root}${g?` ${v.rootCompact}`:""}`,children:[u(Ct,{notes:t,selectedId:r,onSelect:U,onCreate:V,searchQuery:a,onSearchChange:f}),u(He,{ref:b,note:i,loading:d,onSave:p})]})})}function Ve(t){const e=yt(t.root);return e.render(u(vt,{windowId:t.windowId,children:u(ft,{miniAppId:t.miniAppId,children:u(Be,{})})})),{deactivate(){e.unmount()}}}export{Ve as activate};
+//# sourceMappingURL=frontend-WpQng8Mt.js.map