elysia-rack 0.1.1 → 0.1.2

package/dist/index-4wxvmd8a.js

@@ -0,0 +1,65 @@
+// src/rack/registry.ts
+var registrations = new Map;
+function registerRack(reg) {
+  registrations.set(reg.path, reg);
+}
+function listRacks() {
+  return [...registrations.values()];
+}
+function getRack(id) {
+  for (const r of registrations.values())
+    if (r.metadata.id === id)
+      return r;
+  return;
+}
+function sortTreeNodes(list) {
+  list.sort((a, b) => {
+    const orderA = a.metadata.order ?? 0;
+    const orderB = b.metadata.order ?? 0;
+    if (orderA !== orderB)
+      return orderA - orderB;
+    const labelA = a.metadata.pluralLabel ?? a.metadata.label ?? a.metadata.id;
+    const labelB = b.metadata.pluralLabel ?? b.metadata.label ?? b.metadata.id;
+    return labelA.localeCompare(labelB);
+  });
+  for (const n of list)
+    if (n.children.length)
+      sortTreeNodes(n.children);
+}
+function buildRackTree(racks) {
+  const nodes = new Map;
+  for (const r of racks)
+    nodes.set(r.metadata.id, { ...r, children: [] });
+  const roots = [];
+  for (const node of nodes.values()) {
+    const parentId = node.metadata.parent;
+    if (parentId && nodes.has(parentId) && parentId !== node.metadata.id) {
+      nodes.get(parentId).children.push(node);
+    } else {
+      roots.push(node);
+    }
+  }
+  sortTreeNodes(roots);
+  return roots;
+}
+function getRackTree() {
+  return buildRackTree([...registrations.values()]);
+}
+function flatRackTree(tree = getRackTree()) {
+  const out = [];
+  const walk = (nodes) => {
+    for (const n of nodes) {
+      const { children, ...rest } = n;
+      out.push(rest);
+      if (children.length)
+        walk(children);
+    }
+  };
+  walk(tree);
+  return out;
+}
+function clearRacks() {
+  registrations.clear();
+}
+
+export { registerRack, listRacks, getRack, buildRackTree, getRackTree, flatRackTree, clearRacks };

package/dist/index-tgk4jt4d.js

@@ -0,0 +1,63 @@
+// src/rack/registry.ts
+var registrations = new Map;
+function registerRack(reg) {
+  registrations.set(reg.path, reg);
+}
+function listRacks() {
+  return [...registrations.values()];
+}
+function getRack(id) {
+  for (const r of registrations.values())
+    if (r.metadata.id === id)
+      return r;
+  return;
+}
+function getRackTree() {
+  const nodes = new Map;
+  for (const r of registrations.values()) {
+    nodes.set(r.metadata.id, { ...r, children: [] });
+  }
+  const roots = [];
+  for (const node of nodes.values()) {
+    const parentId = node.metadata.parent;
+    if (parentId && nodes.has(parentId) && parentId !== node.metadata.id) {
+      nodes.get(parentId).children.push(node);
+    } else {
+      roots.push(node);
+    }
+  }
+  const sortNodes = (list) => {
+    list.sort((a, b) => {
+      const orderA = a.metadata.order ?? 0;
+      const orderB = b.metadata.order ?? 0;
+      if (orderA !== orderB)
+        return orderA - orderB;
+      const labelA = a.metadata.pluralLabel ?? a.metadata.label ?? a.metadata.id;
+      const labelB = b.metadata.pluralLabel ?? b.metadata.label ?? b.metadata.id;
+      return labelA.localeCompare(labelB);
+    });
+    for (const n of list)
+      if (n.children.length)
+        sortNodes(n.children);
+  };
+  sortNodes(roots);
+  return roots;
+}
+function flatRackTree(tree = getRackTree()) {
+  const out = [];
+  const walk = (nodes) => {
+    for (const n of nodes) {
+      const { children, ...rest } = n;
+      out.push(rest);
+      if (children.length)
+        walk(children);
+    }
+  };
+  walk(tree);
+  return out;
+}
+function clearRacks() {
+  registrations.clear();
+}
+
+export { registerRack, listRacks, getRack, getRackTree, flatRackTree, clearRacks };

package/dist/panel.css

