@desktalk/miniapp-note 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/frontend.js

@@ -1,149 +1,4 @@
-(() => {
-  if (typeof document === 'undefined') return;
-  const styleId = "desktalk-style-desktalk-miniapp-note-emi3yz";
-  if (document.getElementById(styleId)) return;
-  const style = document.createElement('style');
-  style.id = styleId;
-  style.textContent = "/* src/styles/NoteApp.module.css */\n.NoteApp_root {\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  background: var(--dt-window-body);\n  color: var(--dt-text);\n  font-family: var(--font-sans);\n}\n.NoteApp_rootCompact {\n  flex-direction: column;\n}\n.NoteApp_rootCompact .NoteApp_listPanel {\n  width: 100%;\n  min-width: 0;\n  max-height: 180px;\n  flex-direction: row;\n  border-right: none;\n  border-bottom: 1px solid var(--dt-border);\n}\n.NoteApp_rootCompact .NoteApp_listHeader {\n  width: 140px;\n  min-width: 140px;\n  flex-direction: column;\n  padding: 10px;\n  gap: 8px;\n  border-bottom: none;\n  border-right: 1px solid var(--dt-border-subtle);\n}\n.NoteApp_rootCompact .NoteApp_searchInput {\n  width: 100%;\n}\n.NoteApp_rootCompact .NoteApp_newNoteBtn {\n  width: 100%;\n}\n.NoteApp_rootCompact .NoteApp_noteList {\n  flex: 1;\n  overflow-x: auto;\n  overflow-y: hidden;\n  display: flex;\n  padding: 8px;\n  gap: 8px;\n}\n.NoteApp_rootCompact .NoteApp_noteItem,\n.NoteApp_rootCompact .NoteApp_noteItemActive {\n  min-width: 160px;\n  max-width: 200px;\n  flex-shrink: 0;\n  border-bottom: none;\n  border-radius: 6px;\n  background: var(--dt-surface);\n}\n.NoteApp_rootCompact .NoteApp_noteItemActive {\n  border-left: none;\n  padding-left: 10px;\n  border: 1px solid var(--dt-accent);\n  background: color-mix(in oklab, var(--dt-accent) 8%, var(--dt-surface));\n}\n.NoteApp_rootCompact .NoteApp_emptyState {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.NoteApp_listPanel {\n  display: flex;\n  width: 260px;\n  min-width: 200px;\n  flex-direction: column;\n  overflow: hidden;\n  border-right: 1px solid var(--dt-border);\n}\n.NoteApp_listHeader {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-bottom: 1px solid var(--dt-border);\n}\n.NoteApp_searchInput {\n  flex: 1;\n  padding: 6px 10px;\n  border: 1px solid var(--dt-border);\n  border-radius: 6px;\n  background: var(--dt-surface);\n  color: var(--dt-text);\n  font-family: inherit;\n  font-size: 13px;\n  outline: none;\n  transition: border-color 0.15s;\n}\n.NoteApp_searchInput::placeholder {\n  color: var(--dt-text-muted);\n}\n.NoteApp_searchInput:focus {\n  border-color: var(--dt-accent);\n}\n.NoteApp_newNoteBtn {\n  display: flex;\n  width: 30px;\n  height: 30px;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid var(--dt-border);\n  border-radius: 6px;\n  background: var(--dt-surface);\n  color: var(--dt-text);\n  cursor: pointer;\n  font-size: 18px;\n  line-height: 1;\n  transition:\n    background 0.15s,\n    border-color 0.15s,\n    color 0.15s;\n}\n.NoteApp_newNoteBtn:hover {\n  border-color: var(--dt-accent);\n  background: var(--dt-surface-hover);\n  color: var(--dt-accent);\n}\n.NoteApp_noteList {\n  flex: 1;\n  overflow-y: auto;\n}\n.NoteApp_noteItem {\n  padding: 10px 14px;\n  border-bottom: 1px solid var(--dt-border);\n  cursor: pointer;\n  transition: background 0.1s;\n}\n.NoteApp_noteItem:hover {\n  background: var(--dt-surface-hover);\n}\n.NoteApp_noteItemActive {\n  padding-left: 11px;\n  border-left: 3px solid var(--dt-accent);\n  background: var(--dt-surface);\n}\n.NoteApp_noteTitle {\n  overflow: hidden;\n  margin-bottom: 4px;\n  font-size: 14px;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.NoteApp_notePreview {\n  overflow: hidden;\n  margin-bottom: 4px;\n  color: var(--dt-text-muted);\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.NoteApp_noteDate {\n  color: var(--dt-text-muted);\n  opacity: 0.7;\n  font-size: 11px;\n}\n.NoteApp_emptyState {\n  padding: 24px 14px;\n  color: var(--dt-text-muted);\n  font-size: 13px;\n  text-align: center;\n}\n.NoteApp_editorPanel {\n  display: flex;\n  min-width: 0;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n}\n.NoteApp_editorHeader {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 16px;\n  border-bottom: 1px solid var(--dt-border);\n}\n.NoteApp_editorTitle {\n  font-size: 16px;\n  font-weight: 600;\n}\n.NoteApp_editorTags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n.NoteApp_editorTag {\n  padding: 2px 8px;\n  border: 1px solid var(--dt-border);\n  border-radius: 4px;\n  background: var(--dt-surface);\n  color: var(--dt-accent);\n  font-size: 11px;\n}\n.NoteApp_editorBody {\n  position: relative;\n  flex: 1;\n  overflow-y: auto;\n}\n.NoteApp_editorPlaceholder {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  color: var(--dt-text-muted);\n  font-size: 14px;\n}\n.NoteApp_editorBody .milkdown {\n  height: 100%;\n  background: transparent;\n  color: var(--dt-text);\n}\n.NoteApp_editorBody .milkdown .editor {\n  min-height: 100%;\n  padding: 16px 20px;\n  outline: none;\n  font-family: var(--font-sans);\n  font-size: 14px;\n  line-height: 1.65;\n}\n.NoteApp_editorBody .milkdown .editor h1 {\n  margin: 0.8em 0 0.4em;\n  font-size: 1.6em;\n}\n.NoteApp_editorBody .milkdown .editor h2 {\n  margin: 0.7em 0 0.35em;\n  font-size: 1.35em;\n}\n.NoteApp_editorBody .milkdown .editor h3 {\n  margin: 0.6em 0 0.3em;\n  font-size: 1.15em;\n}\n.NoteApp_editorBody .milkdown .editor p {\n  margin: 0.5em 0;\n}\n.NoteApp_editorBody .milkdown .editor code {\n  padding: 2px 5px;\n  border-radius: 3px;\n  background: var(--dt-surface);\n  font-family: var(--font-mono);\n  font-size: 0.9em;\n}\n.NoteApp_editorBody .milkdown .editor pre {\n  overflow-x: auto;\n  margin: 0.8em 0;\n  padding: 12px 16px;\n  border: 1px solid var(--dt-border);\n  border-radius: 6px;\n  background: var(--dt-surface);\n}\n.NoteApp_editorBody .milkdown .editor pre code {\n  padding: 0;\n  border-radius: 0;\n  background: transparent;\n}\n.NoteApp_editorBody .milkdown .editor blockquote {\n  margin: 0.8em 0;\n  padding-left: 14px;\n  border-left: 3px solid var(--dt-accent);\n  color: var(--dt-text-muted);\n}\n.NoteApp_editorBody .milkdown .editor a {\n  color: var(--dt-accent);\n  text-decoration: none;\n}\n.NoteApp_editorBody .milkdown .editor a:hover {\n  text-decoration: underline;\n}\n.NoteApp_editorBody .milkdown .editor hr {\n  margin: 1.5em 0;\n  border: none;\n  border-top: 1px solid var(--dt-border);\n}\n.NoteApp_editorBody .milkdown .editor ul,\n.NoteApp_editorBody .milkdown .editor ol {\n  margin: 0.5em 0;\n  padding-left: 24px;\n}\n.NoteApp_editorBody .milkdown .editor li {\n  margin: 0.2em 0;\n}\n.NoteApp_editorBody .milkdown .editor img {\n  max-width: 100%;\n  border-radius: 6px;\n}\n.NoteApp_editorBody dt-markdown-editor {\n  display: block;\n  height: 100%;\n}\n.NoteApp_saveStatus {\n  color: var(--dt-text-muted);\n  opacity: 0.7;\n  font-size: 11px;\n}\n.NoteApp_saveStatusSaving {\n  color: var(--dt-warning);\n}\n/*# sourceMappingURL=frontend.css.map */\n";
-  document.head.appendChild(style);
-})();
-
-// desktalk-global:react
-var _mod = window.React;
-var Children = _mod.Children;
-var Component = _mod.Component;
-var Fragment = _mod.Fragment;
-var Profiler = _mod.Profiler;
-var PureComponent = _mod.PureComponent;
-var StrictMode = _mod.StrictMode;
-var Suspense = _mod.Suspense;
-var cloneElement = _mod.cloneElement;
-var createContext = _mod.createContext;
-var createElement = _mod.createElement;
-var createRef = _mod.createRef;
-var forwardRef = _mod.forwardRef;
-var isValidElement = _mod.isValidElement;
-var lazy = _mod.lazy;
-var memo = _mod.memo;
-var startTransition = _mod.startTransition;
-var useCallback = _mod.useCallback;
-var useContext = _mod.useContext;
-var useDebugValue = _mod.useDebugValue;
-var useDeferredValue = _mod.useDeferredValue;
-var useEffect = _mod.useEffect;
-var useId = _mod.useId;
-var useImperativeHandle = _mod.useImperativeHandle;
-var useInsertionEffect = _mod.useInsertionEffect;
-var useLayoutEffect = _mod.useLayoutEffect;
-var useMemo = _mod.useMemo;
-var useReducer = _mod.useReducer;
-var useRef = _mod.useRef;
-var useState = _mod.useState;
-var useSyncExternalStore = _mod.useSyncExternalStore;
-var useTransition = _mod.useTransition;
-var version = _mod.version;
-
-// desktalk-global:react-dom/client
-var _mod2 = window.ReactDOM;
-var createRoot = _mod2.createRoot;
-var hydrateRoot = _mod2.hydrateRoot;
-
-// src/frontend.tsx
-import { useCommand as useCommand2, MiniAppIdProvider, WindowIdProvider } from "@desktalk/sdk";
-
-// src/styles/NoteApp.module.css
-var NoteApp_default = {
-  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"
-};
-
-// desktalk-global:react/jsx-runtime
-var _mod3 = window.__desktalk_jsx_runtime;
-var jsx = _mod3.jsx;
-var jsxs = _mod3.jsxs;
-var jsxDEV = _mod3.jsxDEV;
-var Fragment2 = _mod3.Fragment;
-
-// src/components/NoteList.tsx
-function formatDate(iso) {
-  try {
-    const d = new Date(iso);
-    const now = /* @__PURE__ */ new Date();
-    const diffMs = now.getTime() - d.getTime();
-    const diffMins = Math.floor(diffMs / 6e4);
-    if (diffMins < 1) return "just now";
-    if (diffMins < 60) return `${diffMins}m ago`;
-    const diffHours = Math.floor(diffMins / 60);
-    if (diffHours < 24) return `${diffHours}h ago`;
-    const diffDays = Math.floor(diffHours / 24);
-    if (diffDays < 7) return `${diffDays}d ago`;
-    return d.toLocaleDateString(void 0, { month: "short", day: "numeric" });
-  } catch {
-    return "";
-  }
-}
-function NoteList({
-  notes,
-  selectedId,
-  onSelect,
-  onCreate,
-  searchQuery,
-  onSearchChange
-}) {
-  const inputRef = useRef(null);
-  return /* @__PURE__ */ jsxs("div", { className: NoteApp_default.listPanel, children: [
-    /* @__PURE__ */ jsxs("div", { className: NoteApp_default.listHeader, children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref: inputRef,
-          type: "text",
-          className: NoteApp_default.searchInput,
-          placeholder: "Search notes...",
-          value: searchQuery,
-          onChange: (e) => onSearchChange(e.target.value)
-        }
-      ),
-      /* @__PURE__ */ jsx("button", { className: NoteApp_default.newNoteBtn, onClick: onCreate, title: "New note", children: "+" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: NoteApp_default.noteList, children: notes.length === 0 ? /* @__PURE__ */ jsx("div", { className: NoteApp_default.emptyState, children: searchQuery ? "No notes match your search" : "No notes yet" }) : notes.map((note) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: note.id === selectedId ? NoteApp_default.noteItemActive : NoteApp_default.noteItem,
-        onClick: () => onSelect(note.id),
-        children: [
-          /* @__PURE__ */ jsx("div", { className: NoteApp_default.noteTitle, children: note.title }),
-          /* @__PURE__ */ jsx("div", { className: NoteApp_default.notePreview, children: note.preview }),
-          /* @__PURE__ */ jsx("div", { className: NoteApp_default.noteDate, children: formatDate(note.updatedAt) })
-        ]
-      },
-      note.id
-    )) })
-  ] });
-}
-
-// ../ui/dist/index.js
-var J = `.dt-tooltip-popup {
+var h=window.React,qe=h.Children,Be=h.Component,je=h.Fragment,Ue=h.Profiler,Ye=h.PureComponent,Xe=h.StrictMode,Ge=h.Suspense,Ke=h.cloneElement,Je=h.createContext,Qe=h.createElement,Ze=h.createRef,ft=h.forwardRef,tr=h.isValidElement,er=h.lazy,rr=h.memo,ir=h.startTransition,x=h.useCallback,nr=h.useContext,sr=h.useDebugValue,ar=h.useDeferredValue,q=h.useEffect,or=h.useId,_t=h.useImperativeHandle,dr=h.useInsertionEffect,lr=h.useLayoutEffect,cr=h.useMemo,hr=h.useReducer,H=h.useRef,I=h.useState,ur=h.useSyncExternalStore,pr=h.useTransition,mr=h.version,at=window.ReactDOM,xt=at.createRoot,gr=at.hydrateRoot;import{useCommand as B,MiniAppIdProvider as wt,WindowIdProvider as yt}from"@desktalk/sdk";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"},G=window.__desktalk_jsx_runtime,u=G.jsx,T=G.jsxs,vr=G.jsxDEV,fr=G.Fragment;function kt(t){try{const e=new Date(t),i=new Date().getTime()-e.getTime(),n=Math.floor(i/6e4);if(n<1)return"just now";if(n<60)return`${n}m ago`;const s=Math.floor(n/60);if(s<24)return`${s}h ago`;const a=Math.floor(s/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:i,searchQuery:n,onSearchChange:s}){const a=H(null);return T("div",{className:v.listPanel,children:[T("div",{className:v.listHeader,children:[u("input",{ref:a,type:"text",className:v.searchInput,placeholder:"Search notes...",value:n,onChange:o=>s(o.target.value)}),u("button",{className:v.newNoteBtn,onClick:i,title:"New note",children:"+"})]}),u("div",{className:v.noteList,children:t.length===0?u("div",{className:v.emptyState,children:n?"No notes match your search":"No notes yet"}):t.map(o=>T("div",{className:o.id===e?v.noteItemActive:v.noteItem,onClick:()=>r(o.id),children:[u("div",{className:v.noteTitle,children:o.title}),u("div",{className:v.notePreview,children:o.preview}),u("div",{className:v.noteDate,children:kt(o.updatedAt)})]},o.id))})]})}var Et=`.dt-tooltip-popup {
   position: fixed;
   z-index: 2147483647;
   padding: 6px 10px;
@@ -252,115 +107,7 @@ var J = `.dt-tooltip-popup {
   border-top: none;
   border-bottom: none;
 }
-`;
-var vt = "dt-tooltip-popup";
-var u = 8;
-var W = false;
-function ft() {
-  if (W) return;
-  let r = document.createElement("style");
-  r.setAttribute("data-dt-tooltip", ""), r.textContent = J, document.head.appendChild(r), W = true;
-}
-var x = class extends HTMLElement {
-  _popup = null;
-  _showTimeout = null;
-  _tooltipId = "";
-  _visible = false;
-  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() {
-    ft(), 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, n) {
-    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 = true;
-    };
-    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 = vt, 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 = false;
-    }
-  }
-  _getTrigger() {
-    let e = this.shadowRoot?.querySelector("slot")?.assignedElements();
-    return e && e.length > 0 ? e[0] : null;
-  }
-  _position() {
-    let t = this._popup;
-    if (!t) return;
-    let e = this.getBoundingClientRect(), n = t.getBoundingClientRect(), i = window.innerWidth, s = window.innerHeight, o = this.placement;
-    o === "top" && e.top - n.height - u < 0 ? o = "bottom" : o === "bottom" && e.bottom + n.height + u > s ? o = "top" : o === "left" && e.left - n.width - u < 0 ? o = "right" : o === "right" && e.right + n.width + u > i && (o = "left"), t.setAttribute("data-actual-placement", o);
-    let a, d;
-    switch (o) {
-      case "top":
-        d = e.left + e.width / 2, a = e.top - n.height - u;
-        break;
-      case "bottom":
-        d = e.left + e.width / 2, a = e.bottom + u;
-        break;
-      case "left":
-        d = e.left - n.width - u, a = e.top + e.height / 2;
-        break;
-      case "right":
-        d = e.right + u, a = e.top + e.height / 2;
-        break;
-    }
-    t.style.left = `${d}px`, t.style.top = `${a}px`;
-  }
-};
-var G = `:host {
+`,At="dt-tooltip-popup",L=8,ot=!1;function St(){if(ot)return;let t=document.createElement("style");t.setAttribute("data-dt-tooltip",""),t.textContent=Et,document.head.appendChild(t),ot=!0}var zt=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=At,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(),i=window.innerWidth,n=window.innerHeight,s=this.placement;s==="top"&&e.top-r.height-L<0?s="bottom":s==="bottom"&&e.bottom+r.height+L>n?s="top":s==="left"&&e.left-r.width-L<0?s="right":s==="right"&&e.right+r.width+L>i&&(s="left"),t.setAttribute("data-actual-placement",s);let a,o;switch(s){case"top":o=e.left+e.width/2,a=e.top-r.height-L;break;case"bottom":o=e.left+e.width/2,a=e.bottom+L;break;case"left":o=e.left-r.width-L,a=e.top+e.height/2;break;case"right":o=e.right+L,a=e.top+e.height/2;break}t.style.left=`${o}px`,t.style.top=`${a}px`}},Mt=`:host {
   display: block;
   margin-bottom: 12px;
 }
@@ -436,28 +183,7 @@ var G = `:host {
 ::slotted(p:last-child) {
   margin-bottom: 0;
 }
-`;
-var _t = "dt-card-inner";
-var w = 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 = G, t.appendChild(e);
-    let n = document.createElement("div");
-    n.className = _t, n.innerHTML = "<slot></slot>", t.appendChild(n);
-  }
-};
-var j = `.dt-select-menu {
+`,Nt="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=Mt,t.appendChild(e);let r=document.createElement("div");r.className=Nt,r.innerHTML="<slot></slot>",t.appendChild(r)}},Lt=`.dt-select-menu {
   position: fixed;
   z-index: 2147483646;
   display: flex;
@@ -527,8 +253,7 @@ var j = `.dt-select-menu {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-`;
-var q = `:host {
+`,Ht=`:host {
   display: block;
   width: 100%;
   min-width: 0;
@@ -631,141 +356,7 @@ var q = `:host {
 .dt-select-trigger[aria-expanded='true'] .dt-select-chevron {
   transform: rotate(180deg);
 }
-`;
-var xt = "dt-select-trigger";
-var K = "dt-select-label";
-var wt = "dt-select-chevron";
-var yt = "dt-select-menu";
-var kt = "dt-select-option";
-var Ct = "dt-select-option--active";
-var U = false;
-function Et() {
-  if (U) return;
-  let r = document.createElement("style");
-  r.setAttribute("data-dt-select", ""), r.textContent = j, document.head.appendChild(r), U = true;
-}
-var y = class extends HTMLElement {
-  _menu = null;
-  _trigger = null;
-  _options = [];
-  _open = false;
-  _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\u2026";
-  }
-  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 = q, t.appendChild(e);
-    let n = document.createElement("button");
-    n.type = "button", n.className = xt, n.setAttribute("aria-haspopup", "listbox"), n.setAttribute("aria-expanded", "false");
-    let i = document.createElement("span");
-    i.className = K, n.appendChild(i);
-    let s = document.createElement("span");
-    s.className = wt, s.setAttribute("aria-hidden", "true"), s.textContent = "\u25BE", n.appendChild(s), t.appendChild(n), this._trigger = n, this._menuId = `dt-sel-${Math.random().toString(36).slice(2, 9)}`;
-  }
-  connectedCallback() {
-    Et(), 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(`.${K}`), e = this._options.find((n) => n.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 = yt, 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 = true, 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 = false, 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 n = document.createElement("button");
-        n.type = "button", n.className = kt, n.setAttribute("role", "option"), n.setAttribute("aria-selected", String(e.value === this.value)), e.value === this.value && n.classList.add(Ct);
-        let i = document.createElement("span");
-        i.textContent = e.label, n.appendChild(i), n.addEventListener("click", () => {
-          this._selectValue(e.value);
-        }), t.appendChild(n);
-      }
-    }
-  }
-  _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: true, composed: true }));
-  }
-  _position() {
-    let t = this._menu;
-    if (!t) return;
-    let e = this.getBoundingClientRect(), n = 10, i = Math.max(e.width, 240), s = e.bottom + n, o = t.scrollHeight || 260, a = window.innerHeight;
-    if (s + o > a && e.top - o - n > 0 && (s = e.top - o - n), t.style.minWidth = `${i}px`, this.align === "right") {
-      let d = window.innerWidth;
-      t.style.right = `${d - e.right}px`, t.style.left = "auto";
-    } else t.style.left = `${e.left}px`, t.style.right = "auto";
-    t.style.top = `${s}px`;
-  }
-};
-var Y = `:host {
+`,It="dt-select-trigger",dt="dt-select-label",Rt="dt-select-chevron",Ft="dt-select-menu",$t="dt-select-option",Dt="dt-select-option--active",lt=!1;function Pt(){if(lt)return;let t=document.createElement("style");t.setAttribute("data-dt-select",""),t.textContent=Lt,document.head.appendChild(t),lt=!0}var Vt=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\u2026"}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 i=document.createElement("span");i.className=dt,r.appendChild(i);let n=document.createElement("span");n.className=Rt,n.setAttribute("aria-hidden","true"),n.textContent="\u25BE",r.appendChild(n),t.appendChild(r),this._trigger=r,this._menuId=`dt-sel-${Math.random().toString(36).slice(2,9)}`}connectedCallback(){Pt(),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(`.${dt}`),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(Dt);let i=document.createElement("span");i.textContent=e.label,r.appendChild(i),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,i=Math.max(e.width,240),n=e.bottom+r,s=t.scrollHeight||260,a=window.innerHeight;if(n+s>a&&e.top-s-r>0&&(n=e.top-s-r),t.style.minWidth=`${i}px`,this.align==="right"){let o=window.innerWidth;t.style.right=`${o-e.right}px`,t.style.left="auto"}else t.style.left=`${e.left}px`,t.style.right="auto";t.style.top=`${n}px`}},Ot=`:host {
   display: block;
   margin-bottom: 12px;
 }
@@ -857,42 +448,7 @@ var Y = `:host {
 ::slotted(*) {
   min-width: 0;
 }
-`;
-var St = "dt-grid-inner";
-var k = 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 = Y, t.appendChild(e);
-    let n = document.createElement("div");
-    n.className = St, n.innerHTML = "<slot></slot>", t.appendChild(n);
-  }
-};
-var Z = `:host {
+`,Wt="dt-grid-inner",qt=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=Wt,r.innerHTML="<slot></slot>",t.appendChild(r)}},Bt=`:host {
   display: block;
   margin-bottom: 12px;
 }
@@ -958,54 +514,7 @@ var Z = `:host {
 ::slotted(*) {
   min-width: 0;
 }
-`;
-var Dt = "dt-stack-inner";
-function $(r) {
-  return r === "row" || r === "horizontal" ? "row" : "column";
-}
-var C = class extends HTMLElement {
-  static get observedAttributes() {
-    return ["direction", "gap", "align"];
-  }
-  get direction() {
-    return $(this.getAttribute("direction"));
-  }
-  set direction(t) {
-    this.setAttribute("direction", $(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 = Z, t.appendChild(e);
-    let n = document.createElement("div");
-    n.className = Dt, n.innerHTML = "<slot></slot>", t.appendChild(n);
-  }
-  #t() {
-    let t = this.getAttribute("direction"), e = $(t);
-    t !== null && t !== e && this.setAttribute("direction", e);
-  }
-};
-var Q = `:host {
+`,jt="dt-stack-inner";function Q(t){return t==="row"||t==="horizontal"?"row":"column"}var Ut=class extends HTMLElement{static get observedAttributes(){return["direction","gap","align"]}get direction(){return Q(this.getAttribute("direction"))}set direction(t){this.setAttribute("direction",Q(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=Bt,t.appendChild(e);let r=document.createElement("div");r.className=jt,r.innerHTML="<slot></slot>",t.appendChild(r)}#t(){let t=this.getAttribute("direction"),e=Q(t);t!==null&&t!==e&&this.setAttribute("direction",e)}},Yt=`:host {
   display: block;
 }
 
@@ -1110,81 +619,7 @@ var Q = `:host {
 .dt-stat-inner .trend.neutral {
   color: var(--dt-text-muted);
 }
-`;
-var At = "dt-stat-inner";
-var E = 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 = Q, t.appendChild(e), this._container = document.createElement("div"), this._container.className = At, 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, n) {
-    (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 n = "";
-      t === "up" ? n = "\u2191" : t === "down" ? n = "\u2193" : n = "\u2192", this._trendEl.textContent = `${n} ${e}`;
-    } else this._trendEl.style.display = "none";
-  }
-};
-var tt = `:host {
+`,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="\u2191":t==="down"?r="\u2193":r="\u2192",this._trendEl.textContent=`${r} ${e}`}else this._trendEl.style.display="none"}},Kt=`:host {
   display: inline-flex;
   vertical-align: middle;
 }
@@ -1266,50 +701,7 @@ var tt = `:host {
   padding: 3px 8px;
   font-size: 0.75rem;
 }