@@ -1 +1 @@
-@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;0,900;1,500&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--radius-xs:var(--radius-xs);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--radius-3xl:var(--radius-3xl);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius-full:var(--radius-full);--font-koran:"Playfair Display", Georgia, "Times New Roman", serif;--font-koran-body:"Source Serif 4", Georgia, "Times New Roman", serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background-color:var(--background);color:var(--foreground)}::selection{background-color:var(--selection);color:var(--selection-foreground)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}}@layer utilities{.visible{visibility:visible}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-full{height:100%}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.min-w-0{min-width:0}.min-w-80{min-width:calc(var(--spacing) * 80)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-table-border{border-color:var(--table-border)}.bg-background{background-color:var(--background)}.bg-badge-background{background-color:var(--badge-background)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-header{background-color:var(--header)}.bg-input-background{background-color:var(--input-background)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-primary{background-color:var(--sidebar-primary)}.bg-success-muted{background-color:var(--success-muted)}.bg-table{background-color:var(--table-background)}.bg-table-header{background-color:var(--table-header)}.bg-table-row-hover{background-color:var(--table-row-hover)}.bg-warning-muted{background-color:var(--warning-muted)}.p-0{padding:0}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-1{padding-bottom:var(--spacing)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.font-koran{font-family:var(--font-koran)}.font-koran-body{font-family:var(--font-koran-body)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-badge-foreground{color:var(--badge-foreground)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-form-error{color:var(--form-error)}.text-form-label{color:var(--form-label)}.text-header-foreground{color:var(--header-foreground)}.text-link{color:var(--link)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground{color:var(--sidebar-foreground)}.text-sidebar-primary-foreground{color:var(--sidebar-primary-foreground)}.text-success-muted-foreground{color:var(--success-muted-foreground)}.text-text-disabled{color:var(--text-disabled)}.text-text-muted{color:var(--text-muted)}.text-warning-muted-foreground{color:var(--warning-muted-foreground)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.placeholder\:text-form-placeholder::placeholder{color:var(--form-placeholder)}@media (hover:hover){.hover\:bg-navigation-hover:hover{background-color:var(--navigation-hover)}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:bg-table-row-hover:hover{background-color:var(--table-row-hover)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-link-hover:hover{color:var(--link-hover)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}}@media (width>=40rem){.sm\:inline{display:inline}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--surface:oklch(100% 0 0);--surface-foreground:oklch(14.5% 0 0);--surface-muted:oklch(98.5% 0 0);--surface-muted-foreground:oklch(55.6% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--card-muted:oklch(98.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--overlay:oklch(14.5% 0 0/.5);--overlay-foreground:oklch(100% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--success:oklch(59.6% .145 163.225);--success-foreground:oklch(98.5% 0 0);--success-muted:oklch(96.2% .044 156.743);--success-muted-foreground:oklch(44.8% .119 151.328);--warning:oklch(68.1% .162 75.834);--warning-foreground:oklch(20.5% 0 0);--warning-muted:oklch(98.7% .026 102.212);--warning-muted-foreground:oklch(47.6% .114 61.907);--info:oklch(62.3% .214 259.815);--info-foreground:oklch(98.5% 0 0);--info-muted:oklch(97% .014 254.604);--info-muted-foreground:oklch(48.8% .217 264.376);--border:oklch(92.2% 0 0);--border-muted:oklch(96% 0 0);--input:oklch(92.2% 0 0);--input-background:oklch(100% 0 0);--ring:oklch(70.8% 0 0);--focus:oklch(62.3% .214 259.815);--text:oklch(14.5% 0 0);--text-muted:oklch(55.6% 0 0);--text-subtle:oklch(70.8% 0 0);--text-disabled:oklch(70.8% 0 0);--text-inverse:oklch(98.5% 0 0);--selection:oklch(20.5% 0 0);--selection-foreground:oklch(98.5% 0 0);--link:oklch(48.8% .243 264.376);--link-hover:oklch(42.4% .199 265.638);--link-visited:oklch(48.8% .243 264.376);--table-background:oklch(100% 0 0);--table-header:oklch(98.5% 0 0);--table-row:oklch(100% 0 0);--table-row-hover:oklch(98.5% 0 0);--table-row-selected:oklch(97% 0 0);--table-border:oklch(92.2% 0 0);--form-label:oklch(20.5% 0 0);--form-description:oklch(55.6% 0 0);--form-placeholder:oklch(70.8% 0 0);--form-error:oklch(57.7% .245 27.325);--form-success:oklch(59.6% .145 163.225);--navigation-background:oklch(100% 0 0);--navigation-foreground:oklch(14.5% 0 0);--navigation-hover:oklch(97% 0 0);--navigation-active:oklch(97% 0 0);--navigation-active-foreground:oklch(20.5% 0 0);--navigation-border:oklch(92.2% 0 0);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-muted:oklch(55.6% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--header:oklch(100% 0 0);--header-foreground:oklch(14.5% 0 0);--header-border:oklch(92.2% 0 0);--breadcrumb-foreground:oklch(55.6% 0 0);--breadcrumb-current:oklch(14.5% 0 0);--breadcrumb-separator:oklch(70.8% 0 0);--badge-background:oklch(97% 0 0);--badge-foreground:oklch(20.5% 0 0);--code-background:oklch(97% 0 0);--code-foreground:oklch(20.5% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--radius:.625rem;--radius-xs:calc(var(--radius) - 6px);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:calc(var(--radius) + 12px);--radius-full:9999px}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--surface:oklch(20.5% 0 0);--surface-foreground:oklch(98.5% 0 0);--surface-muted:oklch(18% 0 0);--surface-muted-foreground:oklch(70.8% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--card-muted:oklch(26.9% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--overlay:oklch(0% 0 0/.65);--overlay-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.5% 0 0);--success:oklch(69.6% .17 162.48);--success-foreground:oklch(14.5% 0 0);--success-muted:oklch(26.9% .07 156.743);--success-muted-foreground:oklch(76.5% .13 152.461);--warning:oklch(76.9% .188 70.08);--warning-foreground:oklch(20.5% 0 0);--warning-muted:oklch(26.9% .06 85);--warning-muted-foreground:oklch(82.8% .15 84);--info:oklch(70.7% .165 254.624);--info-foreground:oklch(14.5% 0 0);--info-muted:oklch(26.9% .06 255);--info-muted-foreground:oklch(70.7% .165 254.624);--border:oklch(100% 0 0/.1);--border-muted:oklch(100% 0 0/.06);--input:oklch(100% 0 0/.15);--input-background:oklch(20.5% 0 0);--ring:oklch(55.6% 0 0);--focus:oklch(70.7% .165 254.624);--text:oklch(98.5% 0 0);--text-muted:oklch(70.8% 0 0);--text-subtle:oklch(55.6% 0 0);--text-disabled:oklch(55.6% 0 0);--text-inverse:oklch(14.5% 0 0);--selection:oklch(92.2% 0 0);--selection-foreground:oklch(20.5% 0 0);--link:oklch(70.7% .165 254.624);--link-hover:oklch(80.9% .105 251.813);--link-visited:oklch(70.7% .165 254.624);--table-background:oklch(20.5% 0 0);--table-header:oklch(18% 0 0);--table-row:oklch(20.5% 0 0);--table-row-hover:oklch(26.9% 0 0);--table-row-selected:oklch(26.9% 0 0);--table-border:oklch(100% 0 0/.1);--form-label:oklch(98.5% 0 0);--form-description:oklch(70.8% 0 0);--form-placeholder:oklch(55.6% 0 0);--form-error:oklch(70.4% .191 22.216);--form-success:oklch(69.6% .17 162.48);--navigation-background:oklch(20.5% 0 0);--navigation-foreground:oklch(98.5% 0 0);--navigation-hover:oklch(26.9% 0 0);--navigation-active:oklch(26.9% 0 0);--navigation-active-foreground:oklch(98.5% 0 0);--navigation-border:oklch(100% 0 0/.1);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-muted:oklch(70.8% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0);--header:oklch(20.5% 0 0);--header-foreground:oklch(98.5% 0 0);--header-border:oklch(100% 0 0/.1);--breadcrumb-foreground:oklch(70.8% 0 0);--breadcrumb-current:oklch(98.5% 0 0);--breadcrumb-separator:oklch(55.6% 0 0);--badge-background:oklch(26.9% 0 0);--badge-foreground:oklch(98.5% 0 0);--code-background:oklch(26.9% 0 0);--code-foreground:oklch(98.5% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439)}:root{--background:#f5f0e2;--foreground:#1c1610;--surface:#f5f0e2;--surface-foreground:#1c1610;--surface-muted:#ece4d0;--surface-muted-foreground:#6f6250;--card:#faf6ea;--card-foreground:#1c1610;--card-muted:#ece4d0;--popover:#faf6ea;--popover-foreground:#1c1610;--primary:#1c1610;--primary-foreground:#f5f0e2;--secondary:#e9e0c8;--secondary-foreground:#1c1610;--muted:#e9e0c8;--muted-foreground:#6f6250;--accent:#e9e0c8;--accent-foreground:#1c1610;--border:#d8cdae;--border-muted:#e4dabd;--input:#c9bc9c;--input-background:#faf6ea;--ring:#6f6250;--text:#1c1610;--text-muted:#6f6250;--text-subtle:#a2937a;--text-disabled:#a2937a;--text-inverse:#f5f0e2;--selection:#1c1610;--selection-foreground:#f5f0e2;--link:#9b1c1c;--link-hover:#7c1616;--link-visited:#9b1c1c;--table-background:#faf6ea;--table-header:#ece4d0;--table-row:#faf6ea;--table-row-hover:#f1e9d2;--table-row-selected:#e9e0c8;--table-border:#d8cdae;--form-label:#1c1610;--form-description:#6f6250;--form-placeholder:#a2937a;--navigation-background:#f5f0e2;--navigation-foreground:#1c1610;--navigation-hover:#e9e0c8;--navigation-active:#e9e0c8;--navigation-active-foreground:#1c1610;--navigation-border:#d8cdae;--sidebar:#ece4d0;--sidebar-foreground:#1c1610;--sidebar-primary:#1c1610;--sidebar-primary-foreground:#f5f0e2;--sidebar-accent:#e9e0c8;--sidebar-accent-foreground:#1c1610;--sidebar-muted:#6f6250;--sidebar-border:#d8cdae;--sidebar-ring:#6f6250;--header:#f5f0e2;--header-foreground:#1c1610;--header-border:#1c1610;--breadcrumb-foreground:#6f6250;--breadcrumb-current:#1c1610;--breadcrumb-separator:#a2937a;--badge-background:#e9e0c8;--badge-foreground:#1c1610;--code-background:#ece4d0;--code-foreground:#1c1610}.dark{--background:#181310;--foreground:#ece1c8;--surface:#211a13;--surface-foreground:#ece1c8;--surface-muted:#241d15;--surface-muted-foreground:#a49378;--card:#211a13;--card-foreground:#ece1c8;--card-muted:#2a2118;--popover:#211a13;--popover-foreground:#ece1c8;--primary:#ece1c8;--primary-foreground:#181310;--secondary:#2a2118;--secondary-foreground:#ece1c8;--muted:#2a2118;--muted-foreground:#a49378;--accent:#2a2118;--accent-foreground:#ece1c8;--border:#3a2f22;--border-muted:#2a2118;--input:#4a3d2c;--input-background:#211a13;--ring:#a49378;--text:#ece1c8;--text-muted:#a49378;--text-subtle:#6f6250;--text-disabled:#6f6250;--text-inverse:#181310;--selection:#ece1c8;--selection-foreground:#181310;--link:#e06552;--link-hover:#ef8267;--link-visited:#e06552;--table-background:#211a13;--table-header:#181310;--table-row:#211a13;--table-row-hover:#2a2118;--table-row-selected:#2a2118;--table-border:#3a2f22;--form-label:#ece1c8;--form-description:#a49378;--form-placeholder:#6f6250;--navigation-background:#181310;--navigation-foreground:#ece1c8;--navigation-hover:#2a2118;--navigation-active:#2a2118;--navigation-active-foreground:#ece1c8;--navigation-border:#3a2f22;--sidebar:#211a13;--sidebar-foreground:#ece1c8;--sidebar-primary:#ece1c8;--sidebar-primary-foreground:#181310;--sidebar-accent:#2a2118;--sidebar-accent-foreground:#ece1c8;--sidebar-muted:#a49378;--sidebar-border:#3a2f22;--sidebar-ring:#a49378;--header:#181310;--header-foreground:#ece1c8;--header-border:#ece1c8;--breadcrumb-foreground:#a49378;--breadcrumb-current:#ece1c8;--breadcrumb-separator:#6f6250;--badge-background:#2a2118;--badge-foreground:#ece1c8;--code-background:#2a2118;--code-foreground:#ece1c8}dialog{max-width:min(32rem,100vw - 2rem);max-height:calc(100vh - 2rem);margin:auto}dialog::backdrop{background-color:var(--overlay)}.koran-rule-double{border-top:1px solid var(--header-border);position:relative}.koran-rule-double:after{content:"";border-top:3px solid var(--header-border);margin-top:2px;display:block}.koran-paper{background-color:var(--background);background-image:radial-gradient(at top,#ffffff59,#0000 60%)}.dark .koran-paper{background-image:radial-gradient(at top,#ffffff0d,#0000 60%)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
+@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;0,900;1,500&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--radius-xs:var(--radius-xs);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--radius-3xl:var(--radius-3xl);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--primary);--radius-full:var(--radius-full);--font-koran:"Playfair Display", Georgia, "Times New Roman", serif;--font-koran-body:"Source Serif 4", Georgia, "Times New Roman", serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background-color:var(--background);color:var(--foreground)}::selection{background-color:var(--selection);color:var(--selection-foreground)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}}@layer utilities{.visible{visibility:visible}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-full{height:100%}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.min-w-0{min-width:0}.min-w-80{min-width:calc(var(--spacing) * 80)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-table-border{border-color:var(--table-border)}.bg-background{background-color:var(--background)}.bg-badge-background{background-color:var(--badge-background)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-header{background-color:var(--header)}.bg-input-background{background-color:var(--input-background)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-primary{background-color:var(--sidebar-primary)}.bg-success-muted{background-color:var(--success-muted)}.bg-table{background-color:var(--table-background)}.bg-table-header{background-color:var(--table-header)}.bg-table-row-hover{background-color:var(--table-row-hover)}.bg-warning-muted{background-color:var(--warning-muted)}.p-0{padding:0}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-1{padding-bottom:var(--spacing)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.font-koran{font-family:var(--font-koran)}.font-koran-body{font-family:var(--font-koran-body)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-badge-foreground{color:var(--badge-foreground)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-form-error{color:var(--form-error)}.text-form-label{color:var(--form-label)}.text-header-foreground{color:var(--header-foreground)}.text-link{color:var(--link)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground{color:var(--sidebar-foreground)}.text-sidebar-primary-foreground{color:var(--sidebar-primary-foreground)}.text-success-muted-foreground{color:var(--success-muted-foreground)}.text-text-disabled{color:var(--text-disabled)}.text-text-muted{color:var(--text-muted)}.text-warning-muted-foreground{color:var(--warning-muted-foreground)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.placeholder\:text-form-placeholder::placeholder{color:var(--form-placeholder)}@media (hover:hover){.hover\:bg-navigation-hover:hover{background-color:var(--navigation-hover)}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:bg-table-row-hover:hover{background-color:var(--table-row-hover)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-link-hover:hover{color:var(--link-hover)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}}@media (width>=40rem){.sm\:inline{display:inline}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--surface:oklch(100% 0 0);--surface-foreground:oklch(14.5% 0 0);--surface-muted:oklch(98.5% 0 0);--surface-muted-foreground:oklch(55.6% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--card-muted:oklch(98.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--overlay:oklch(14.5% 0 0/.5);--overlay-foreground:oklch(100% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--success:oklch(59.6% .145 163.225);--success-foreground:oklch(98.5% 0 0);--success-muted:oklch(96.2% .044 156.743);--success-muted-foreground:oklch(44.8% .119 151.328);--warning:oklch(68.1% .162 75.834);--warning-foreground:oklch(20.5% 0 0);--warning-muted:oklch(98.7% .026 102.212);--warning-muted-foreground:oklch(47.6% .114 61.907);--info:oklch(62.3% .214 259.815);--info-foreground:oklch(98.5% 0 0);--info-muted:oklch(97% .014 254.604);--info-muted-foreground:oklch(48.8% .217 264.376);--border:oklch(92.2% 0 0);--border-muted:oklch(96% 0 0);--input:oklch(92.2% 0 0);--input-background:oklch(100% 0 0);--ring:oklch(70.8% 0 0);--focus:oklch(62.3% .214 259.815);--text:oklch(14.5% 0 0);--text-muted:oklch(55.6% 0 0);--text-subtle:oklch(70.8% 0 0);--text-disabled:oklch(70.8% 0 0);--text-inverse:oklch(98.5% 0 0);--selection:oklch(20.5% 0 0);--selection-foreground:oklch(98.5% 0 0);--link:oklch(48.8% .243 264.376);--link-hover:oklch(42.4% .199 265.638);--link-visited:oklch(48.8% .243 264.376);--table-background:oklch(100% 0 0);--table-header:oklch(98.5% 0 0);--table-row:oklch(100% 0 0);--table-row-hover:oklch(98.5% 0 0);--table-row-selected:oklch(97% 0 0);--table-border:oklch(92.2% 0 0);--form-label:oklch(20.5% 0 0);--form-description:oklch(55.6% 0 0);--form-placeholder:oklch(70.8% 0 0);--form-error:oklch(57.7% .245 27.325);--form-success:oklch(59.6% .145 163.225);--navigation-background:oklch(100% 0 0);--navigation-foreground:oklch(14.5% 0 0);--navigation-hover:oklch(97% 0 0);--navigation-active:oklch(97% 0 0);--navigation-active-foreground:oklch(20.5% 0 0);--navigation-border:oklch(92.2% 0 0);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-muted:oklch(55.6% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--header:oklch(100% 0 0);--header-foreground:oklch(14.5% 0 0);--header-border:oklch(92.2% 0 0);--breadcrumb-foreground:oklch(55.6% 0 0);--breadcrumb-current:oklch(14.5% 0 0);--breadcrumb-separator:oklch(70.8% 0 0);--badge-background:oklch(97% 0 0);--badge-foreground:oklch(20.5% 0 0);--code-background:oklch(97% 0 0);--code-foreground:oklch(20.5% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--radius:.625rem;--radius-xs:calc(var(--radius) - 6px);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:calc(var(--radius) + 12px);--radius-full:9999px}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--surface:oklch(20.5% 0 0);--surface-foreground:oklch(98.5% 0 0);--surface-muted:oklch(18% 0 0);--surface-muted-foreground:oklch(70.8% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--card-muted:oklch(26.9% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--overlay:oklch(0% 0 0/.65);--overlay-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.5% 0 0);--success:oklch(69.6% .17 162.48);--success-foreground:oklch(14.5% 0 0);--success-muted:oklch(26.9% .07 156.743);--success-muted-foreground:oklch(76.5% .13 152.461);--warning:oklch(76.9% .188 70.08);--warning-foreground:oklch(20.5% 0 0);--warning-muted:oklch(26.9% .06 85);--warning-muted-foreground:oklch(82.8% .15 84);--info:oklch(70.7% .165 254.624);--info-foreground:oklch(14.5% 0 0);--info-muted:oklch(26.9% .06 255);--info-muted-foreground:oklch(70.7% .165 254.624);--border:oklch(100% 0 0/.1);--border-muted:oklch(100% 0 0/.06);--input:oklch(100% 0 0/.15);--input-background:oklch(20.5% 0 0);--ring:oklch(55.6% 0 0);--focus:oklch(70.7% .165 254.624);--text:oklch(98.5% 0 0);--text-muted:oklch(70.8% 0 0);--text-subtle:oklch(55.6% 0 0);--text-disabled:oklch(55.6% 0 0);--text-inverse:oklch(14.5% 0 0);--selection:oklch(92.2% 0 0);--selection-foreground:oklch(20.5% 0 0);--link:oklch(70.7% .165 254.624);--link-hover:oklch(80.9% .105 251.813);--link-visited:oklch(70.7% .165 254.624);--table-background:oklch(20.5% 0 0);--table-header:oklch(18% 0 0);--table-row:oklch(20.5% 0 0);--table-row-hover:oklch(26.9% 0 0);--table-row-selected:oklch(26.9% 0 0);--table-border:oklch(100% 0 0/.1);--form-label:oklch(98.5% 0 0);--form-description:oklch(70.8% 0 0);--form-placeholder:oklch(55.6% 0 0);--form-error:oklch(70.4% .191 22.216);--form-success:oklch(69.6% .17 162.48);--navigation-background:oklch(20.5% 0 0);--navigation-foreground:oklch(98.5% 0 0);--navigation-hover:oklch(26.9% 0 0);--navigation-active:oklch(26.9% 0 0);--navigation-active-foreground:oklch(98.5% 0 0);--navigation-border:oklch(100% 0 0/.1);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-muted:oklch(70.8% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0);--header:oklch(20.5% 0 0);--header-foreground:oklch(98.5% 0 0);--header-border:oklch(100% 0 0/.1);--breadcrumb-foreground:oklch(70.8% 0 0);--breadcrumb-current:oklch(98.5% 0 0);--breadcrumb-separator:oklch(55.6% 0 0);--badge-background:oklch(26.9% 0 0);--badge-foreground:oklch(98.5% 0 0);--code-background:oklch(26.9% 0 0);--code-foreground:oklch(98.5% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439)}:root{--background:#f5f0e2;--foreground:#1c1610;--surface:#f5f0e2;--surface-foreground:#1c1610;--surface-muted:#ece4d0;--surface-muted-foreground:#6f6250;--card:#faf6ea;--card-foreground:#1c1610;--card-muted:#ece4d0;--popover:#faf6ea;--popover-foreground:#1c1610;--primary:#1c1610;--primary-foreground:#f5f0e2;--secondary:#e9e0c8;--secondary-foreground:#1c1610;--muted:#e9e0c8;--muted-foreground:#6f6250;--accent:#e9e0c8;--accent-foreground:#1c1610;--border:#d8cdae;--border-muted:#e4dabd;--input:#c9bc9c;--input-background:#faf6ea;--ring:#6f6250;--text:#1c1610;--text-muted:#6f6250;--text-subtle:#a2937a;--text-disabled:#a2937a;--text-inverse:#f5f0e2;--selection:#1c1610;--selection-foreground:#f5f0e2;--link:#9b1c1c;--link-hover:#7c1616;--link-visited:#9b1c1c;--table-background:#faf6ea;--table-header:#ece4d0;--table-row:#faf6ea;--table-row-hover:#f1e9d2;--table-row-selected:#e9e0c8;--table-border:#d8cdae;--form-label:#1c1610;--form-description:#6f6250;--form-placeholder:#a2937a;--navigation-background:#f5f0e2;--navigation-foreground:#1c1610;--navigation-hover:#e9e0c8;--navigation-active:#e9e0c8;--navigation-active-foreground:#1c1610;--navigation-border:#d8cdae;--sidebar:#ece4d0;--sidebar-foreground:#1c1610;--sidebar-primary:#1c1610;--sidebar-primary-foreground:#f5f0e2;--sidebar-accent:#e9e0c8;--sidebar-accent-foreground:#1c1610;--sidebar-muted:#6f6250;--sidebar-border:#d8cdae;--sidebar-ring:#6f6250;--header:#f5f0e2;--header-foreground:#1c1610;--header-border:#1c1610;--breadcrumb-foreground:#6f6250;--breadcrumb-current:#1c1610;--breadcrumb-separator:#a2937a;--badge-background:#e9e0c8;--badge-foreground:#1c1610;--code-background:#ece4d0;--code-foreground:#1c1610}.dark{--background:#181310;--foreground:#ece1c8;--surface:#211a13;--surface-foreground:#ece1c8;--surface-muted:#241d15;--surface-muted-foreground:#a49378;--card:#211a13;--card-foreground:#ece1c8;--card-muted:#2a2118;--popover:#211a13;--popover-foreground:#ece1c8;--primary:#ece1c8;--primary-foreground:#181310;--secondary:#2a2118;--secondary-foreground:#ece1c8;--muted:#2a2118;--muted-foreground:#a49378;--accent:#2a2118;--accent-foreground:#ece1c8;--border:#3a2f22;--border-muted:#2a2118;--input:#4a3d2c;--input-background:#211a13;--ring:#a49378;--text:#ece1c8;--text-muted:#a49378;--text-subtle:#6f6250;--text-disabled:#6f6250;--text-inverse:#181310;--selection:#ece1c8;--selection-foreground:#181310;--link:#e06552;--link-hover:#ef8267;--link-visited:#e06552;--table-background:#211a13;--table-header:#181310;--table-row:#211a13;--table-row-hover:#2a2118;--table-row-selected:#2a2118;--table-border:#3a2f22;--form-label:#ece1c8;--form-description:#a49378;--form-placeholder:#6f6250;--navigation-background:#181310;--navigation-foreground:#ece1c8;--navigation-hover:#2a2118;--navigation-active:#2a2118;--navigation-active-foreground:#ece1c8;--navigation-border:#3a2f22;--sidebar:#211a13;--sidebar-foreground:#ece1c8;--sidebar-primary:#ece1c8;--sidebar-primary-foreground:#181310;--sidebar-accent:#2a2118;--sidebar-accent-foreground:#ece1c8;--sidebar-muted:#a49378;--sidebar-border:#3a2f22;--sidebar-ring:#a49378;--header:#181310;--header-foreground:#ece1c8;--header-border:#ece1c8;--breadcrumb-foreground:#a49378;--breadcrumb-current:#ece1c8;--breadcrumb-separator:#6f6250;--badge-background:#2a2118;--badge-foreground:#ece1c8;--code-background:#2a2118;--code-foreground:#ece1c8}dialog{max-width:min(32rem,100vw - 2rem);max-height:calc(100vh - 2rem);margin:auto}dialog::backdrop{background-color:var(--overlay)}.koran-rule-double{border-top:1px solid var(--header-border);position:relative}.koran-rule-double:after{content:"";border-top:3px solid var(--header-border);margin-top:2px;display:block}.koran-paper{background-color:var(--background);background-image:radial-gradient(at top,#ffffff59,#0000 60%)}.dark .koran-paper{background-image:radial-gradient(at top,#ffffff0d,#0000 60%)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}

package/dist/rack/dashboard.d.ts

@@ -0,0 +1,71 @@
+import Elysia from "elysia";
+export interface DashboardOptions {
+    /** Mount path for the dashboard page (default "/") */
+    path?: string;
+    /** Dashboard title (default "Panel") */
+    title?: string;
+    /** React page registry key (default "/dashboard") */
+    pagePath?: string;
+}
+/**
+ * Dashboard plugin — mounts `GET {path}` that renders
+ * `page("/dashboard")` via `reactPlugin`.
+ *
+ * Tree metadata is stored in memory by `rack()` (registry)
+ * and loaded when Dashboard renders via `getRackTree()`.
+ *
+ * Recommended setup:
+ * ```ts
+ * const app = new Elysia()
+ *   .use(reactPlugin({ pages }))
+ *   .use(dashboard({ title: "My Panel" }))
+ *   .use(rack("/catalog/products", { model, metadata: { id: "products", group: "Catalog" } }))
+ * ```
+ */
+export declare function dashboard(options?: DashboardOptions): Elysia<"", {
+    decorator: {};
+    store: {};
+    derive: {};
+    resolve: {};
+}, {
+    typebox: {};
+    error: {};
+}, {
+    schema: {};
+    standaloneSchema: {};
+    macro: {};
+    macroFn: {};
+    parser: {};
+    response: {};
+}, {
+    [x: string]: {
+        get: {
+            body: unknown;
+            params: {};
+            query: unknown;
+            headers: unknown;
+            response: {
+                200: {
+                    [x: symbol]: true;
+                    path: string;
+                    props: {
+                        resource: string | undefined;
+                        name?: string | undefined;
+                    };
+                };
+            };
+        };
+    };
+}, {
+    derive: {};
+    resolve: {};
+    schema: {};
+    standaloneSchema: {};
+    response: {};
+}, {
+    derive: {};
+    resolve: {};
+    schema: {};
+    standaloneSchema: {};
+    response: {};
+}>;

package/dist/rack/index.d.ts

@@ -2,7 +2,8 @@ import Elysia from "elysia";
 import type { Rack } from "./types";
 export type { Rack } from "./types";
 export type * from "./models";
-export { clearRacks, listRacks, registerRack, type RackRegistration, } from "./registry";
+export { buildRackTree, clearRacks, flatRackTree, getRack, getRackTree, listRacks, registerRack, type RackRegistration, type RackTreeNode, } from "./registry";
+export { dashboard, type DashboardOptions } from "./dashboard";
 export { resolveAdapter } from "./adapter";
 export { getAdapter, drizzleAdapter, prismaAdapter, type AdapterOptions, type CrudAdapter, type FieldDescriptor, type FieldKind, type ListResult, } from "./adapters/index";
 export { authorize, type AuthCheck } from "./authorization";

package/dist/rack/index.js

@@ -1,12 +1,16 @@
 import {
+  buildRackTree,
   clearRacks,
+  flatRackTree,
+  getRack,
+  getRackTree,
   listRacks,
   registerRack
-} from "../index-zc7rgvmm.js";
+} from "../index-4wxvmd8a.js";
 import"../index-37x76zdn.js";
 
 // src/rack/index.ts
-import Elysia, { status as status2 } from "elysia";
+import Elysia2, { status as status2 } from "elysia";
 
 // src/rack/adapter.ts
 function resolveAdapter(model) {
@@ -1122,6 +1126,21 @@ function parseListQuery(raw, queryOptions) {
   }
   return { search, filters, sort, page, limit };
 }
+// src/rack/dashboard.ts
+import Elysia from "elysia";
+function dashboard(options) {
+  const path = options?.path ?? "/";
+  const pagePath = options?.pagePath ?? "/dashboard";
+  const title = options?.title;
+  return new Elysia({ name: "rack:dashboard" }).get(path, ({ query }) => ({
+    [Symbol.for(PANEL_PAGE_KEY)]: true,
+    path: pagePath,
+    props: {
+      ...title !== undefined ? { name: title } : {},
+      resource: typeof query.resource === "string" ? query.resource : undefined
+    }
+  }));
+}
 
 // src/rack/index.ts
 var DEFAULT_OPERATIONS = {
@@ -1150,7 +1169,7 @@ function rack(path, options) {
     returning: options.settings?.returning,
     softDelete: options.settings?.softDelete
   };
-  const app = new Elysia({ name: `rack:${path}`, prefix: path });
+  const app = new Elysia2({ name: `rack:${path}`, prefix: path });
   const notFound = (operation, id) => status2(404, { error: "Not Found", operation, id });
   const envelope = (operation) => ({
     resource,
@@ -1352,11 +1371,16 @@ export {
   parseListQuery,
   panelPage,
   listRacks,
+  getRackTree,
+  getRack,
   getAdapter,
+  flatRackTree,
   drizzleAdapter,
   detailFor,
+  dashboard,
   createMemoryIdempotencyStore,
   clearRacks,
+  buildRackTree,
   authorize,
   PANEL_PAGE_KEY
 };

package/dist/rack/registry.d.ts

@@ -9,6 +9,10 @@ export interface RackRegistration {
     /** Resolved operations (all default `true`). */
     operations: Required<Rack.CrudOperationsOptions>;
 }
+/** Tree node for sidebar/dashboard. Children are resources where `metadata.parent === node.metadata.id`. */
+export interface RackTreeNode extends RackRegistration {
+    children: RackTreeNode[];
+}
 /**
  * Register a rack resource. Called automatically by `rack()`.
  * Re-registering the same path replaces the previous entry.
@@ -16,5 +20,17 @@ export interface RackRegistration {
 export declare function registerRack(reg: RackRegistration): void;
 /** List all registered rack resources in registration order. */
 export declare function listRacks(): RackRegistration[];
+/** Get a single registration by `metadata.id`. */
+export declare function getRack(id: string): RackRegistration | undefined;
+/** Build a tree from an explicit list (pure, reusable for props.racks). */
+export declare function buildRackTree(racks: RackRegistration[]): RackTreeNode[];
+/**
+ * Build a hierarchical tree from `parent` metadata.
+ * - Nodes without `parent` or with missing parent become roots.
+ * - Children are sorted by `order` then label.
+ */
+export declare function getRackTree(): RackTreeNode[];
+/** Flatten tree into a depth-first ordered list (useful for legacy dashboard). */
+export declare function flatRackTree(tree?: RackTreeNode[]): RackRegistration[];
 /** Clear the registry (mainly for tests). */
 export declare function clearRacks(): void;

package/dist/react/index.d.ts

@@ -33,7 +33,7 @@ export declare function reactPlugin(options: ReactRack.ReactPluginOptions): Elys
                 headers: unknown;
                 response: {
                     200: Response;
-                    404: "Panel asset not built. Run `bun run build:assets`." | "Panel asset not found";
+                    404: "Panel asset not found";
                     422: {
                         type: "validation";
                         on: string;

package/dist/react/index.js

@@ -4,18 +4,66 @@ import {
 
 // src/react/index.ts
 import Elysia from "elysia";
+import { existsSync as existsSync2 } from "node:fs";
+import { readFile as readFile2 } from "node:fs/promises";
+import { join as join2 } from "node:path";
+import { fileURLToPath as fileURLToPath2 } from "node:url";
+
+// src/react/render.tsx
 import { existsSync } from "node:fs";
 import { readFile } from "node:fs/promises";
 import { join } from "node:path";
 import { fileURLToPath } from "node:url";
-
-// src/react/render.tsx
 import { renderToReadableStream } from "react-dom/server";
 import { jsxDEV } from "react/jsx-dev-runtime";
 function pageTitle(path, props) {
   const metadata = props?.metadata;
   return metadata?.pluralLabel ?? metadata?.label ?? path;
 }
+function escapeHtml(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+var FALLBACK_TEMPLATE = `<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>{{title}}</title><link rel="stylesheet" href="/__rack/panel.css"><script type="module" src="/__rack/panel-theme.js"></script><!--app-head--></head><body><!--app--></body></html>`;
+var cachedTemplate = null;
+async function loadTemplate() {
+  if (cachedTemplate !== null)
+    return cachedTemplate;
+  const candidates = [
+    join(fileURLToPath(new URL(".", import.meta.url)), "app.html"),
+    join(fileURLToPath(new URL(".", import.meta.url)), "..", "app.html"),
+    join(process.cwd(), "dist", "app.html"),
+    join(process.cwd(), "src", "react", "app.html")
+  ];
+  for (const dir of [join(process.cwd(), "dist"), join(fileURLToPath(new URL(".", import.meta.url)), "..")]) {
+    const p = join(dir, "app.html");
+    if (!candidates.includes(p))
+      candidates.push(p);
+  }
+  for (const p of candidates) {
+    try {
+      if (!existsSync(p))
+        continue;
+      cachedTemplate = await readFile(p, "utf-8");
+      return cachedTemplate;
+    } catch {}
+  }
+  cachedTemplate = FALLBACK_TEMPLATE;
+  return cachedTemplate;
+}
+function buildShell(template, title) {
+  const safeTitle = escapeHtml(title);
+  const html = template.replaceAll("{{title}}", safeTitle);
+  for (const marker of ["<!--app-->", "{{body}}", "<!--app-html-->"]) {
+    const idx = html.indexOf(marker);
+    if (idx !== -1) {
+      return { head: html.slice(0, idx), tail: html.slice(idx + marker.length) };
+    }
+  }
+  const bodyClose = html.lastIndexOf("</body>");
+  if (bodyClose !== -1)
+    return { head: html.slice(0, bodyClose), tail: html.slice(bodyClose) };
+  return { head: html, tail: "" };
+}
 function createRenderer(pages) {
   return async function render(path, props) {
     const loader = pages[path];
@@ -29,7 +77,8 @@ function createRenderer(pages) {
     const stream = await renderToReadableStream(/* @__PURE__ */ jsxDEV(Component, {
       ...props
     }, undefined, false, undefined, this));
-    const head = `<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>${pageTitle(path, props)}</title><link rel="stylesheet" href="/__rack/panel.css"><script type="module" src="/__rack/panel-theme.js"></script></head><body>`;
+    const template = await loadTemplate();
+    const { head, tail } = buildShell(template, pageTitle(path, props));
     const encoder = new TextEncoder;
     const combined = new ReadableStream({
       async start(controller) {
@@ -45,7 +94,7 @@ function createRenderer(pages) {
         } finally {
           reader.releaseLock();
         }
-        controller.enqueue(encoder.encode("</body></html>"));
+        controller.enqueue(encoder.encode(tail));
         controller.close();
       }
     });
@@ -70,18 +119,31 @@ var PANEL_ASSETS = {
   "panel-app.js": "text/javascript; charset=utf-8"
 };
 function resolveDistDir() {
-  const candidates = [
-    join(process.cwd(), "dist"),
-    join(fileURLToPath(new URL(".", import.meta.url)), "..")
-  ];
+  const candidates = [join2(process.cwd(), "dist"), join2(fileURLToPath2(new URL(".", import.meta.url)), "..")];
   for (const dir of candidates) {
     try {
-      if (existsSync(join(dir, "panel-app.js")))
+      if (existsSync2(join2(dir, "panel-app.js")))
         return dir;
     } catch {}
   }
   return null;
 }
+function pickPanelCssOption(options) {
+  return options.css ?? options.panelCss;
+}
+function resolveCssFilePath(raw) {
+  const candidates = [raw, join2(process.cwd(), raw)];
+  const dist = resolveDistDir();
+  if (dist)
+    candidates.push(join2(dist, raw));
+  for (const p of candidates) {
+    try {
+      if (existsSync2(p))
+        return p;
+    } catch {}
+  }
+  return null;
+}
 function page(path, props) {
   return {
     [ReactRack.PAGE]: true,
@@ -90,18 +152,76 @@ function page(path, props) {
   };
 }
 var pages = {
-  "/dashboard": () => import("../Dashboard-xpstr7fr.js"),
+  "/dashboard": () => import("../Dashboard-2j561p7c.js"),
   "/panel": () => import("../Panel-fbp3wrsw.js")
 };
 function reactPlugin(options) {
   const render = createRenderer(options.pages);
+  const panelCssOverride = pickPanelCssOption(options);
+  let cachedCustomCss = null;
+  let cachedCustomCssLoaded = false;
+  async function loadCustomPanelCss() {
+    if (cachedCustomCssLoaded)
+      return cachedCustomCss;
+    if (!panelCssOverride) {
+      cachedCustomCssLoaded = true;
+      return cachedCustomCss = null;
+    }
+    if (typeof panelCssOverride === "object" && panelCssOverride.content !== undefined) {
+      cachedCustomCssLoaded = true;
+      return cachedCustomCss = panelCssOverride.content;
+    }
+    if (typeof panelCssOverride === "object" && panelCssOverride.path) {
+      const p = resolveCssFilePath(panelCssOverride.path);
+      if (p) {
+        try {
+          cachedCustomCssLoaded = true;
+          return cachedCustomCss = await readFile2(p);
+        } catch {}
+      }
+      cachedCustomCssLoaded = true;
+      return cachedCustomCss = null;
+    }
+    if (typeof panelCssOverride === "string") {
+      const filePath = resolveCssFilePath(panelCssOverride);
+      if (filePath) {
+        try {
+          cachedCustomCssLoaded = true;
+          return cachedCustomCss = await readFile2(filePath);
+        } catch {}
+      }
+      const looksLikeCss = panelCssOverride.includes("{") || panelCssOverride.includes(`
+`);
+      if (looksLikeCss) {
+        cachedCustomCssLoaded = true;
+        return cachedCustomCss = panelCssOverride;
+      }
+      cachedCustomCssLoaded = true;
+      return cachedCustomCss = null;
+    }
+    cachedCustomCssLoaded = true;
+    return cachedCustomCss = null;
+  }
   return new Elysia({ name: "@elysia-rack/react" }).decorate("react", { render }).get("/__rack/:name", async ({ params, status }) => {
     const type = PANEL_ASSETS[params.name];
+    if (!type)
+      return status(404, "Panel asset not found");
+    if (params.name === "panel.css") {
+      const custom = await loadCustomPanelCss();
+      if (custom !== null) {
+        return new Response(custom, {
+          headers: {
+            "Content-Type": type,
+            "Cache-Control": "public, max-age=3600"
+          }
+        });
+      }
+    }
     const dir = resolveDistDir();
-    if (!type || !dir)
-      return status(404, "Panel asset not built. Run `bun run build:assets`.");
+    if (!dir)
+      return status(404, "Panel asset not found");
     try {
-      const data = await readFile(join(dir, params.name));
+      const data = await readFile2(join2(dir, params.name));
       return new Response(data, {
         headers: {
           "Content-Type": type,

package/dist/react/page/components/Sidebar.d.ts

@@ -4,6 +4,7 @@ export interface SidebarItem {
     icon?: string;
     href: string;
     active?: boolean;
+    children?: SidebarItem[];
 }
 export interface SidebarGroup {
     name: string;