-`;
-var Mt = "dt-badge-inner";
-var S = 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 = tt, t.appendChild(e), this._container = document.createElement("span"), this._container.className = Mt;
-    let n = this.text;
-    n !== null ? this._container.textContent = n : (this._slot = document.createElement("slot"), this._container.appendChild(this._slot)), t.appendChild(this._container);
-  }
-  attributeChangedCallback(t, e, n) {
-    t === "text" && this._render();
-  }
-  _render() {
-    let t = this.text;
-    t !== null && (this._container.textContent = t);
-  }
-};
-var et = `:host {
+`,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;
 }
@@ -1468,64 +860,7 @@ var et = `:host {
   width: 1em;
   height: 1em;
 }
-`;
-var Tt = "dt-button-inner";
-var D = 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 = et, t.appendChild(e), this._button = document.createElement("button"), this._button.className = Tt, 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, n) {
-    switch (t) {
-      case "disabled":
-        this._button.disabled = this.disabled;
-        break;
-      case "type":
-        this._button.type = this.type;
-        break;
-    }
-  }
-};
-var nt = `:host {
+`,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;
 }
 
@@ -1590,41 +925,7 @@ var nt = `:host {
 :host([direction='vertical'][spacing='lg']) .dt-divider-inner {
   margin: 0 18px;
 }
-`;
-var zt = "dt-divider-inner";
-var A = 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 = nt, t.appendChild(e);
-    let n = document.createElement("hr");
-    n.className = zt, t.appendChild(n);
-  }
-};
-var rt = `:host {
+`,ie="dt-divider-inner",ne=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=ie,t.appendChild(r)}},se=`:host {
   display: block;
   min-height: 180px;
   color: var(--dt-text);
@@ -1792,256 +1093,7 @@ var rt = `:host {
   letter-spacing: 0.08em;
   font-size: 0.75rem;
 }
-`;
-function Lt(r) {
-  return r == null || r === false ? null : r === true ? "" : String(r);
-}
-function Ht(r, t) {
-  let e = r.querySelectorAll("*");
-  for (let n of e) {
-    let i = n.getAttribute("data-field");
-    if (i) {
-      let s = t[i];
-      n.textContent = s == null ? "" : String(s);
-    }
-    for (let s of n.getAttributeNames()) {
-      if (s === "data-field" || !s.startsWith("data-field-")) continue;
-      let o = s.slice(11);
-      if (!o) continue;
-      let a = n.getAttribute(s);
-      if (!a) continue;
-      let d = Lt(t[a]);
-      d === null ? n.removeAttribute(o) : n.setAttribute(o, d);
-    }
-  }
-}
-function M(r, t) {
-  let e = r.content.cloneNode(true);
-  return Ht(e, t), e;
-}
-var m = class {
-  _count = 0;
-  _estimateSize = 56;
-  _overscan = 5;
-  _fixedSize = null;
-  _viewportHeight = 0;
-  _scrollTop = 0;
-  _sizes = /* @__PURE__ */ 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 n = Math.max(1, Math.round(e)), i = this._sizes.get(t);
-    return i === n ? 0 : (this._sizes.set(t, n), this.getOffset(t + 1) <= this._scrollTop ? n - (i ?? 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 n = 0;
-    for (let i = 0; i < e; i += 1) n += this._sizes.get(i) ?? this._estimateSize;
-    return n;
-  }
-  getTotalHeight() {
-    return this.getOffset(this._count);
-  }
-  getRange() {
-    if (this._count === 0) return { start: 0, end: 0, paddingTop: 0, paddingBottom: 0, totalHeight: 0 };
-    if (this._fixedSize !== null) {
-      let d = Math.max(1, Math.ceil(this._viewportHeight / this._fixedSize)), c = Math.max(0, Math.floor(this._scrollTop / this._fixedSize) - this._overscan), l = Math.min(this._count, c + d + this._overscan * 2), f = c * this._fixedSize, _ = this._count * this._fixedSize, h = Math.max(0, _ - f - (l - c) * this._fixedSize);
-      return { start: c, end: l, paddingTop: f, paddingBottom: h, totalHeight: _ };
-    }
-    let t = 0, e = 0;
-    for (; t < this._count; ) {
-      let d = this._sizes.get(t) ?? this._estimateSize;
-      if (e + d > this._scrollTop) break;
-      e += d, t += 1;
-    }
-    t = Math.max(0, t - this._overscan);
-    let n = this.getOffset(t), i = t, s = 0;
-    for (; i < this._count && s < this._viewportHeight; ) s += this._sizes.get(i) ?? this._estimateSize, i += 1;
-    i = Math.min(this._count, i + this._overscan);
-    let o = this.getTotalHeight(), a = Math.max(0, o - this.getOffset(i));
-    return { start: t, end: i, paddingTop: n, paddingBottom: a, totalHeight: o };
-  }
-};
-function Rt(r) {
-  return r && typeof r == "object" ? r : { value: r };
-}
-function Vt(r) {
-  return r === "center" || r === "right" ? r : "left";
-}
-var b = 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 Vt(this.getAttribute("align"));
-  }
-  connectedCallback() {
-    this.hidden = true;
-  }
-  attributeChangedCallback() {
-    this.dispatchEvent(new CustomEvent("dt-column-change", { bubbles: true, composed: true }));
-  }
-};
-var T = class extends HTMLElement {
-  _rows = [];
-  _columns = [];
-  _virtualizer = new m({ 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 = rt, 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: true }), 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 n = this._header.offsetHeight;
-        this._virtualizer.setViewportHeight(Math.max(0, e.contentRect.height - n)), this._render();
-      }
-    }), this._resizeObserver.observe(this._scroll), this._mutationObserver = new MutationObserver(() => {
-      this._syncColumns(), this._render();
-    }), this._mutationObserver.observe(this, { childList: true, subtree: true, attributes: true, 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 b).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 n = document.createElement("div");
-      n.className = "dt-table-header-cell", n.dataset.align = e.align, this.sortable && (n.classList.add("dt-table-header-cell--sortable"), n.tabIndex = 0, n.setAttribute("role", "button"), n.setAttribute("aria-label", `Sort by ${e.header}`), n.addEventListener("click", () => this._requestSort(e.field)), n.addEventListener("keydown", (s) => {
-        (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this._requestSort(e.field));
-      }));
-      let i = document.createElement("span");
-      if (i.className = "dt-table-header-label", i.textContent = e.header, this.sortable) {
-        let s = document.createElement("span");
-        s.className = "dt-table-sort-indicator", this._sortField === e.field ? s.textContent = this._sortDirection === "asc" ? "\u25B2" : "\u25BC" : s.textContent = "\u2195", i.appendChild(s);
-      }
-      n.appendChild(i), t.appendChild(n);
-    }
-    this._header.replaceChildren(t);
-  }
-  _renderBody() {
-    if (this._rows.length === 0 || this._columns.length === 0) {
-      this._emptyState.hidden = false, this._canvas.replaceChildren(), this._body.style.height = "140px", this._canvas.style.height = "0px";
-      return;
-    }
-    this._emptyState.hidden = true, 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 n = t.start; n < t.end; n += 1) e.appendChild(this._renderRow(n));
-    this._canvas.replaceChildren(e);
-  }
-  _renderRow(t) {
-    let e = this._rows[t], n = document.createElement("div");
-    n.className = "dt-table-row dt-table-row--clickable", n.style.top = `${this._virtualizer.getOffset(t)}px`, n.style.height = `${this.rowHeight}px`, n.style.setProperty("--dt-table-columns", this._header.style.getPropertyValue("--dt-table-columns")), n.addEventListener("click", () => {
-      this.dispatchEvent(new CustomEvent("dt-row-click", { detail: { row: e, index: t }, bubbles: true, composed: true }));
-    });
-    let i = Rt(e);
-    for (let s of this._columns) {
-      let o = document.createElement("div");
-      if (o.className = "dt-table-cell", o.dataset.align = s.align, s.template) o.appendChild(M(s.template, i));
-      else {
-        let a = i[s.field];
-        o.textContent = a == null ? "" : String(a);
-      }
-      n.appendChild(o);
-    }
-    return n;
-  }
-  _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: true, composed: true }));
-  }
-  _toGridColumn(t) {
-    let e = /^\d+$/.test(t.minWidth) ? `${t.minWidth}px` : t.minWidth;
-    if (t.width === "auto") return `minmax(${e}, 1fr)`;
-    let n = /^\d+$/.test(t.width) ? `${t.width}px` : t.width;
-    return `minmax(${e}, ${n})`;
-  }
-};
-var it = `:host {
+`;function ae(t){return t==null||t===!1?null:t===!0?"":String(t)}function oe(t,e){let r=t.querySelectorAll("*");for(let i of r){let n=i.getAttribute("data-field");if(n){let s=e[n];i.textContent=s==null?"":String(s)}for(let s of i.getAttributeNames()){if(s==="data-field"||!s.startsWith("data-field-"))continue;let a=s.slice(11);if(!a)continue;let o=i.getAttribute(s);if(!o)continue;let d=ae(e[o]);d===null?i.removeAttribute(a):i.setAttribute(a,d)}}}function ct(t,e){let r=t.content.cloneNode(!0);return oe(r,e),r}var ht=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)),i=this._sizes.get(t);return i===r?0:(this._sizes.set(t,r),this.getOffset(t+1)<=this._scrollTop?r-(i??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 i=0;i<e;i+=1)r+=this._sizes.get(i)??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 o=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+o+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 o=this._sizes.get(t)??this._estimateSize;if(e+o>this._scrollTop)break;e+=o,t+=1}t=Math.max(0,t-this._overscan);let r=this.getOffset(t),i=t,n=0;for(;i<this._count&&n<this._viewportHeight;)n+=this._sizes.get(i)??this._estimateSize,i+=1;i=Math.min(this._count,i+this._overscan);let s=this.getTotalHeight(),a=Math.max(0,s-this.getOffset(i));return{start:t,end:i,paddingTop:r,paddingBottom:a,totalHeight:s}}};function de(t){return t&&typeof t=="object"?t:{value:t}}function le(t){return t==="center"||t==="right"?t:"left"}var ut=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 ht({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=se,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 ut).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",n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this._requestSort(e.field))}));let i=document.createElement("span");if(i.className="dt-table-header-label",i.textContent=e.header,this.sortable){let n=document.createElement("span");n.className="dt-table-sort-indicator",this._sortField===e.field?n.textContent=this._sortDirection==="asc"?"\u25B2":"\u25BC":n.textContent="\u2195",i.appendChild(n)}r.appendChild(i),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 i=de(e);for(let n of this._columns){let s=document.createElement("div");if(s.className="dt-table-cell",s.dataset.align=n.align,n.template)s.appendChild(ct(n.template,i));else{let a=i[n.field];s.textContent=a==null?"":String(a)}r.appendChild(s)}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);
@@ -2140,133 +1192,7 @@ var it = `:host {
   letter-spacing: 0.08em;
   font-size: 0.75rem;
 }
-`;
-var st = 56;
-function Pt(r) {
-  return r && typeof r == "object" ? r : { value: r };
-}
-var z = class extends HTMLElement {
-  _items = [];
-  _selectedIndices = /* @__PURE__ */ new Set();
-  _renderItem = null;
-  _virtualizer = new m({ estimateSize: st, 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(true), 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 = it, t.appendChild(e), this._viewport = document.createElement("div"), this._viewport.className = "dt-list-view", this._viewport.addEventListener("scroll", this._onScroll, { passive: true }), 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 n of t) {
-        let i = n.target, s = Number(i.dataset.index);
-        Number.isFinite(s) && (e += this._virtualizer.measure(s, n.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(false), 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(true), 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 ?? st), 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 n = t.start; n < t.end; n += 1) e.appendChild(this._renderVisibleItem(n));
-    this._itemsLayer.replaceChildren(e);
-  }
-  _renderVisibleItem(t) {
-    let e = this._items[t], n = document.createElement("div");
-    if (n.className = "dt-list-item", n.dataset.index = String(t), this.selectable !== "none" && (n.classList.add("dt-list-item--interactive"), n.setAttribute("role", "option"), n.setAttribute("aria-selected", String(this._selectedIndices.has(t))), n.tabIndex = 0), this._selectedIndices.has(t) && n.classList.add("dt-list-item--selected"), this.itemHeight !== null && (n.style.minHeight = `${this.itemHeight}px`), this._renderItem) this._renderItem(e, n, t);
-    else {
-      let i = this._getTemplate();
-      i ? n.appendChild(M(i, Pt(e))) : n.textContent = String(e ?? "");
-    }
-    return n.addEventListener("click", () => this._handleItemClick(t)), n.addEventListener("keydown", (i) => {
-      (i.key === "Enter" || i.key === " ") && (i.preventDefault(), this._handleItemClick(t));
-    }), this.itemHeight === null && this._itemResizeObserver?.observe(n), n;
-  }
-  _handleItemClick(t) {
-    let e = this._items[t], n = this.selectable;
-    n === "single" ? (this._selectedIndices = /* @__PURE__ */ new Set([t]), this._emitSelectionChange(), this._render()) : n === "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: true, composed: true }));
-  }
-  _emitSelectionChange() {
-    this.dispatchEvent(new CustomEvent("dt-selection-change", { detail: { selected: this.selectedItems }, bubbles: true, composed: true }));
-  }
-  _getTemplate() {
-    for (let t of Array.from(this.children)) if (t instanceof HTMLTemplateElement) return t;
-    return null;
-  }
-};
-var ot = `:host {
+`,pt=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 ht({estimateSize:pt,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 i=r.target,n=Number(i.dataset.index);Number.isFinite(n)&&(e+=this._virtualizer.measure(n,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??pt),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 i=this._getTemplate();i?r.appendChild(ct(i,ue(e))):r.textContent=String(e??"")}return r.addEventListener("click",()=>this._handleItemClick(t)),r.addEventListener("keydown",i=>{(i.key==="Enter"||i.key===" ")&&(i.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);
@@ -2353,197 +1279,7 @@ var ot = `:host {
 .dt-chart__status[hidden] {
   display: none;
 }
-`;
-var L = null;
-function at() {
-  return window.__DtChart ? Promise.resolve(window.__DtChart) : L || (L = new Promise((r, t) => {
-    let e = document.createElement("script");
-    e.src = "/api/ui/chart.umd.js", e.async = true, e.dataset.dtChart = "true", e.onload = () => {
-      if (window.__DtChart) {
-        r(window.__DtChart);
-        return;
-      }
-      t(new Error("Chart runtime loaded without a __DtChart export."));
-    }, e.onerror = () => t(new Error("Failed to load the Chart.js runtime bundle.")), document.head.appendChild(e);
-  }), L);
-}
-function v(r, t, e) {
-  return Math.min(e, Math.max(t, r));
-}
-function It(r) {
-  return r ? r.split(",").map((t) => t.trim()).filter(Boolean) : [];
-}
-function X(r) {
-  let t = r.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
-  if (t) {
-    let i = t[1], s = i.length === 3 ? i.split("").map((c) => `${c}${c}`).join("") : i, o = parseInt(s.slice(0, 2), 16) / 255, a = parseInt(s.slice(2, 4), 16) / 255, d = parseInt(s.slice(4, 6), 16) / 255;
-    return dt(o, a, d);
-  }
-  let e = r.trim().match(/^rgba?\((\d+(?:\.\d+)?)[,\s]+(\d+(?:\.\d+)?)[,\s]+(\d+(?:\.\d+)?)(?:[,/\s]+[\d.]+)?\)$/i);
-  if (e) return dt(Number(e[1]) / 255, Number(e[2]) / 255, Number(e[3]) / 255);
-  let n = r.trim().match(/^hsla?\(([-\d.]+)(?:deg)?[,\s]+([\d.]+)%[,\s]+([\d.]+)%(?:[,/\s]+[\d.]+)?\)$/i);
-  return n ? { h: (Number(n[1]) % 360 + 360) % 360, s: v(Number(n[2]), 0, 100), l: v(Number(n[3]), 0, 100) } : null;
-}
-function dt(r, t, e) {
-  let n = Math.max(r, t, e), i = Math.min(r, t, e), s = n - i, o = 0, a = (n + i) / 2, d = s === 0 ? 0 : s / (1 - Math.abs(2 * a - 1));
-  if (s !== 0) switch (n) {
-    case r:
-      o = 60 * ((t - e) / s % 6);
-      break;
-    case t:
-      o = 60 * ((e - r) / s + 2);
-      break;
-    default:
-      o = 60 * ((r - t) / s + 4);
-      break;
-  }
-  return { h: (o + 360) % 360, s: Math.round(d * 100), l: Math.round(a * 100) };
-}
-function g(r, t = 1) {
-  return `hsla(${Math.round(r.h)} ${Math.round(r.s)}% ${Math.round(r.l)}% / ${t})`;
-}
-function Nt(r) {
-  let t = X(r) ?? { h: 185, s: 88, l: 56 };
-  return [0, 32, 68, 118, 164, 212, 258, 304].map((n, i) => ({ h: (t.h + n) % 360, s: v(t.s - i * 2, 55, 90), l: v(t.l + (i % 2 === 0 ? 0 : 6) - i, 38, 66) }));
-}
-function H(r) {
-  return !!r && typeof r == "object" && !Array.isArray(r);
-}
-function lt(r, t) {
-  if (!H(r) || !H(t)) return t ?? r;
-  let e = { ...r };
-  for (let [n, i] of Object.entries(t)) {
-    let s = e[n];
-    e[n] = H(s) && H(i) ? lt(s, i) : i;
-  }
-  return e;
-}
-function Ft(r) {
-  return r === "top" || r === "bottom" || r === "left" || r === "right" ? r : "none";
-}
-function Ot(r) {
-  return r === "bar" || r === "line" || r === "area" || r === "pie" || r === "doughnut" || r === "radar" || r === "scatter" || r === "bubble" ? r : "bar";
-}
-function Bt(r) {
-  return r === "bar" || r === "line" || r === "area" || r === "scatter" || r === "bubble";
-}
-function $t(r) {
-  return r.map((t) => t.trim()).filter(Boolean);
-}
-var R = 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 Ot(this.getAttribute("type"));
-  }
-  set type(t) {
-    this.setAttribute("type", t);
-  }
-  get legend() {
-    return Ft(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 $t(It(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 = ot, t.appendChild(e);
-    let n = document.createElement("div");
-    n.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", n.append(this._canvas, this._status), t.appendChild(n);
-  }
-  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 n = this._chart.getElementsAtEventForMode(t, "nearest", { intersect: true }, true)[0];
-    if (!n) return;
-    let i = Array.isArray(this._chart.data.labels) ? this._chart.data.labels[n.index] ?? null : null, s = this._chart.data.datasets[n.datasetIndex], o = Array.isArray(s?.data) ? s.data[n.index] : void 0;
-    this.dispatchEvent(new CustomEvent("dt-chart-click", { bubbles: true, composed: true, detail: { label: i, datasetIndex: n.datasetIndex, index: n.index, value: o } }));
-  };
-  _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 = at().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(), n = this._buildConfig(e, t), i = n.type;
-    !this._chart || this._renderedType !== i ? (this._chart?.destroy(), this._chart = new e.Chart(this._canvas, n), this._renderedType = i) : (this._chart.data = n.data, this._chart.options = n.options, this._chart.update()), this._setStatus(t.datasets.length > 0 ? null : "Waiting for data");
-  }
-  _buildConfig(t, e) {
-    let n = getComputedStyle(this), i = n.getPropertyValue("--dt-accent").trim() || "#42d4ff", s = n.getPropertyValue("--dt-text").trim() || "#d6ebff", o = n.getPropertyValue("--dt-text-muted").trim() || "#7b93a6", a = n.getPropertyValue("--dt-border").trim() || "rgba(123, 147, 166, 0.3)", d = n.getPropertyValue("--font-mono").trim() || "'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace", c = Nt(i), l = this.type === "area" ? "line" : this.type, f = { labels: e.labels ?? this.labels, datasets: e.datasets.map((h, gt) => {
-      let F = c[gt % c.length], p = h.color ?? g(F, 1), O = { label: h.label ?? "", data: h.data, backgroundColor: l === "line" || l === "radar" || l === "scatter" ? g(F, l === "scatter" ? 0.95 : 0.24) : p, borderColor: p, pointBackgroundColor: p, pointBorderColor: p, pointHoverBackgroundColor: p, 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" ? 0.32 : void 0, fill: this.type === "area" };
-      return l === "pie" || l === "doughnut" ? { ...O, backgroundColor: Array.isArray(h.data) ? h.data.map((bt, B) => g(c[B % c.length], 0.86)) : p, borderColor: Array.isArray(h.data) ? h.data.map((bt, B) => g(c[B % c.length], 1)) : p, borderWidth: 1 } : l === "scatter" || l === "bubble" ? { ...O, showLine: false, backgroundColor: g(F, 0.78) } : O;
-    }) }, _ = { responsive: true, maintainAspectRatio: false, animation: { duration: 320 }, interaction: { mode: "nearest", intersect: true }, plugins: { legend: { display: this.legend !== "none", position: this.legend === "none" ? "top" : this.legend, labels: { color: s, boxWidth: 12, boxHeight: 12, padding: 14, font: { family: d, size: 11 } } }, tooltip: { backgroundColor: "rgba(10, 18, 24, 0.92)", borderColor: Xt(a, i, 0.35), borderWidth: 1, titleColor: s, bodyColor: s, footerColor: o, titleFont: { family: d, size: 11 }, bodyFont: { family: d, size: 11 }, padding: 10 } }, scales: Bt(this.type) ? { x: { stacked: this.stacked, grid: { display: false, color: a }, border: { color: a }, ticks: { color: o, font: { family: d, size: 11 } } }, y: { stacked: this.stacked, beginAtZero: true, grid: { display: false, color: a }, border: { color: a }, ticks: { color: o, font: { family: d, size: 11 } } } } : l === "radar" ? { r: { angleLines: { color: a }, grid: { color: a }, pointLabels: { color: o, font: { family: d, size: 11 } }, ticks: { color: o, backdropColor: "transparent", font: { family: d, size: 10 } } } } : void 0 };
-    return { type: l, data: f, options: lt(_, this._optionsOverride ?? {}) };
-  }
-  _setStatus(t) {
-    if (!t) {
-      this._status.hidden = true;
-      return;
-    }
-    this._status.hidden = false, this._status.textContent = t;
-  }
-};
-function Xt(r, t, e) {
-  let n = X(r), i = X(t);
-  if (!n || !i) return r;
-  let s = v(e, 0, 1), o = ((i.h - n.h) % 360 + 540) % 360 - 180;
-  return g({ h: (n.h + o * s + 360) % 360, s: n.s + (i.s - n.s) * s, l: n.l + (i.l - n.l) * s });
-}
-var ct = `:host {
+`,Z=null;function ge(){return window.__DtChart?Promise.resolve(window.__DtChart):Z||(Z=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)}),Z)}function j(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 tt(t){let e=t.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);if(e){let n=e[1],s=n.length===3?n.split("").map(l=>`${l}${l}`).join(""):n,a=parseInt(s.slice(0,2),16)/255,o=parseInt(s.slice(2,4),16)/255,d=parseInt(s.slice(4,6),16)/255;return mt(a,o,d)}let r=t.trim().match(/^rgba?\((\d+(?:\.\d+)?)[,\s]+(\d+(?:\.\d+)?)[,\s]+(\d+(?:\.\d+)?)(?:[,/\s]+[\d.]+)?\)$/i);if(r)return mt(Number(r[1])/255,Number(r[2])/255,Number(r[3])/255);let i=t.trim().match(/^hsla?\(([-\d.]+)(?:deg)?[,\s]+([\d.]+)%[,\s]+([\d.]+)%(?:[,/\s]+[\d.]+)?\)$/i);return i?{h:(Number(i[1])%360+360)%360,s:j(Number(i[2]),0,100),l:j(Number(i[3]),0,100)}:null}function mt(t,e,r){let i=Math.max(t,e,r),n=Math.min(t,e,r),s=i-n,a=0,o=(i+n)/2,d=s===0?0:s/(1-Math.abs(2*o-1));if(s!==0)switch(i){case t:a=60*((e-r)/s%6);break;case e:a=60*((r-t)/s+2);break;default:a=60*((t-e)/s+4);break}return{h:(a+360)%360,s:Math.round(d*100),l:Math.round(o*100)}}function P(t,e=1){return`hsla(${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}% / ${e})`}function ve(t){let e=tt(t)??{h:185,s:88,l:56};return[0,32,68,118,164,212,258,304].map((r,i)=>({h:(e.h+r)%360,s:j(e.s-i*2,55,90),l:j(e.l+(i%2===0?0:6)-i,38,66)}))}function K(t){return!!t&&typeof t=="object"&&!Array.isArray(t)}function gt(t,e){if(!K(t)||!K(e))return e??t;let r={...t};for(let[i,n]of Object.entries(e)){let s=r[i];r[i]=K(s)&&K(n)?gt(s,n):n}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,i=this._chart.data.datasets[e.datasetIndex],n=Array.isArray(i?.data)?i.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:n}}))};_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),i=r.type;!this._chart||this._renderedType!==i?(this._chart?.destroy(),this._chart=new e.Chart(this._canvas,r),this._renderedType=i):(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),i=r.getPropertyValue("--dt-accent").trim()||"#42d4ff",n=r.getPropertyValue("--dt-text").trim()||"#d6ebff",s=r.getPropertyValue("--dt-text-muted").trim()||"#7b93a6",a=r.getPropertyValue("--dt-border").trim()||"rgba(123, 147, 166, 0.3)",o=r.getPropertyValue("--font-mono").trim()||"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace",d=ve(i),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??P(C,1),M={label:b.label??"",data:b.data,backgroundColor:l==="line"||l==="radar"||l==="scatter"?P(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((F,E)=>P(d[E%d.length],.86)):m,borderColor:Array.isArray(b.data)?b.data.map((F,E)=>P(d[E%d.length],1)):m,borderWidth:1}:l==="scatter"||l==="bubble"?{...M,showLine:!1,backgroundColor:P(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:n,boxWidth:12,boxHeight:12,padding:14,font:{family:o,size:11}}},tooltip:{backgroundColor:"rgba(10, 18, 24, 0.92)",borderColor:ke(a,i,.35),borderWidth:1,titleColor:n,bodyColor:n,footerColor:s,titleFont:{family:o,size:11},bodyFont:{family:o,size:11},padding:10}},scales:xe(this.type)?{x:{stacked:this.stacked,grid:{display:!1,color:a},border:{color:a},ticks:{color:s,font:{family:o,size:11}}},y:{stacked:this.stacked,beginAtZero:!0,grid:{display:!1,color:a},border:{color:a},ticks:{color:s,font:{family:o,size:11}}}}:l==="radar"?{r:{angleLines:{color:a},grid:{color:a},pointLabels:{color:s,font:{family:o,size:11}},ticks:{color:s,backdropColor:"transparent",font:{family:o,size:10}}}}:void 0};return{type:l,data:g,options:gt(_,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 i=tt(t),n=tt(e);if(!i||!n)return t;let s=j(r,0,1),a=((n.h-i.h)%360+540)%360-180;return P({h:(i.h+a*s+360)%360,s:i.s+(n.s-i.s)*s,l:i.l+(n.l-i.l)*s})}var Ce=`:host {
   display: block;
   color: var(--dt-text);
   font-family: var(--font-sans, 'Inter', sans-serif);
@@ -2715,108 +1451,13 @@ var ct = `:host {
     opacity: 0;
   }
 }
-`;
-var V = null;
-function ht() {
-  return window.__DtMarked ? Promise.resolve(window.__DtMarked) : V || (V = new Promise((r, t) => {
-    let e = document.createElement("script");
-    e.src = "/api/ui/marked.js", e.async = true, e.dataset.dtMarked = "true", e.onload = () => {
-      if (window.__DtMarked) {
-        r(window.__DtMarked);
-        return;
-      }
-      t(new Error("Marked runtime loaded without a __DtMarked export."));
-    }, e.onerror = () => t(new Error("Failed to load the marked runtime bundle.")), document.head.appendChild(e);
-  }), V);
-}
-function ut(r) {
-  return r.replaceAll(`\r
-`, `
-`);
-}
-function Jt(r) {
-  let t = ut(r).split(`
-`);
-  for (; t.length > 0 && t[0].trim() === ""; ) t.shift();
-  for (; t.length > 0 && t[t.length - 1].trim() === ""; ) t.pop();
-  let e = t.filter((i) => i.trim() !== "").map((i) => i.match(/^\s*/)?.[0].length ?? 0), n = e.length > 0 ? Math.min(...e) : 0;
-  return n === 0 ? t.join(`
-`) : t.map((i) => i.slice(n)).join(`
-`);
-}
-function Wt(r) {
-  let t = ut(r);
-  if ((t.match(/(^|\n)(```|~~~)/g) ?? []).length % 2 === 0) return t;
-  let n = t.includes("~~~") && !t.includes("```") ? "~~~" : "```";
-  return `${t}
-${n}`;
-}
-var P = 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 = ct, 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 = "\u258C", this._caret.hidden = true, t.append(this._body, this._caret);
-  }
-  connectedCallback() {
-    this._observer || (this._observer = new MutationObserver(() => {
-      this._contentOverride === null && this._scheduleRender();
-    }), this._observer.observe(this, { childList: true, characterData: true, subtree: true })), 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 n = t.composedPath().find((i) => i instanceof HTMLAnchorElement);
-    n && (t.preventDefault(), this.dispatchEvent(new CustomEvent("dt-link-click", { bubbles: true, composed: true, detail: { href: n.getAttribute("href") ?? "#" } })));
-  };
-  _readInlineMarkdown() {
-    return Jt(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 = ht().then((t) => (this._runtime = t, t))), this._loadPromise);
-  }
-  async _render() {
-    let t = await this._ensureRuntime(), e = this.content;
-    this.streaming && (e = Wt(e)), this._body.innerHTML = t.render(e, { unsafeHtml: this.unsafeHtml }), this._caret.hidden = !this.streaming;
-  }
-};
-var pt = `:host {
+`,et=null;function Ee(){return window.__DtMarked?Promise.resolve(window.__DtMarked):et||(et=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)}),et)}function bt(t){return t.replaceAll(`\r
+`,`
+`)}function Ae(t){let e=bt(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(n=>n.trim()!=="").map(n=>n.match(/^\s*/)?.[0].length??0),i=r.length>0?Math.min(...r):0;return i===0?e.join(`
+`):e.map(n=>n.slice(i)).join(`
+`)}function Se(t){let e=bt(t);if((e.match(/(^|\n)(```|~~~)/g)??[]).length%2===0)return e;let r=e.includes("~~~")&&!e.includes("```")?"~~~":"```";return`${e}
+${r}`}var ze=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="\u258C",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 Ae(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=Ee().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}},Me=`:host {
   display: block;
   min-height: 240px;
   color: var(--dt-text);
@@ -3036,760 +1677,21 @@ var pt = `:host {
 .milkdown .editor td {
   border: 1px solid var(--dt-border);
 }
-`;
-var I = null;
-function mt() {
-  return window.__DtMilkdown ? Promise.resolve(window.__DtMilkdown) : I || (I = new Promise((r, t) => {
-    let e = document.createElement("script");
-    e.src = "/api/ui/milkdown.umd.js", e.async = true, e.dataset.dtMilkdown = "true", e.onload = () => {
-      if (window.__DtMilkdown) {
-        r(window.__DtMilkdown);
-        return;
-      }
-      t(new Error("Milkdown runtime loaded without a __DtMilkdown export."));
-    }, e.onerror = () => t(new Error("Failed to load the Milkdown runtime bundle.")), document.head.appendChild(e);
-  }), I);
-}
-var N = class extends HTMLElement {
-  _runtimeStyle;
-  _surface;
-  _content;
-  _status;
-  _runtime = null;
-  _loadPromise = null;
-  _editor = null;
-  _pendingValue = "";
-  _changeTimer = null;
-  _setupToken = 0;
-  _suppressNextChange = false;
-  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 = true, this._editor.editor.action(this._runtime.replaceAll(e)));
-  }
-  constructor() {
-    super();
-    let t = this.attachShadow({ mode: "open" }), e = document.createElement("style");
-    e.textContent = pt, 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 n = document.createElement("div");
-    n.className = "dt-markdown-editor__content", this._content.appendChild(n), 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(true);
-  }
-  async _ensureRuntime() {
-    return this._runtime ? this._runtime : (this._loadPromise || (this._loadPromise = mt().then((t) => (this._runtime = t, this._runtimeStyle.textContent = t.cssText, t))), this._loadPromise);
-  }
-  async _initializeEditor(t = false) {
-    let e = ++this._setupToken;
-    if (this._setStatus("Loading editor"), t) await this._destroyEditor();
-    else if (this._editor) {
-      this._setStatus(null);
-      return;
-    }
-    try {
-      let n = await this._ensureRuntime();
-      if (!this.isConnected || e !== this._setupToken) return;
-      this._content.replaceChildren();
-      let i = document.createElement("div");
-      i.className = "dt-markdown-editor__content", this._content.appendChild(i);
-      let s = new n.Crepe({ root: i, defaultValue: this._pendingValue, features: { [n.Crepe.Feature.CodeMirror]: false, [n.Crepe.Feature.ImageBlock]: false, [n.Crepe.Feature.Latex]: false }, featureConfigs: { [n.Crepe.Feature.Placeholder]: { text: this.placeholder, mode: "doc" } } });
-      if (s.on((o) => {
-        o.markdownUpdated((a, d) => {
-          if (this._pendingValue = d, this._suppressNextChange) {
-            this._suppressNextChange = false;
-            return;
-          }
-          this._queueChange(d);
-        }), o.focus(() => {
-          this.dispatchEvent(new CustomEvent("dt-focus", { bubbles: true, composed: true }));
-        }), o.blur(() => {
-          this.dispatchEvent(new CustomEvent("dt-blur", { bubbles: true, composed: true }));
-        });
-      }), await s.create(), !this.isConnected || e !== this._setupToken) {
-        await s.destroy();
-        return;
-      }
-      this._editor = s, 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: true, composed: true, detail: { value: t } }));
-    }, 300);
-  }
-  _clearChangeTimer() {
-    this._changeTimer && (clearTimeout(this._changeTimer), this._changeTimer = null);
-  }
-  _setStatus(t) {
-    if (t) {
-      this._status.hidden = false, this._status.textContent = t;
-      return;
-    }
-    this._status.hidden = true;
-  }
-};
-customElements.get("dt-tooltip") || customElements.define("dt-tooltip", x);
-customElements.get("dt-card") || customElements.define("dt-card", w);
-customElements.get("dt-select") || customElements.define("dt-select", y);
-customElements.get("dt-grid") || customElements.define("dt-grid", k);
-customElements.get("dt-stack") || customElements.define("dt-stack", C);
-customElements.get("dt-stat") || customElements.define("dt-stat", E);
-customElements.get("dt-badge") || customElements.define("dt-badge", S);
-customElements.get("dt-button") || customElements.define("dt-button", D);
-customElements.get("dt-divider") || customElements.define("dt-divider", A);
-customElements.get("dt-list-view") || customElements.define("dt-list-view", z);
-customElements.get("dt-table-view") || customElements.define("dt-table-view", T);
-customElements.get("dt-column") || customElements.define("dt-column", b);
-customElements.get("dt-chart") || customElements.define("dt-chart", R);
-customElements.get("dt-markdown") || customElements.define("dt-markdown", P);
-customElements.get("dt-markdown-editor") || customElements.define("dt-markdown-editor", N);
-
-// src/components/NoteEditor.tsx
-function stripFrontMatter(raw) {
-  const match = raw.match(/^---\r?\n[\s\S]*?\r?\n---\r?\n?([\s\S]*)$/);
-  return match ? match[1] : raw;
-}
-var NoteEditor = forwardRef(function NoteEditor2({ note, loading, onSave }, ref) {
-  const editorRef = useRef(null);
-  const [saveStatus, setSaveStatus] = useState("idle");
-  const saveTimerRef = useRef(null);
-  const onSaveRef = useRef(onSave);
-  onSaveRef.current = onSave;
-  useEffect(() => {
-    if (editorRef.current && note) {
-      const bodyContent = stripFrontMatter(note.content);
-      editorRef.current.value = bodyContent;
-    }
-  }, [note?.id]);
-  useEffect(() => {
-    const editor = editorRef.current;
-    if (!editor) return;
-    const handleChange = (e) => {
-      const detail = e.detail;
-      if (!detail) return;
-      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
-      setSaveStatus("saving");
-      saveTimerRef.current = setTimeout(() => {
-        onSaveRef.current(detail.value);
-        setSaveStatus("saved");
-      }, 500);
-    };
-    editor.addEventListener("dt-change", handleChange);
-    return () => editor.removeEventListener("dt-change", handleChange);
-  }, []);
-  useEffect(() => {
-    return () => {
-      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
-    };
-  }, []);
-  useImperativeHandle(
-    ref,
-    () => ({
-      getMarkdown() {
-        return editorRef.current?.value ?? null;
-      },
-      setMarkdown(markdown) {
-        if (editorRef.current) {
-          editorRef.current.value = markdown;
-        }
-      },
-      getCursorLine() {
-        return 1;
-      },
-      getSelectedText() {
-        return "";
-      }
-    }),
-    []
-  );
-  if (!note) {
-    return /* @__PURE__ */ jsx("div", { className: NoteApp_default.editorPanel, children: /* @__PURE__ */ jsx("div", { className: NoteApp_default.editorPlaceholder, children: loading ? "Loading..." : "Select a note or create a new one" }) });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: NoteApp_default.editorPanel, children: [
-    /* @__PURE__ */ jsxs("div", { className: NoteApp_default.editorHeader, children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: NoteApp_default.editorTitle, children: note.title }),
-        note.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: NoteApp_default.editorTags, children: note.tags.map((tag) => /* @__PURE__ */ jsx("span", { className: NoteApp_default.editorTag, children: tag }, tag)) })
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: saveStatus === "saving" ? NoteApp_default.saveStatusSaving : NoteApp_default.saveStatus, children: saveStatus === "saving" ? "Saving..." : saveStatus === "saved" ? "Saved" : "" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: NoteApp_default.editorBody, children: /* @__PURE__ */ jsx(
-      "dt-markdown-editor",
-      {
-        ref: editorRef,
-        placeholder: "Start writing...",
-        style: { height: "100%" }
-      }
-    ) })
-  ] });
-});
-
-// src/components/NoteActions.tsx
-import { ActionsProvider, Action, useCommand } from "@desktalk/sdk";
-
-// src/lib/frontmatter.ts
-var FM_REGEX = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?([\s\S]*)$/;
-function parseFrontMatter(raw) {
-  const match = raw.match(FM_REGEX);
-  if (!match) {
-    const heading = raw.match(/^#\s+(.+)$/m);
-    return { title: heading ? heading[1].trim() : "Untitled", tags: [], created: null, body: raw };
-  }
-  const yaml = match[1];
-  const body = match[2];
-  let title = "Untitled";
-  let tags = [];
-  let created = null;
-  let inTags = false;
-  for (const line of yaml.split("\n")) {
-    const trimmed = line.trim();
-    if (trimmed.startsWith("title:")) {
-      title = trimmed.slice(6).trim().replace(/^["']|["']$/g, "");
-      inTags = false;
-    } else if (trimmed.startsWith("created:")) {
-      created = trimmed.slice(8).trim();
-      inTags = false;
-    } else if (trimmed.startsWith("tags:")) {
-      inTags = true;
-      const inline = trimmed.slice(5).trim();
-      if (inline.startsWith("[") && inline.endsWith("]")) {
-        tags = inline.slice(1, -1).split(",").map((t) => t.trim().replace(/^["']|["']$/g, "")).filter(Boolean);
-        inTags = false;
-      }
-    } else if (inTags && trimmed.startsWith("- ")) {
-      tags.push(
-        trimmed.slice(2).trim().replace(/^["']|["']$/g, "")
-      );
-    } else {
-      inTags = false;
-    }
-  }
-  return { title, tags, created, body };
-}
-function serializeFrontMatter(title, tags, created, body) {
-  const lines = ["---", `title: "${title.replace(/"/g, '\\"')}"`];
-  if (tags.length > 0) {
-    lines.push("tags:");
-    for (const tag of tags) lines.push(`  - ${tag}`);
-  }
-  lines.push(`created: ${created}`, "---", "", body);
-  return lines.join("\n");
-}
-
-// src/components/NoteActions.tsx
-function computeDiff(oldContent, newContent, oldText, newText, matchIndex) {
-  const linesBefore = oldContent.substring(0, matchIndex).split("\n");
-  const firstChangedLine = linesBefore.length;
-  const oldLines = oldText.split("\n");
-  const newLines = newText.split("\n");
-  const contextStart = Math.max(0, firstChangedLine - 4);
-  const allOldLines = oldContent.split("\n");
-  const allNewLines = newContent.split("\n");
-  const lines = [];
-  lines.push(
-    `@@ -${firstChangedLine},${oldLines.length} +${firstChangedLine},${newLines.length} @@`
-  );
-  for (let i = contextStart; i < firstChangedLine - 1; i++) {
-    lines.push(` ${allOldLines[i]}`);
-  }
-  for (const l of oldLines) {
-    lines.push(`-${l}`);
-  }
-  for (const l of newLines) {
-    lines.push(`+${l}`);
-  }
-  const afterStart = firstChangedLine - 1 + oldLines.length;
-  const afterEnd = Math.min(allNewLines.length, afterStart + 3);
-  for (let i = afterStart; i < afterEnd; i++) {
-    if (allNewLines[i] !== void 0) {
-      lines.push(` ${allNewLines[i]}`);
-    }
-  }
-  return { diff: lines.join("\n"), firstChangedLine };
-}
-function NoteActions({
-  children,
-  selectedNoteId,
-  selectedNote,
-  notes,
-  editorRef,
-  onNoteCreated,
-  onNoteDeleted,
-  onSearch,
-  onNoteUpdated,
-  onSelectNote,
-  onRefresh: _onRefresh
-}) {
-  const createNote = useCommand("notes.create");
-  const deleteNote = useCommand("notes.delete");
-  const searchNotes = useCommand("notes.search");
-  const updateNote = useCommand(
-    "notes.update"
-  );
-  const handleCreate = useCallback(
-    async (params) => {
-      const note = await createNote({
-        title: params?.title || void 0,
-        content: params?.content || void 0,
-        tags: params?.tags || void 0,
-        path: params?.path || void 0
-      });
-      onNoteCreated(note);
-      return note;
-    },
-    [createNote, onNoteCreated]
-  );
-  const handleDelete = useCallback(async () => {
-    if (!selectedNoteId) return;
-    await deleteNote({ id: selectedNoteId });
-    onNoteDeleted(selectedNoteId);
-  }, [deleteNote, selectedNoteId, onNoteDeleted]);
-  const handleSearch = useCallback(
-    async (params) => {
-      const query = params?.query || "";
-      onSearch(query);
-      const results = await searchNotes({ query });
-      return results;
-    },
-    [searchNotes, onSearch]
-  );
-  const getRawContent = useCallback(() => {
-    if (!selectedNote) return null;
-    const handle = editorRef.current;
-    if (!handle) return null;
-    const body = handle.getMarkdown();
-    if (body === null) return null;
-    return serializeFrontMatter(
-      selectedNote.title,
-      selectedNote.tags,
-      selectedNote.createdAt,
-      body
-    );
-  }, [selectedNote, editorRef]);
-  const handleListNotes = useCallback(async () => {
-    const listed = notes.slice(0, 20).map((n) => ({
-      id: n.id,
-      title: n.title,
-      updatedAt: n.updatedAt,
-      selected: n.id === selectedNoteId
-    }));
-    return { notes: listed };
-  }, [notes, selectedNoteId]);
-  const handleSelectNote = useCallback(
-    async (params) => {
-      const id = params?.id;
-      if (!id) {
-        return { success: false, error: "id parameter is required" };
-      }
-      const found = notes.find((n) => n.id === id);
-      if (!found) {
-        return { success: false, error: `Note not found: ${id}` };
-      }
-      await onSelectNote(id);
-      return { success: true };
-    },
-    [notes, onSelectNote]
-  );
-  const handleGetEditingContext = useCallback(async () => {
-    if (!selectedNoteId || !selectedNote) {
-      return { error: "No note is currently open" };
-    }
-    const handle = editorRef.current;
-    if (!handle) {
-      return { error: "Editor is not ready" };
-    }
-    const content = getRawContent();
-    if (content === null) {
-      return { error: "Editor is not ready" };
-    }
-    return {
-      id: selectedNote.id,
-      title: selectedNote.title,
-      content,
-      cursorLine: handle.getCursorLine(),
-      selectedText: handle.getSelectedText()
-    };
-  }, [selectedNoteId, selectedNote, editorRef, getRawContent]);
-  const handleEditNote = useCallback(
-    async (params) => {
-      if (!selectedNoteId || !selectedNote) {
-        return { success: false, error: "No note is currently open" };
-      }
-      const handle = editorRef.current;
-      if (!handle) {
-        return { success: false, error: "Editor is not ready" };
-      }
-      const oldText = params?.old_text;
-      const newText = params?.new_text;
-      if (oldText === void 0 || newText === void 0) {
-        return { success: false, error: "Both old_text and new_text are required" };
-      }
-      const currentRaw = getRawContent();
-      if (currentRaw === null) {
-        return { success: false, error: "Editor is not ready" };
-      }
-      let newRaw;
-      let matchIndex;
-      if (oldText === "") {
-        newRaw = newText + currentRaw;
-        matchIndex = 0;
-      } else {
-        const firstIndex = currentRaw.indexOf(oldText);
-        if (firstIndex === -1) {
-          return { success: false, error: "Text not found in note" };
-        }
-        const secondIndex = currentRaw.indexOf(oldText, firstIndex + 1);
-        if (secondIndex !== -1) {
-          let count = 2;
-          let searchFrom = secondIndex + 1;
-          while (true) {
-            const idx = currentRaw.indexOf(oldText, searchFrom);
-            if (idx === -1) break;
-            count++;
-            searchFrom = idx + 1;
-          }
-          return {
-            success: false,
-            error: `Text appears ${count} times; provide more surrounding context to make it unique`
-          };
-        }
-        newRaw = currentRaw.substring(0, firstIndex) + newText + currentRaw.substring(firstIndex + oldText.length);
-        matchIndex = firstIndex;
-      }
-      const parsed = parseFrontMatter(newRaw);
-      handle.setMarkdown(parsed.body);
-      const tagsChanged = parsed.tags.length !== selectedNote.tags.length || parsed.tags.some((t, i) => t !== selectedNote.tags[i]);
-      const titleChanged = parsed.title !== selectedNote.title;
-      if (tagsChanged || titleChanged) {
-        const updated = await updateNote({
-          id: selectedNoteId,
-          tags: parsed.tags,
-          // Send the full content so backend can parse the new title
-          content: parsed.body
-        });
-        onNoteUpdated(updated);
-      }
-      const { diff, firstChangedLine } = computeDiff(
-        currentRaw,
-        newRaw,
-        oldText,
-        newText,
-        matchIndex
-      );
-      return { success: true, diff, firstChangedLine };
-    },
-    [selectedNoteId, selectedNote, editorRef, getRawContent, updateNote, onNoteUpdated]
-  );
-  return /* @__PURE__ */ jsxs(ActionsProvider, { children: [
-    /* @__PURE__ */ jsx(
-      Action,
-      {
-        name: "Create Note",
-        description: "Create a new note with optional title, content, and path",
-        params: {
-          title: { type: "string", description: "Note title", required: false },
-          content: { type: "string", description: "Note content in Markdown", required: false },
-          tags: { type: "string", description: "Comma-separated tags", required: false },
-          path: {
-            type: "string",
-            description: 'Relative path for the note (e.g. "work/meeting-notes"). Becomes the note ID. Auto-generated if omitted.',
-            required: false
-          }
-        },
-        handler: handleCreate
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Action,
-      {
-        name: "Delete Note",
-        description: "Delete the currently selected note",
-        handler: handleDelete
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Action,
-      {
-        name: "Search Notes",
-        description: "Search notes by keyword",
-        params: {
-          query: { type: "string", description: "Search query", required: true }
-        },
-        handler: handleSearch
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Action,
-      {
-        name: "List Notes",
-        description: "Return the 20 most recent notes with selection status",
-        handler: handleListNotes
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Action,
-      {
-        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: true
-          }
-        },
-        handler: handleSelectNote
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Action,
-      {
-        name: "Get Editing Context",
-        description: "Return the current editor state for the selected note including content, cursor position, and selected text",
-        handler: handleGetEditingContext
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Action,
-      {
-        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: true
-          },
-          new_text: {
-            type: "string",
-            description: "Replacement text",
-            required: true
-          }
-        },
-        handler: handleEditNote
-      }
-    ),
-    children
-  ] });
-}
-
-// src/frontend.tsx
-var COMPACT_WIDTH = 720;
-function NoteApp() {
-  const [notes, setNotes] = useState([]);
-  const [selectedId, setSelectedId] = useState(null);
-  const [currentNote, setCurrentNote] = useState(null);
-  const [searchQuery, setSearchQuery] = useState("");
-  const [loadingNote, setLoadingNote] = useState(false);
-  const [compact, setCompact] = useState(false);
-  const editorRef = useRef(null);
-  const rootRef = useRef(null);
-  const listNotes = useCommand2("notes.list");
-  const getNote = useCommand2("notes.get");
-  const updateNote = useCommand2(
-    "notes.update"
-  );
-  const searchNotes = useCommand2("notes.search");
-  const createNote = useCommand2(
-    "notes.create"
-  );
-  const fetchNotes = useCallback(async () => {
-    try {
-      let result;
-      if (searchQuery) {
-        result = await searchNotes({ query: searchQuery });
-      } else {
-        result = await listNotes();
-      }
-      setNotes(result);
-    } catch (err) {
-      console.error("Failed to fetch notes:", err);
-    }
-  }, [listNotes, searchNotes, searchQuery]);
-  const refresh = useCallback(() => {
-    fetchNotes();
-  }, [fetchNotes]);
-  useEffect(() => {
-    refresh();
-  }, [refresh]);
-  useEffect(() => {
-    if (!rootRef.current) return;
-    const updateLayout = (width) => {
-      setCompact(width <= COMPACT_WIDTH);
-    };
-    updateLayout(rootRef.current.clientWidth);
-    const observer = new ResizeObserver((entries) => {
-      const entry = entries[0];
-      if (!entry) return;
-      updateLayout(entry.contentRect.width);
-    });
-    observer.observe(rootRef.current);
-    return () => observer.disconnect();
-  }, []);
-  const selectNote = useCallback(
-    async (id) => {
-      setSelectedId(id);
-      setLoadingNote(true);
-      try {
-        const note = await getNote({ id });
-        setCurrentNote(note);
-      } catch (err) {
-        console.error("Failed to load note:", err);
-        setCurrentNote(null);
-      } finally {
-        setLoadingNote(false);
-      }
-    },
-    [getNote]
-  );
-  const searchTimerRef = useRef(null);
-  const handleSearchChange = useCallback((query) => {
-    setSearchQuery(query);
-    if (searchTimerRef.current) clearTimeout(searchTimerRef.current);
-    searchTimerRef.current = setTimeout(() => {
-    }, 300);
-  }, []);
-  const handleEditorSave = useCallback(
-    async (markdown) => {
-      if (!selectedId || !currentNote) return;
-      try {
-        const updated = await updateNote({
-          id: selectedId,
-          content: markdown
-        });
-        setCurrentNote(updated);
-        fetchNotes();
-      } catch (err) {
-        console.error("Failed to save note:", err);
-      }
-    },
-    [selectedId, currentNote, updateNote, fetchNotes]
-  );
-  const handleNoteCreated = useCallback(
-    (note) => {
-      refresh();
-      setSelectedId(note.id);
-      setCurrentNote(note);
-    },
-    [refresh]
-  );
-  const handleNoteDeleted = useCallback(
-    (id) => {
-      if (selectedId === id) {
-        setSelectedId(null);
-        setCurrentNote(null);
-      }
-      refresh();
-    },
-    [selectedId, refresh]
-  );
-  const handleNoteUpdated = useCallback(
-    (note) => {
-      if (selectedId === note.id) {
-        setCurrentNote(note);
-      }
-      refresh();
-    },
-    [selectedId, refresh]
-  );
-  const handleSearch = useCallback((query) => {
-    setSearchQuery(query);
-  }, []);
-  const handleCreate = useCallback(async () => {
-    try {
-      const note = await createNote({});
-      handleNoteCreated(note);
-    } catch (err) {
-      console.error("Failed to create note:", err);
-    }
-  }, [createNote, handleNoteCreated]);
-  return /* @__PURE__ */ jsx(
-    NoteActions,
-    {
-      selectedNoteId: selectedId,
-      selectedNote: currentNote,
-      notes,
-      editorRef,
-      onNoteCreated: handleNoteCreated,
-      onNoteDeleted: handleNoteDeleted,
-      onSearch: handleSearch,
-      onNoteUpdated: handleNoteUpdated,
-      onSelectNote: selectNote,
-      onRefresh: refresh,
-      children: /* @__PURE__ */ jsxs("div", { ref: rootRef, className: `${NoteApp_default.root}${compact ? ` ${NoteApp_default.rootCompact}` : ""}`, children: [
-        /* @__PURE__ */ jsx(
-          NoteList,
-          {
-            notes,
-            selectedId,
-            onSelect: selectNote,
-            onCreate: handleCreate,
-            searchQuery,
-            onSearchChange: handleSearchChange
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          NoteEditor,
-          {
-            ref: editorRef,
-            note: currentNote,
-            loading: loadingNote,
-            onSave: handleEditorSave
-          }
-        )
-      ] })
-    }
-  );
-}
-function activate(ctx) {
-  const root = createRoot(ctx.root);
-  root.render(
-    /* @__PURE__ */ jsx(WindowIdProvider, { windowId: ctx.windowId, children: /* @__PURE__ */ jsx(MiniAppIdProvider, { miniAppId: ctx.miniAppId, children: /* @__PURE__ */ jsx(NoteApp, {}) }) })
-  );
-  return {
-    deactivate() {
-      root.unmount();
-    }
-  };
-}
-export {
-  activate
-};
-//# sourceMappingURL=frontend.js.map
+`,rt=null;function Ne(){return window.__DtMilkdown?Promise.resolve(window.__DtMilkdown):rt||(rt=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)}),rt)}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=Me,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=Ne().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 i=document.createElement("div");i.className="dt-markdown-editor__content",this._content.appendChild(i);let n=new r.Crepe({root:i,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(n.on(s=>{s.markdownUpdated((a,o)=>{if(this._pendingValue=o,this._suppressNextChange){this._suppressNextChange=!1;return}this._queueChange(o)}),s.focus(()=>{this.dispatchEvent(new CustomEvent("dt-focus",{bubbles:!0,composed:!0}))}),s.blur(()=>{this.dispatchEvent(new CustomEvent("dt-blur",{bubbles:!0,composed:!0}))})}),await n.create(),!this.isConnected||e!==this._setupToken){await n.destroy();return}this._editor=n,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",zt),customElements.get("dt-card")||customElements.define("dt-card",Tt),customElements.get("dt-select")||customElements.define("dt-select",Vt),customElements.get("dt-grid")||customElements.define("dt-grid",qt),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",ne),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",ut),customElements.get("dt-chart")||customElements.define("dt-chart",ye),customElements.get("dt-markdown")||customElements.define("dt-markdown",ze),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=ft(function({note:e,loading:r,onSave:i},n){const s=H(null),[a,o]=I("idle"),d=H(null),l=H(i);return l.current=i,q(()=>{if(s.current&&e){const g=Le(e.content);s.current.value=g}},[e?.id]),q(()=>{const g=s.current;if(!g)return;const _=b=>{const w=b.detail;w&&(d.current&&clearTimeout(d.current),o("saving"),d.current=setTimeout(()=>{l.current(w.value),o("saved")},500))};return g.addEventListener("dt-change",_),()=>g.removeEventListener("dt-change",_)},[]),q(()=>()=>{d.current&&clearTimeout(d.current)},[]),_t(n,()=>({getMarkdown(){return s.current?.value??null},setMarkdown(g){s.current&&(s.current.value=g)},getCursorLine(){return 1},getSelectedText(){return""}}),[]),e?T("div",{className:v.editorPanel,children:[T("div",{className:v.editorHeader,children:[T("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:s,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"})})});import{ActionsProvider as Ie,Action as R,useCommand as J}from"@desktalk/sdk";var Re=/^---\r?\n([\s\S]*?)\r?\n---\r?\n?([\s\S]*)$/;function Fe(t){const e=t.match(Re);if(!e){const d=t.match(/^#\s+(.+)$/m);return{title:d?d[1].trim():"Untitled",tags:[],created:null,body:t}}const r=e[1],i=e[2];let n="Untitled",s=[],a=null,o=!1;for(const d of r.split(`
+`)){const l=d.trim();if(l.startsWith("title:"))n=l.slice(6).trim().replace(/^["']|["']$/g,""),o=!1;else if(l.startsWith("created:"))a=l.slice(8).trim(),o=!1;else if(l.startsWith("tags:")){o=!0;const g=l.slice(5).trim();g.startsWith("[")&&g.endsWith("]")&&(s=g.slice(1,-1).split(",").map(_=>_.trim().replace(/^["']|["']$/g,"")).filter(Boolean),o=!1)}else o&&l.startsWith("- ")?s.push(l.slice(2).trim().replace(/^["']|["']$/g,"")):o=!1}return{title:n,tags:s,created:a,body:i}}function $e(t,e,r,i){const n=["---",`title: "${t.replace(/"/g,'\\"')}"`];if(e.length>0){n.push("tags:");for(const s of e)n.push(`  - ${s}`)}return n.push(`created: ${r}`,"---","",i),n.join(`
+`)}function De(t,e,r,i,n){const a=t.substring(0,n).split(`
+`).length,o=r.split(`
+`),d=i.split(`
+`),l=Math.max(0,a-4),g=t.split(`
+`),_=e.split(`
+`),b=[];b.push(`@@ -${a},${o.length} +${a},${d.length} @@`);for(let m=l;m<a-1;m++)b.push(` ${g[m]}`);for(const m of o)b.push(`-${m}`);for(const m of d)b.push(`+${m}`);const w=a-1+o.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:i,editorRef:n,onNoteCreated:s,onNoteDeleted:a,onSearch:o,onNoteUpdated:d,onSelectNote:l,onRefresh:g}){const _=J("notes.create"),b=J("notes.delete"),w=J("notes.search"),C=J("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 s(p),p},[_,s]),M=x(async()=>{e&&(await b({id:e}),a(e))},[b,e,a]),F=x(async f=>{const p=f?.query||"";return o(p),await w({query:p})},[w,o]),E=x(()=>{if(!r)return null;const f=n.current;if(!f)return null;const p=f.getMarkdown();return p===null?null:$e(r.title,r.tags,r.createdAt,p)},[r,n]),$=x(async()=>({notes:i.slice(0,20).map(p=>({id:p.id,title:p.title,updatedAt:p.updatedAt,selected:p.id===e}))}),[i,e]),A=x(async f=>{const p=f?.id;return p?i.find(N=>N.id===p)?(await l(p),{success:!0}):{success:!1,error:`Note not found: ${p}`}:{success:!1,error:"id parameter is required"}},[i,l]),U=x(async()=>{if(!e||!r)return{error:"No note is currently open"};const f=n.current;if(!f)return{error:"Editor is not ready"};const p=E();return p===null?{error:"Editor is not ready"}:{id:r.id,title:r.title,content:p,cursorLine:f.getCursorLine(),selectedText:f.getSelectedText()}},[e,r,n,E]),V=x(async f=>{if(!e||!r)return{success:!1,error:"No note is currently open"};const p=n.current;if(!p)return{success:!1,error:"Editor is not ready"};const y=f?.old_text,N=f?.new_text;if(y===void 0||N===void 0)return{success:!1,error:"Both old_text and new_text are required"};const S=E();if(S===null)return{success:!1,error:"Editor is not ready"};let D,O;if(y==="")D=N+S,O=0;else{const z=S.indexOf(y);if(z===-1)return{success:!1,error:"Text not found in note"};const X=S.indexOf(y,z+1);if(X!==-1){let it=2,nt=X+1;for(;;){const st=S.indexOf(y,nt);if(st===-1)break;it++,nt=st+1}return{success:!1,error:`Text appears ${it} times; provide more surrounding context to make it unique`}}D=S.substring(0,z)+N+S.substring(z+y.length),O=z}const c=Fe(D);p.setMarkdown(c.body);const k=c.tags.length!==r.tags.length||c.tags.some((z,X)=>z!==r.tags[X]),W=c.title!==r.title;if(k||W){const z=await C({id:e,tags:c.tags,content:c.body});d(z)}const{diff:Y,firstChangedLine:vt}=De(S,D,y,N,O);return{success:!0,diff:Y,firstChangedLine:vt}},[e,r,n,E,C,d]);return T(Ie,{children:[u(R,{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(R,{name:"Delete Note",description:"Delete the currently selected note",handler:M}),u(R,{name:"Search Notes",description:"Search notes by keyword",params:{query:{type:"string",description:"Search query",required:!0}},handler:F}),u(R,{name:"List Notes",description:"Return the 20 most recent notes with selection status",handler:$}),u(R,{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:A}),u(R,{name:"Get Editing Context",description:"Return the current editor state for the selected note including content, cursor position, and selected text",handler:U}),u(R,{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:V}),t]})}var Ve=720;function Oe(){const[t,e]=I([]),[r,i]=I(null),[n,s]=I(null),[a,o]=I(""),[d,l]=I(!1),[g,_]=I(!1),b=H(null),w=H(null),C=B("notes.list"),m=B("notes.get"),M=B("notes.update"),F=B("notes.search"),E=B("notes.create"),$=x(async()=>{try{let c;a?c=await F({query:a}):c=await C(),e(c)}catch(c){console.error("Failed to fetch notes:",c)}},[C,F,a]),A=x(()=>{$()},[$]);q(()=>{A()},[A]),q(()=>{if(!w.current)return;const c=W=>{_(W<=Ve)};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=>{i(c),l(!0);try{const k=await m({id:c});s(k)}catch(k){console.error("Failed to load note:",k),s(null)}finally{l(!1)}},[m]),V=H(null),f=x(c=>{o(c),V.current&&clearTimeout(V.current),V.current=setTimeout(()=>{},300)},[]),p=x(async c=>{if(!(!r||!n))try{const k=await M({id:r,content:c});s(k),$()}catch(k){console.error("Failed to save note:",k)}},[r,n,M,$]),y=x(c=>{A(),i(c.id),s(c)},[A]),N=x(c=>{r===c&&(i(null),s(null)),A()},[r,A]),S=x(c=>{r===c.id&&s(c),A()},[r,A]),D=x(c=>{o(c)},[]),O=x(async()=>{try{const c=await E({});y(c)}catch(c){console.error("Failed to create note:",c)}},[E,y]);return u(Pe,{selectedNoteId:r,selectedNote:n,notes:t,editorRef:b,onNoteCreated:y,onNoteDeleted:N,onSearch:D,onNoteUpdated:S,onSelectNote:U,onRefresh:A,children:T("div",{ref:w,className:`${v.root}${g?` ${v.rootCompact}`:""}`,children:[u(Ct,{notes:t,selectedId:r,onSelect:U,onCreate:O,searchQuery:a,onSearchChange:f}),u(He,{ref:b,note:n,loading:d,onSave:p})]})})}function We(t){const e=xt(t.root);return e.render(u(yt,{windowId:t.windowId,children:u(wt,{miniAppId:t.miniAppId,children:u(Oe,{})})})),{deactivate(){e.unmount()}}}export{We as activate};
+(() => {
+  if (typeof document === 'undefined') return;
+  const styleId = "desktalk-style-desktalk-miniapp-note-emi3yz";
+  if (document.getElementById(styleId)) return;
+  const style = document.createElement('style');
+  style.id = styleId;
+  style.textContent = "/* src/styles/NoteApp.module.css */\n.NoteApp_root {\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  background: var(--dt-window-body);\n  color: var(--dt-text);\n  font-family: var(--font-sans);\n}\n.NoteApp_rootCompact {\n  flex-direction: column;\n}\n.NoteApp_rootCompact .NoteApp_listPanel {\n  width: 100%;\n  min-width: 0;\n  max-height: 180px;\n  flex-direction: row;\n  border-right: none;\n  border-bottom: 1px solid var(--dt-border);\n}\n.NoteApp_rootCompact .NoteApp_listHeader {\n  width: 140px;\n  min-width: 140px;\n  flex-direction: column;\n  padding: 10px;\n  gap: 8px;\n  border-bottom: none;\n  border-right: 1px solid var(--dt-border-subtle);\n}\n.NoteApp_rootCompact .NoteApp_searchInput {\n  width: 100%;\n}\n.NoteApp_rootCompact .NoteApp_newNoteBtn {\n  width: 100%;\n}\n.NoteApp_rootCompact .NoteApp_noteList {\n  flex: 1;\n  overflow-x: auto;\n  overflow-y: hidden;\n  display: flex;\n  padding: 8px;\n  gap: 8px;\n}\n.NoteApp_rootCompact .NoteApp_noteItem,\n.NoteApp_rootCompact .NoteApp_noteItemActive {\n  min-width: 160px;\n  max-width: 200px;\n  flex-shrink: 0;\n  border-bottom: none;\n  border-radius: 6px;\n  background: var(--dt-surface);\n}\n.NoteApp_rootCompact .NoteApp_noteItemActive {\n  border-left: none;\n  padding-left: 10px;\n  border: 1px solid var(--dt-accent);\n  background: color-mix(in oklab, var(--dt-accent) 8%, var(--dt-surface));\n}\n.NoteApp_rootCompact .NoteApp_emptyState {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.NoteApp_listPanel {\n  display: flex;\n  width: 260px;\n  min-width: 200px;\n  flex-direction: column;\n  overflow: hidden;\n  border-right: 1px solid var(--dt-border);\n}\n.NoteApp_listHeader {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-bottom: 1px solid var(--dt-border);\n}\n.NoteApp_searchInput {\n  flex: 1;\n  padding: 6px 10px;\n  border: 1px solid var(--dt-border);\n  border-radius: 6px;\n  background: var(--dt-surface);\n  color: var(--dt-text);\n  font-family: inherit;\n  font-size: 13px;\n  outline: none;\n  transition: border-color 0.15s;\n}\n.NoteApp_searchInput::placeholder {\n  color: var(--dt-text-muted);\n}\n.NoteApp_searchInput:focus {\n  border-color: var(--dt-accent);\n}\n.NoteApp_newNoteBtn {\n  display: flex;\n  width: 30px;\n  height: 30px;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid var(--dt-border);\n  border-radius: 6px;\n  background: var(--dt-surface);\n  color: var(--dt-text);\n  cursor: pointer;\n  font-size: 18px;\n  line-height: 1;\n  transition:\n    background 0.15s,\n    border-color 0.15s,\n    color 0.15s;\n}\n.NoteApp_newNoteBtn:hover {\n  border-color: var(--dt-accent);\n  background: var(--dt-surface-hover);\n  color: var(--dt-accent);\n}\n.NoteApp_noteList {\n  flex: 1;\n  overflow-y: auto;\n}\n.NoteApp_noteItem {\n  padding: 10px 14px;\n  border-bottom: 1px solid var(--dt-border);\n  cursor: pointer;\n  transition: background 0.1s;\n}\n.NoteApp_noteItem:hover {\n  background: var(--dt-surface-hover);\n}\n.NoteApp_noteItemActive {\n  padding-left: 11px;\n  border-left: 3px solid var(--dt-accent);\n  background: var(--dt-surface);\n}\n.NoteApp_noteTitle {\n  overflow: hidden;\n  margin-bottom: 4px;\n  font-size: 14px;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.NoteApp_notePreview {\n  overflow: hidden;\n  margin-bottom: 4px;\n  color: var(--dt-text-muted);\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.NoteApp_noteDate {\n  color: var(--dt-text-muted);\n  opacity: 0.7;\n  font-size: 11px;\n}\n.NoteApp_emptyState {\n  padding: 24px 14px;\n  color: var(--dt-text-muted);\n  font-size: 13px;\n  text-align: center;\n}\n.NoteApp_editorPanel {\n  display: flex;\n  min-width: 0;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n}\n.NoteApp_editorHeader {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 16px;\n  border-bottom: 1px solid var(--dt-border);\n}\n.NoteApp_editorTitle {\n  font-size: 16px;\n  font-weight: 600;\n}\n.NoteApp_editorTags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n.NoteApp_editorTag {\n  padding: 2px 8px;\n  border: 1px solid var(--dt-border);\n  border-radius: 4px;\n  background: var(--dt-surface);\n  color: var(--dt-accent);\n  font-size: 11px;\n}\n.NoteApp_editorBody {\n  position: relative;\n  flex: 1;\n  overflow-y: auto;\n}\n.NoteApp_editorPlaceholder {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  color: var(--dt-text-muted);\n  font-size: 14px;\n}\n.NoteApp_editorBody .milkdown {\n  height: 100%;\n  background: transparent;\n  color: var(--dt-text);\n}\n.NoteApp_editorBody .milkdown .editor {\n  min-height: 100%;\n  padding: 16px 20px;\n  outline: none;\n  font-family: var(--font-sans);\n  font-size: 14px;\n  line-height: 1.65;\n}\n.NoteApp_editorBody .milkdown .editor h1 {\n  margin: 0.8em 0 0.4em;\n  font-size: 1.6em;\n}\n.NoteApp_editorBody .milkdown .editor h2 {\n  margin: 0.7em 0 0.35em;\n  font-size: 1.35em;\n}\n.NoteApp_editorBody .milkdown .editor h3 {\n  margin: 0.6em 0 0.3em;\n  font-size: 1.15em;\n}\n.NoteApp_editorBody .milkdown .editor p {\n  margin: 0.5em 0;\n}\n.NoteApp_editorBody .milkdown .editor code {\n  padding: 2px 5px;\n  border-radius: 3px;\n  background: var(--dt-surface);\n  font-family: var(--font-mono);\n  font-size: 0.9em;\n}\n.NoteApp_editorBody .milkdown .editor pre {\n  overflow-x: auto;\n  margin: 0.8em 0;\n  padding: 12px 16px;\n  border: 1px solid var(--dt-border);\n  border-radius: 6px;\n  background: var(--dt-surface);\n}\n.NoteApp_editorBody .milkdown .editor pre code {\n  padding: 0;\n  border-radius: 0;\n  background: transparent;\n}\n.NoteApp_editorBody .milkdown .editor blockquote {\n  margin: 0.8em 0;\n  padding-left: 14px;\n  border-left: 3px solid var(--dt-accent);\n  color: var(--dt-text-muted);\n}\n.NoteApp_editorBody .milkdown .editor a {\n  color: var(--dt-accent);\n  text-decoration: none;\n}\n.NoteApp_editorBody .milkdown .editor a:hover {\n  text-decoration: underline;\n}\n.NoteApp_editorBody .milkdown .editor hr {\n  margin: 1.5em 0;\n  border: none;\n  border-top: 1px solid var(--dt-border);\n}\n.NoteApp_editorBody .milkdown .editor ul,\n.NoteApp_editorBody .milkdown .editor ol {\n  margin: 0.5em 0;\n  padding-left: 24px;\n}\n.NoteApp_editorBody .milkdown .editor li {\n  margin: 0.2em 0;\n}\n.NoteApp_editorBody .milkdown .editor img {\n  max-width: 100%;\n  border-radius: 6px;\n}\n.NoteApp_editorBody dt-markdown-editor {\n  display: block;\n  height: 100%;\n}\n.NoteApp_saveStatus {\n  color: var(--dt-text-muted);\n  opacity: 0.7;\n  font-size: 11px;\n}\n.NoteApp_saveStatusSaving {\n  color: var(--dt-warning);\n}\n/*# sourceMappingURL=frontend.css.map */\n";
+  document.head.appendChild(style);
+})();