@pinia/colada-devtools 0.1.0 → 0.1.2

package/dist-panel/{_queryId_-C_7uiscL.js → _queryId_-DAN49PlJ.js}

@@ -1,6 +1,6 @@
-import { _ as N } from "./mouse-pointer-click-cg7KXnOS.js";
-import { m, c as l, o as n, a as e, d as I, Q as A, l as U, p as F, R as Q, C as M, P as v, g as w, h as b, S as W, t as u, _ as Y, T as G, M as P, b as X, U as Z, V as J, y as z, z as K, F as q, k as r, w as d, i, W as B, X as ee, j as te } from "./index-CC3C7HKx.js";
-import { _ as oe, a as se } from "./loader-BuVT322U.js";
+import { _ as N } from "./mouse-pointer-click-BPVNmt6b.js";
+import { m, c as l, o as n, a as e, d as I, Q as A, l as U, p as F, R as Q, C as M, P as v, g as w, h as b, S as W, t as u, _ as Y, T as G, M as P, b as X, U as Z, V as J, y as z, z as K, F as q, k as r, w as d, i, W as B, X as ee, j as te } from "./index-bwZG0BLQ.js";
+import { _ as oe, a as se } from "./loader-DDguy1zR.js";
 const ne = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -618,4 +618,4 @@ const Ue = m({ name: "lucide-sigma-square", render: Ae }), Fe = { class: "flex f
 export {
   qt as default
 };
-//# sourceMappingURL=_queryId_-C_7uiscL.js.map
+//# sourceMappingURL=_queryId_-DAN49PlJ.js.map

package/dist-panel/{_queryId_-C_7uiscL.js.map → _queryId_-DAN49PlJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"_queryId_-C_7uiscL.js","sources":["../src/panel/components/UCollapse.ce.vue","../src/panel/utils/time.ts","../src/panel/pages/queries/[queryId].vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Component } from 'vue'\n\ndefineProps<{\n  title?: string\n  icon?: Component\n}>()\n\nconst open = defineModel<boolean>('open', {\n  default: true,\n})\n\nfunction scrollIfNeeded(event: TransitionEvent) {\n  if (event.target instanceof HTMLElement) {\n    const scrollOptions: ScrollIntoViewOptions = {\n      block: 'nearest',\n      inline: 'nearest',\n      behavior: 'smooth',\n    }\n    event.target.scrollIntoView(scrollOptions)\n  }\n}\n</script>\n\n<template>\n  <div class=\"collapse collapse-arrow\">\n    <input v-model=\"open\" type=\"checkbox\">\n    <div class=\"collapse-title px-2 py-0.5 bg-neutral-200 dark:bg-neutral-800 theme-neutral\">\n      <slot name=\"title\" :open :title>\n        <h3 class=\"font-semibold text-sm flex gap-x-1 items-center\">\n          <slot name=\"icon\">\n            <component :is=\"icon\" v-if=\"icon\" class=\"size-4\" />\n          </slot>\n          {{ title ?? 'Group' }}\n        </h3>\n      </slot>\n    </div>\n    <div class=\"collapse-content px-2 text-sm overflow-hidden\" @transitionend=\"scrollIfNeeded\">\n      <slot :open />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.collapse:not(td, tr, colgroup) {\n  visibility: visible;\n}\n\n.collapse {\n  position: relative;\n  display: grid;\n  overflow: hidden;\n  width: 100%;\n  grid-template-rows: max-content 0fr;\n  transition: grid-template-rows 0.2s;\n  isolation: isolate;\n\n  > input:is([type='checkbox'], [type='radio']) {\n    grid-column-start: 1;\n    grid-row-start: 1;\n    appearance: none;\n    opacity: 0;\n  }\n\n  &:is([open], :focus),\n  &:has(> input:is([type='checkbox'], [type='radio']):checked) {\n    grid-template-rows: max-content 1fr;\n  }\n\n  &:is([open], :focus) > .collapse-content,\n  &:not(.collapse-close)\n    > :where(input:is([type='checkbox'], [type='radio']):checked ~ .collapse-content) {\n    visibility: visible;\n    min-height: fit-content;\n  }\n  &:focus-visible,\n  &:has(> input:is([type='checkbox'], [type='radio']):focus-visible) {\n    outline-color: var(--ui-text);\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n  }\n\n  &:not(.collapse-close) {\n    > input[type='checkbox'],\n    > input[type='radio']:not(:checked),\n    > .collapse-title {\n      cursor: pointer;\n    }\n  }\n\n  &:focus:not(.collapse-close, .collapse[open]) > .collapse-title {\n    cursor: unset;\n  }\n\n  &:is([open]) {\n    &.collapse-arrow {\n      > .collapse-title:after {\n        transform: translateY(-50%) rotate(225deg);\n      }\n    }\n  }\n\n  &.collapse-arrow:focus {\n    > .collapse-title:after {\n      transform: translateY(-50%) rotate(225deg);\n    }\n  }\n\n  &.collapse-arrow {\n    > input:is([type='checkbox'], [type='radio']):checked ~ .collapse-title:after {\n      transform: translateY(-50%) rotate(225deg);\n    }\n  }\n\n  > input:is([type='checkbox'], [type='radio']) {\n    z-index: 1;\n    width: 100%;\n  }\n}\n\n.collapse-title,\n.collapse-content {\n  grid-column-start: 1;\n  grid-row-start: 1;\n}\n\n.collapse-content {\n  visibility: hidden;\n  grid-column-start: 1;\n  grid-row-start: 2;\n  min-height: 0;\n  cursor: unset;\n  transition: visibility 0.2s;\n}\n\n.collapse-arrow {\n  > .collapse-title:after {\n    position: absolute;\n    display: block;\n    height: 0.5rem;\n    width: 0.5rem;\n    transform: translateY(-100%) rotate(45deg);\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 0.2s;\n    top: 50%;\n    right: 0.8em;\n    inset-inline-end: 0.75rem;\n    content: '';\n    transform-origin: 75% 75%;\n    box-shadow: 2px 2px;\n    pointer-events: none;\n  }\n}\n\n.collapse-title {\n  position: relative;\n  width: 100%;\n  transition: background-color 0.2s ease-out;\n}\n</style>\n","export function formatDuration(timeInMs: number): string {\n  if (timeInMs < 1000) {\n    return `${Math.round(timeInMs)} ms`\n  }\n\n  const seconds = timeInMs / 1000\n  if (timeInMs < 10_000) {\n    return `${seconds.toFixed(3)} seconds`\n  }\n\n  if (timeInMs < 60_000) {\n    return `${Math.floor(seconds)} seconds`\n  }\n\n  const minutes = Math.floor(seconds / 60)\n\n  if (timeInMs < 3_600_000) {\n    return `${minutes} minute${minutes > 1 ? 's' : ''}`\n  }\n\n  const hours = Math.floor(minutes / 60)\n\n  return `${hours}h${minutes % 60}m${seconds % 60}s`\n}\n","<script setup lang=\"ts\">\nimport type { UseQueryEntryPayload } from '@pinia/colada-devtools/shared'\nimport { computed, ref, watch } from 'vue'\nimport { useDuplexChannel, useQueryEntries } from '../../composables/duplex-channel'\nimport { formatDuration } from '../../utils/time'\nimport { useRoute } from 'vue-router'\nimport type { DataStateStatus } from '@pinia/colada'\n\nimport IWrench from '~icons/lucide/wrench'\nimport IInfoCircle from '~icons/lucide/info'\nimport IFileText from '~icons/lucide/file-text'\nimport ICircleX from '~icons/lucide/circle-x'\nimport IBraces from '~icons/lucide/braces'\nimport IHistory from '~icons/lucide/history'\nimport ISigmaSquare from '~icons/lucide/sigma-square'\nimport { useTimeAgo, formatTimeAgo } from '@vueuse/core'\nimport type { FormatTimeAgoOptions } from '@vueuse/core'\n\nconst route = useRoute('/queries/[queryId]')\nconst queries = useQueryEntries()\n\nconst selectedQuery = computed<UseQueryEntryPayload | null>(() => {\n  return queries.value.find((entry) => entry.keyHash === route.params.queryId) ?? null\n})\n\nconst TIME_AGO_OPTIONS: FormatTimeAgoOptions = {\n  showSecond: true,\n  rounding: 'floor',\n  max: 1000 * 60 * 5, // 5 minutes\n}\n\nconst lastUpdate = useTimeAgo(() => selectedQuery.value?.devtools.updatedAt ?? 0, {\n  ...TIME_AGO_OPTIONS,\n  updateInterval: 3_000,\n})\n\n// TODO: we should be able to highlight components using this query\n// const el = useTemplateRef('me')\n// TODO: add ref=\"me\" to the div\n// watch(\n//   // also trigger if the selectedQuery changes\n//   () => [el.value, selectedQuery.value?.id] as const,\n//   ([el]) => {\n//     if (!el || !selectedQuery.value) return\n//\n//     const observingComponents = findVueComponents(\n//       el,\n//       selectedQuery.value.deps.filter((c) => c.type === 'component').map((c) => c.uid) ?? [],\n//     )\n//\n//     console.log('elements', observingComponents)\n//   },\n// )\n\nconst channel = useDuplexChannel()\n\nconst isDataOpen = ref(false)\nlet wasDataOpen = isDataOpen.value\nlet lastStatus: DataStateStatus | null = null\nconst isErrorOpen = ref(false)\nwatch(\n  () => selectedQuery.value?.state,\n  (state) => {\n    if (!state || lastStatus === state.status) return\n    lastStatus = state.status\n    if (state.status === 'error') {\n      isErrorOpen.value = true\n      // preserve it for later\n      wasDataOpen = isDataOpen.value\n      isDataOpen.value = false\n    } else if (state.status === 'success') {\n      isDataOpen.value = wasDataOpen\n      isErrorOpen.value = false\n    }\n  },\n)\n</script>\n\n<template>\n  <div class=\"flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)\">\n    <template v-if=\"selectedQuery\">\n      <UCollapse title=\"Details\" :icon=\"IInfoCircle\">\n        <div class=\"py-1 text-sm\">\n          <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n            <span>key:</span>\n            <span>\n              <code class=\"rounded bg-neutral-500/20 p-0.5\">{{ selectedQuery.key }}</code>\n            </span>\n          </p>\n\n          <p\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When was the query entry last updated\"\n          >\n            <span>Last update:</span>\n            <span class=\"font-bold\">{{ lastUpdate }}</span>\n          </p>\n\n          <p\n            v-if=\"selectedQuery.devtools.history.at(0)?.fetchTime\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When was the last time the query was fetched\"\n          >\n            <span>Last fetch:</span>\n            <span class=\"font-bold\">{{\n              formatTimeAgo(new Date(selectedQuery.devtools.history.at(0)!.fetchTime!.start), {\n                ...TIME_AGO_OPTIONS,\n                max: undefined,\n              })\n            }}</span>\n          </p>\n\n          <p\n            v-if=\"selectedQuery.devtools.history.at(0)?.fetchTime?.end\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"How long did the last query take to fetch\"\n          >\n            <span>Fetch duration:</span>\n            <span class=\"font-bold\">{{\n              formatDuration(\n                selectedQuery.devtools.history.at(0)!.fetchTime!.end!\n                  - selectedQuery.devtools.history.at(0)!.fetchTime!.start,\n              )\n            }}</span>\n          </p>\n\n          <p\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"How many components and effects are using this query\"\n          >\n            <span>Observers: <span class=\"font-bold\">{{ selectedQuery.deps.length }}</span></span>\n          </p>\n\n          <p\n            v-if=\"!selectedQuery.active && selectedQuery.options\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When is this query entry garbace collected\"\n          >\n            <template\n              v-if=\"\n                typeof selectedQuery.options.gcTime === 'number'\n                  && Number.isFinite(selectedQuery.options.gcTime)\n              \"\n            >\n              <span>Will be <i>gced</i></span>\n              <span class=\"font-bold\">{{\n                formatTimeAgo(\n                  new Date(selectedQuery.devtools.inactiveAt + selectedQuery.options.gcTime),\n                  {\n                    ...TIME_AGO_OPTIONS,\n                    max: undefined,\n                  },\n                )\n              }}</span>\n            </template>\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Actions\" :icon=\"IWrench\">\n        <div class=\"py-2 gap-2 flex flex-wrap items-center justify-items-start\">\n          <UButton\n            class=\"theme-info\"\n            size=\"sm\"\n            title=\"Refetch this query\"\n            :disabled=\"selectedQuery.options?.enabled === false\"\n            @click=\"channel.emit('queries:refetch', selectedQuery.key)\"\n          >\n            <i-lucide-refresh-cw class=\"size-3.5\" /> Refetch\n          </UButton>\n\n          <UButton\n            class=\"theme-neutral\"\n            size=\"sm\"\n            title=\"Invalidate this query\"\n            @click=\"channel.emit('queries:invalidate', selectedQuery.key)\"\n          >\n            <i-lucide-timer-reset /> Invalidate\n          </UButton>\n\n          <UButton\n            v-if=\"selectedQuery.devtools.simulate !== 'loading'\"\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Restore the previous state\"\n            @click=\"channel.emit('queries:simulate:loading', selectedQuery.key)\"\n          >\n            <i-lucide-loader />\n            Simulate loading\n          </UButton>\n          <UButton\n            v-else\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Simulate a loading state\"\n            @click=\"channel.emit('queries:simulate:loading:stop', selectedQuery.key)\"\n          >\n            <i-lucide-loader class=\"animate-spin\" />\n            Stop loading\n          </UButton>\n\n          <UButton\n            v-if=\"selectedQuery.devtools.simulate !== 'error'\"\n            class=\"theme-error\"\n            size=\"sm\"\n            title=\"Simulate an Error state\"\n            @click=\"channel.emit('queries:simulate:error', selectedQuery.key)\"\n          >\n            <i-lucide-x-octagon /> Simulate error\n          </UButton>\n          <UButton\n            v-else\n            class=\"theme-error\"\n            size=\"sm\"\n            title=\"Restore the previous state\"\n            @click=\"channel.emit('queries:simulate:error:stop', selectedQuery.key)\"\n          >\n            <i-lucide-rotate-ccw /> Remove error\n          </UButton>\n\n          <UButton\n            class=\"theme-warning\"\n            size=\"sm\"\n            title=\"Reset this query to its initial (pending) state\"\n            @click=\"channel.emit('queries:reset', selectedQuery.key)\"\n          >\n            <i-lucide-trash /> Reset\n          </UButton>\n        </div>\n      </UCollapse>\n\n      <UCollapse v-model:open=\"isDataOpen\" title=\"Data\" :icon=\"IFileText\">\n        <div class=\"py-1\">\n          <pre\n            v-if=\"selectedQuery.state.data !== undefined\"\n            class=\"rounded p-1 overflow-auto max-h-[1200px]\"\n          >{{ selectedQuery.state.data }}</pre>\n          <p v-else class=\"text-neutral-500/50\">\n            No data\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isErrorOpen\"\n        :title=\"`Error${selectedQuery.state.status === 'error' ? ' (!)' : ''}`\"\n        :icon=\"ICircleX\"\n      >\n        <div class=\"py-1\">\n          <pre v-if=\"selectedQuery.state.error\" class=\"rounded p-1 overflow-auto max-h-[1200px]\">{{\n            selectedQuery.state.error\n          }}</pre>\n          <p v-else class=\"text-neutral-500/50\">\n            No error\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Call count\" :icon=\"ISigmaSquare\" :open=\"false\">\n        <div class=\"py-1\">\n          <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n            <span>Calls:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.total }}</code>\n            </span>\n            <span>Success:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.succeed }}</code>\n            </span>\n            <span>Errors:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.errored }}</code>\n            </span>\n            <span>Cancelled:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.cancelled }}</code>\n            </span>\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse\n        :title=\"`History (${selectedQuery.devtools.history.length})`\"\n        :icon=\"IHistory\"\n        :open=\"false\"\n      >\n        <div class=\"py-1\">\n          <UCollapse\n            v-for=\"entry of selectedQuery.devtools.history\"\n            :key=\"entry.updatedAt\"\n            :title=\"`Entry nº${entry.id} (${formatTimeAgo(new Date(entry.updatedAt), TIME_AGO_OPTIONS)})`\"\n            :open=\"false\"\n          >\n            <pre class=\"rounded p-1 overflow-auto max-h-[1200px]\">{{ entry }}</pre>\n          </UCollapse>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Options\" :open=\"false\" :icon=\"IBraces\">\n        <div class=\"py-1\">\n          <pre\n            v-if=\"selectedQuery.options\"\n            class=\"rounded bg-neutral-500/20 p-1 overflow-auto max-h-[1200px]\"\n          >{{ selectedQuery.options }}</pre>\n          <p v-else>\n            This Query entry has no options. It might have been created from the server or manually\n            set with\n            <code>queryCache.setQueryData()</code> for prefetching.\n          </p>\n        </div>\n      </UCollapse>\n    </template>\n\n    <template v-else>\n      <div class=\"py-6 mx-auto\">\n        <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n          Select a Query to inspect\n          <i-lucide-mouse-pointer-click />\n        </p>\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["open","_useModel","__props","scrollIfNeeded","event","scrollOptions","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","$event","_hoisted_2","_renderSlot","_ctx","title","_hoisted_3","icon","_createBlock","_resolveDynamicComponent","_createTextVNode","formatDuration","timeInMs","seconds","minutes","route","useRoute","queries","useQueryEntries","selectedQuery","computed","entry","TIME_AGO_OPTIONS","lastUpdate","useTimeAgo","_a","channel","useDuplexChannel","isDataOpen","ref","wasDataOpen","lastStatus","isErrorOpen","watch","state","_Fragment","_createVNode","_component_UCollapse","_unref","IInfoCircle","_cache","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","formatTimeAgo","_c","_b","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","IWrench","_hoisted_15","_component_UButton","_component_i_lucide_refresh_cw","_component_i_lucide_timer_reset","_component_i_lucide_loader","_component_i_lucide_x_octagon","_component_i_lucide_rotate_ccw","_component_i_lucide_trash","IFileText","_hoisted_16","_hoisted_17","_hoisted_18","ICircleX","_hoisted_19","_hoisted_20","_hoisted_21","ISigmaSquare","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","IHistory","_hoisted_28","_hoisted_29","IBraces","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_component_i_lucide_mouse_pointer_click"],"mappings":"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"}
+{"version":3,"file":"_queryId_-DAN49PlJ.js","sources":["../src/panel/components/UCollapse.ce.vue","../src/panel/utils/time.ts","../src/panel/pages/queries/[queryId].vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Component } from 'vue'\n\ndefineProps<{\n  title?: string\n  icon?: Component\n}>()\n\nconst open = defineModel<boolean>('open', {\n  default: true,\n})\n\nfunction scrollIfNeeded(event: TransitionEvent) {\n  if (event.target instanceof HTMLElement) {\n    const scrollOptions: ScrollIntoViewOptions = {\n      block: 'nearest',\n      inline: 'nearest',\n      behavior: 'smooth',\n    }\n    event.target.scrollIntoView(scrollOptions)\n  }\n}\n</script>\n\n<template>\n  <div class=\"collapse collapse-arrow\">\n    <input v-model=\"open\" type=\"checkbox\">\n    <div class=\"collapse-title px-2 py-0.5 bg-neutral-200 dark:bg-neutral-800 theme-neutral\">\n      <slot name=\"title\" :open :title>\n        <h3 class=\"font-semibold text-sm flex gap-x-1 items-center\">\n          <slot name=\"icon\">\n            <component :is=\"icon\" v-if=\"icon\" class=\"size-4\" />\n          </slot>\n          {{ title ?? 'Group' }}\n        </h3>\n      </slot>\n    </div>\n    <div class=\"collapse-content px-2 text-sm overflow-hidden\" @transitionend=\"scrollIfNeeded\">\n      <slot :open />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.collapse:not(td, tr, colgroup) {\n  visibility: visible;\n}\n\n.collapse {\n  position: relative;\n  display: grid;\n  overflow: hidden;\n  width: 100%;\n  grid-template-rows: max-content 0fr;\n  transition: grid-template-rows 0.2s;\n  isolation: isolate;\n\n  > input:is([type='checkbox'], [type='radio']) {\n    grid-column-start: 1;\n    grid-row-start: 1;\n    appearance: none;\n    opacity: 0;\n  }\n\n  &:is([open], :focus),\n  &:has(> input:is([type='checkbox'], [type='radio']):checked) {\n    grid-template-rows: max-content 1fr;\n  }\n\n  &:is([open], :focus) > .collapse-content,\n  &:not(.collapse-close)\n    > :where(input:is([type='checkbox'], [type='radio']):checked ~ .collapse-content) {\n    visibility: visible;\n    min-height: fit-content;\n  }\n  &:focus-visible,\n  &:has(> input:is([type='checkbox'], [type='radio']):focus-visible) {\n    outline-color: var(--ui-text);\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n  }\n\n  &:not(.collapse-close) {\n    > input[type='checkbox'],\n    > input[type='radio']:not(:checked),\n    > .collapse-title {\n      cursor: pointer;\n    }\n  }\n\n  &:focus:not(.collapse-close, .collapse[open]) > .collapse-title {\n    cursor: unset;\n  }\n\n  &:is([open]) {\n    &.collapse-arrow {\n      > .collapse-title:after {\n        transform: translateY(-50%) rotate(225deg);\n      }\n    }\n  }\n\n  &.collapse-arrow:focus {\n    > .collapse-title:after {\n      transform: translateY(-50%) rotate(225deg);\n    }\n  }\n\n  &.collapse-arrow {\n    > input:is([type='checkbox'], [type='radio']):checked ~ .collapse-title:after {\n      transform: translateY(-50%) rotate(225deg);\n    }\n  }\n\n  > input:is([type='checkbox'], [type='radio']) {\n    z-index: 1;\n    width: 100%;\n  }\n}\n\n.collapse-title,\n.collapse-content {\n  grid-column-start: 1;\n  grid-row-start: 1;\n}\n\n.collapse-content {\n  visibility: hidden;\n  grid-column-start: 1;\n  grid-row-start: 2;\n  min-height: 0;\n  cursor: unset;\n  transition: visibility 0.2s;\n}\n\n.collapse-arrow {\n  > .collapse-title:after {\n    position: absolute;\n    display: block;\n    height: 0.5rem;\n    width: 0.5rem;\n    transform: translateY(-100%) rotate(45deg);\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 0.2s;\n    top: 50%;\n    right: 0.8em;\n    inset-inline-end: 0.75rem;\n    content: '';\n    transform-origin: 75% 75%;\n    box-shadow: 2px 2px;\n    pointer-events: none;\n  }\n}\n\n.collapse-title {\n  position: relative;\n  width: 100%;\n  transition: background-color 0.2s ease-out;\n}\n</style>\n","export function formatDuration(timeInMs: number): string {\n  if (timeInMs < 1000) {\n    return `${Math.round(timeInMs)} ms`\n  }\n\n  const seconds = timeInMs / 1000\n  if (timeInMs < 10_000) {\n    return `${seconds.toFixed(3)} seconds`\n  }\n\n  if (timeInMs < 60_000) {\n    return `${Math.floor(seconds)} seconds`\n  }\n\n  const minutes = Math.floor(seconds / 60)\n\n  if (timeInMs < 3_600_000) {\n    return `${minutes} minute${minutes > 1 ? 's' : ''}`\n  }\n\n  const hours = Math.floor(minutes / 60)\n\n  return `${hours}h${minutes % 60}m${seconds % 60}s`\n}\n","<script setup lang=\"ts\">\nimport type { UseQueryEntryPayload } from '@pinia/colada-devtools/shared'\nimport { computed, ref, watch } from 'vue'\nimport { useDuplexChannel, useQueryEntries } from '../../composables/duplex-channel'\nimport { formatDuration } from '../../utils/time'\nimport { useRoute } from 'vue-router'\nimport type { DataStateStatus } from '@pinia/colada'\n\nimport IWrench from '~icons/lucide/wrench'\nimport IInfoCircle from '~icons/lucide/info'\nimport IFileText from '~icons/lucide/file-text'\nimport ICircleX from '~icons/lucide/circle-x'\nimport IBraces from '~icons/lucide/braces'\nimport IHistory from '~icons/lucide/history'\nimport ISigmaSquare from '~icons/lucide/sigma-square'\nimport { useTimeAgo, formatTimeAgo } from '@vueuse/core'\nimport type { FormatTimeAgoOptions } from '@vueuse/core'\n\nconst route = useRoute('/queries/[queryId]')\nconst queries = useQueryEntries()\n\nconst selectedQuery = computed<UseQueryEntryPayload | null>(() => {\n  return queries.value.find((entry) => entry.keyHash === route.params.queryId) ?? null\n})\n\nconst TIME_AGO_OPTIONS: FormatTimeAgoOptions = {\n  showSecond: true,\n  rounding: 'floor',\n  max: 1000 * 60 * 5, // 5 minutes\n}\n\nconst lastUpdate = useTimeAgo(() => selectedQuery.value?.devtools.updatedAt ?? 0, {\n  ...TIME_AGO_OPTIONS,\n  updateInterval: 3_000,\n})\n\n// TODO: we should be able to highlight components using this query\n// const el = useTemplateRef('me')\n// TODO: add ref=\"me\" to the div\n// watch(\n//   // also trigger if the selectedQuery changes\n//   () => [el.value, selectedQuery.value?.id] as const,\n//   ([el]) => {\n//     if (!el || !selectedQuery.value) return\n//\n//     const observingComponents = findVueComponents(\n//       el,\n//       selectedQuery.value.deps.filter((c) => c.type === 'component').map((c) => c.uid) ?? [],\n//     )\n//\n//     console.log('elements', observingComponents)\n//   },\n// )\n\nconst channel = useDuplexChannel()\n\nconst isDataOpen = ref(false)\nlet wasDataOpen = isDataOpen.value\nlet lastStatus: DataStateStatus | null = null\nconst isErrorOpen = ref(false)\nwatch(\n  () => selectedQuery.value?.state,\n  (state) => {\n    if (!state || lastStatus === state.status) return\n    lastStatus = state.status\n    if (state.status === 'error') {\n      isErrorOpen.value = true\n      // preserve it for later\n      wasDataOpen = isDataOpen.value\n      isDataOpen.value = false\n    } else if (state.status === 'success') {\n      isDataOpen.value = wasDataOpen\n      isErrorOpen.value = false\n    }\n  },\n)\n</script>\n\n<template>\n  <div class=\"flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)\">\n    <template v-if=\"selectedQuery\">\n      <UCollapse title=\"Details\" :icon=\"IInfoCircle\">\n        <div class=\"py-1 text-sm\">\n          <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n            <span>key:</span>\n            <span>\n              <code class=\"rounded bg-neutral-500/20 p-0.5\">{{ selectedQuery.key }}</code>\n            </span>\n          </p>\n\n          <p\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When was the query entry last updated\"\n          >\n            <span>Last update:</span>\n            <span class=\"font-bold\">{{ lastUpdate }}</span>\n          </p>\n\n          <p\n            v-if=\"selectedQuery.devtools.history.at(0)?.fetchTime\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When was the last time the query was fetched\"\n          >\n            <span>Last fetch:</span>\n            <span class=\"font-bold\">{{\n              formatTimeAgo(new Date(selectedQuery.devtools.history.at(0)!.fetchTime!.start), {\n                ...TIME_AGO_OPTIONS,\n                max: undefined,\n              })\n            }}</span>\n          </p>\n\n          <p\n            v-if=\"selectedQuery.devtools.history.at(0)?.fetchTime?.end\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"How long did the last query take to fetch\"\n          >\n            <span>Fetch duration:</span>\n            <span class=\"font-bold\">{{\n              formatDuration(\n                selectedQuery.devtools.history.at(0)!.fetchTime!.end!\n                  - selectedQuery.devtools.history.at(0)!.fetchTime!.start,\n              )\n            }}</span>\n          </p>\n\n          <p\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"How many components and effects are using this query\"\n          >\n            <span>Observers: <span class=\"font-bold\">{{ selectedQuery.deps.length }}</span></span>\n          </p>\n\n          <p\n            v-if=\"!selectedQuery.active && selectedQuery.options\"\n            class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n            title=\"When is this query entry garbace collected\"\n          >\n            <template\n              v-if=\"\n                typeof selectedQuery.options.gcTime === 'number'\n                  && Number.isFinite(selectedQuery.options.gcTime)\n              \"\n            >\n              <span>Will be <i>gced</i></span>\n              <span class=\"font-bold\">{{\n                formatTimeAgo(\n                  new Date(selectedQuery.devtools.inactiveAt + selectedQuery.options.gcTime),\n                  {\n                    ...TIME_AGO_OPTIONS,\n                    max: undefined,\n                  },\n                )\n              }}</span>\n            </template>\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Actions\" :icon=\"IWrench\">\n        <div class=\"py-2 gap-2 flex flex-wrap items-center justify-items-start\">\n          <UButton\n            class=\"theme-info\"\n            size=\"sm\"\n            title=\"Refetch this query\"\n            :disabled=\"selectedQuery.options?.enabled === false\"\n            @click=\"channel.emit('queries:refetch', selectedQuery.key)\"\n          >\n            <i-lucide-refresh-cw class=\"size-3.5\" /> Refetch\n          </UButton>\n\n          <UButton\n            class=\"theme-neutral\"\n            size=\"sm\"\n            title=\"Invalidate this query\"\n            @click=\"channel.emit('queries:invalidate', selectedQuery.key)\"\n          >\n            <i-lucide-timer-reset /> Invalidate\n          </UButton>\n\n          <UButton\n            v-if=\"selectedQuery.devtools.simulate !== 'loading'\"\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Restore the previous state\"\n            @click=\"channel.emit('queries:simulate:loading', selectedQuery.key)\"\n          >\n            <i-lucide-loader />\n            Simulate loading\n          </UButton>\n          <UButton\n            v-else\n            class=\"theme-purple\"\n            size=\"sm\"\n            title=\"Simulate a loading state\"\n            @click=\"channel.emit('queries:simulate:loading:stop', selectedQuery.key)\"\n          >\n            <i-lucide-loader class=\"animate-spin\" />\n            Stop loading\n          </UButton>\n\n          <UButton\n            v-if=\"selectedQuery.devtools.simulate !== 'error'\"\n            class=\"theme-error\"\n            size=\"sm\"\n            title=\"Simulate an Error state\"\n            @click=\"channel.emit('queries:simulate:error', selectedQuery.key)\"\n          >\n            <i-lucide-x-octagon /> Simulate error\n          </UButton>\n          <UButton\n            v-else\n            class=\"theme-error\"\n            size=\"sm\"\n            title=\"Restore the previous state\"\n            @click=\"channel.emit('queries:simulate:error:stop', selectedQuery.key)\"\n          >\n            <i-lucide-rotate-ccw /> Remove error\n          </UButton>\n\n          <UButton\n            class=\"theme-warning\"\n            size=\"sm\"\n            title=\"Reset this query to its initial (pending) state\"\n            @click=\"channel.emit('queries:reset', selectedQuery.key)\"\n          >\n            <i-lucide-trash /> Reset\n          </UButton>\n        </div>\n      </UCollapse>\n\n      <UCollapse v-model:open=\"isDataOpen\" title=\"Data\" :icon=\"IFileText\">\n        <div class=\"py-1\">\n          <pre\n            v-if=\"selectedQuery.state.data !== undefined\"\n            class=\"rounded p-1 overflow-auto max-h-[1200px]\"\n          >{{ selectedQuery.state.data }}</pre>\n          <p v-else class=\"text-neutral-500/50\">\n            No data\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse\n        v-model:open=\"isErrorOpen\"\n        :title=\"`Error${selectedQuery.state.status === 'error' ? ' (!)' : ''}`\"\n        :icon=\"ICircleX\"\n      >\n        <div class=\"py-1\">\n          <pre v-if=\"selectedQuery.state.error\" class=\"rounded p-1 overflow-auto max-h-[1200px]\">{{\n            selectedQuery.state.error\n          }}</pre>\n          <p v-else class=\"text-neutral-500/50\">\n            No error\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Call count\" :icon=\"ISigmaSquare\" :open=\"false\">\n        <div class=\"py-1\">\n          <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n            <span>Calls:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.total }}</code>\n            </span>\n            <span>Success:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.succeed }}</code>\n            </span>\n            <span>Errors:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.errored }}</code>\n            </span>\n            <span>Cancelled:</span>\n            <span>\n              <code class=\"font-bold\">{{ selectedQuery.devtools.count.cancelled }}</code>\n            </span>\n          </p>\n        </div>\n      </UCollapse>\n\n      <UCollapse\n        :title=\"`History (${selectedQuery.devtools.history.length})`\"\n        :icon=\"IHistory\"\n        :open=\"false\"\n      >\n        <div class=\"py-1\">\n          <UCollapse\n            v-for=\"entry of selectedQuery.devtools.history\"\n            :key=\"entry.updatedAt\"\n            :title=\"`Entry nº${entry.id} (${formatTimeAgo(new Date(entry.updatedAt), TIME_AGO_OPTIONS)})`\"\n            :open=\"false\"\n          >\n            <pre class=\"rounded p-1 overflow-auto max-h-[1200px]\">{{ entry }}</pre>\n          </UCollapse>\n        </div>\n      </UCollapse>\n\n      <UCollapse title=\"Options\" :open=\"false\" :icon=\"IBraces\">\n        <div class=\"py-1\">\n          <pre\n            v-if=\"selectedQuery.options\"\n            class=\"rounded bg-neutral-500/20 p-1 overflow-auto max-h-[1200px]\"\n          >{{ selectedQuery.options }}</pre>\n          <p v-else>\n            This Query entry has no options. It might have been created from the server or manually\n            set with\n            <code>queryCache.setQueryData()</code> for prefetching.\n          </p>\n        </div>\n      </UCollapse>\n    </template>\n\n    <template v-else>\n      <div class=\"py-6 mx-auto\">\n        <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n          Select a Query to inspect\n          <i-lucide-mouse-pointer-click />\n        </p>\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["open","_useModel","__props","scrollIfNeeded","event","scrollOptions","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","$event","_hoisted_2","_renderSlot","_ctx","title","_hoisted_3","icon","_createBlock","_resolveDynamicComponent","_createTextVNode","formatDuration","timeInMs","seconds","minutes","route","useRoute","queries","useQueryEntries","selectedQuery","computed","entry","TIME_AGO_OPTIONS","lastUpdate","useTimeAgo","_a","channel","useDuplexChannel","isDataOpen","ref","wasDataOpen","lastStatus","isErrorOpen","watch","state","_Fragment","_createVNode","_component_UCollapse","_unref","IInfoCircle","_cache","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","formatTimeAgo","_c","_b","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","IWrench","_hoisted_15","_component_UButton","_component_i_lucide_refresh_cw","_component_i_lucide_timer_reset","_component_i_lucide_loader","_component_i_lucide_x_octagon","_component_i_lucide_rotate_ccw","_component_i_lucide_trash","IFileText","_hoisted_16","_hoisted_17","_hoisted_18","ICircleX","_hoisted_19","_hoisted_20","_hoisted_21","ISigmaSquare","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","IHistory","_hoisted_28","_hoisted_29","IBraces","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_component_i_lucide_mouse_pointer_click"],"mappings":"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"}

package/dist-panel/{index-LhFYBC4E.js → index-D2ld1JQh.js}

@@ -1,5 +1,5 @@
-import { _ as o } from "./mouse-pointer-click-cg7KXnOS.js";
-import { _ as c, c as s, o as n, a as _, P as a, k as r } from "./index-CC3C7HKx.js";
+import { _ as o } from "./mouse-pointer-click-BPVNmt6b.js";
+import { _ as c, c as s, o as n, a as _, P as a, k as r } from "./index-bwZG0BLQ.js";
 const i = {}, l = { class: "py-6 mx-auto" }, p = { class: "flex flex-col text-center items-center gap-2 text-lg px-2" };
 function d(m, e) {
   const t = o;
@@ -14,4 +14,4 @@ const u = /* @__PURE__ */ c(i, [["render", d]]);
 export {
   u as default
 };
-//# sourceMappingURL=index-LhFYBC4E.js.map
+//# sourceMappingURL=index-D2ld1JQh.js.map

package/dist-panel/{index-LhFYBC4E.js.map → index-D2ld1JQh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-LhFYBC4E.js","sources":["../src/panel/pages/queries/index.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <div class=\"py-6 mx-auto\">\n    <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n      Select a Query to inspect\n      <i-lucide-mouse-pointer-click />\n    </p>\n  </div>\n</template>\n"],"names":["_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_i_lucide_mouse_pointer_click"],"mappings":";;cAGOA,IAAA,EAAA,OAAM,eAAc,GACpBC,IAAA,EAAA,OAAM,4DAA2D;;;AADtE,SAAAC,EAAA,GAAAC,EAKM,OALNH,GAKM;AAAA,IAJJI,EAGI,KAHJH,GAGI;AAAA,wBAHiE,6BAEnE;AAAA,MAAAI,EAAgCC,CAAA;AAAA;;;;"}
+{"version":3,"file":"index-D2ld1JQh.js","sources":["../src/panel/pages/queries/index.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <div class=\"py-6 mx-auto\">\n    <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n      Select a Query to inspect\n      <i-lucide-mouse-pointer-click />\n    </p>\n  </div>\n</template>\n"],"names":["_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_i_lucide_mouse_pointer_click"],"mappings":";;cAGOA,IAAA,EAAA,OAAM,eAAc,GACpBC,IAAA,EAAA,OAAM,4DAA2D;;;AADtE,SAAAC,EAAA,GAAAC,EAKM,OALNH,GAKM;AAAA,IAJJI,EAGI,KAHJH,GAGI;AAAA,wBAHiE,6BAEnE;AAAA,MAAAI,EAAgCC,CAAA;AAAA;;;;"}

package/dist-panel/{index-DqhXFdqH.js → index-DLAeHded.js}

@@ -1,4 +1,4 @@
-import { _ as e, c, o as n } from "./index-CC3C7HKx.js";
+import { _ as e, c, o as n } from "./index-bwZG0BLQ.js";
 const o = {};
 function r(t, a) {
   return n(), c("h1", null, "Homepage");
@@ -7,4 +7,4 @@ const _ = /* @__PURE__ */ e(o, [["render", r]]);
 export {
   _ as default
 };
-//# sourceMappingURL=index-DqhXFdqH.js.map
+//# sourceMappingURL=index-DLAeHded.js.map

package/dist-panel/{index-DqhXFdqH.js.map → index-DLAeHded.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DqhXFdqH.js","sources":["../src/panel/pages/index.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <h1>Homepage</h1>\n</template>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;AAGE,SAAAA,EAAA,GAAAC,EAAiB,YAAb,UAAQ;;;"}
+{"version":3,"file":"index-DLAeHded.js","sources":["../src/panel/pages/index.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <h1>Homepage</h1>\n</template>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;AAGE,SAAAA,EAAA,GAAAC,EAAiB,YAAb,UAAQ;;;"}

package/dist-panel/{index-CC3C7HKx.js → index-bwZG0BLQ.js}

@@ -1,6 +1,6 @@
 import { DuplexChannel as na } from "@pinia/colada-devtools/shared";
 /**
-* @vue/shared v3.5.15
+* @vue/shared v3.5.16
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -139,7 +139,7 @@ const cs = (e) => !!(e && e.__v_isRef === !0), us = (e) => fe(e) ? e : e == null
   );
 };
 /**
-* @vue/reactivity v3.5.15
+* @vue/reactivity v3.5.16
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1225,7 +1225,7 @@ function vt(e, t = 1 / 0, o) {
   return e;
 }
 /**
-* @vue/runtime-core v3.5.15
+* @vue/runtime-core v3.5.16
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -4749,11 +4749,11 @@ function $u() {
   }
   window.devtoolsFormatters ? window.devtoolsFormatters.push(n) : window.devtoolsFormatters = [n];
 }
-const Ni = "3.5.15", He = process.env.NODE_ENV !== "production" ? N : ye;
+const Ni = "3.5.16", He = process.env.NODE_ENV !== "production" ? N : ye;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
 /**
-* @vue/runtime-dom v3.5.15
+* @vue/runtime-dom v3.5.16
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -5427,7 +5427,7 @@ function uf(e) {
   ), e;
 }
 /**
-* vue v3.5.15
+* vue v3.5.16
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -6081,7 +6081,7 @@ function Jf(e, t) {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "2",
-      d: "M4 14h6v6m10-10h-6V4m0 6l7-7M3 21l7-7"
+      d: "m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6"
     }, null, -1)
   ]));
 }
@@ -6221,7 +6221,7 @@ const ed = { class: "w-full h-full grid grid-rows-[auto_1fr] bg-ui-bg text-ui-te
       }, 8, ["is-pip"]);
     };
   }
-}), id = '/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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;--tw-duration:initial;--tw-outline-style:solid;--progress-value:0}}}.splitpanes{width:100%;height:100%;display:flex}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane{-webkit-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:auto}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none;-webkit-user-select:none;user-select:none}.splitpanes--vertical>.splitpanes__splitter{cursor:col-resize;min-width:1px}.splitpanes--horizontal>.splitpanes__splitter{cursor:row-resize;min-height:1px}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{box-sizing:border-box;background-color:#fff;flex-shrink:0;position:relative}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";background-color:#00000026;transition:background-color .3s;position:absolute;top:50%;left:50%}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{border-left:1px solid #eee;width:7px;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{width:1px;height:30px;transform:translateY(-50%)}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{border-top:1px solid #eee;height:7px;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{width:30px;height:1px;transform:translate(-50%)}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.splitpanes__splitter{--grab-size:-4px;background-color:var(--ui-text);transition:background-color .2s;position:relative}@supports (color:color-mix(in lab,red,red)){.splitpanes__splitter{background-color:color-mix(in lab,var(--ui-text)20%,var(--ui-bg))}}.splitpanes--vertical>.splitpanes__splitter:before{left:var(--grab-size);right:var(--grab-size);height:100%}.splitpanes--horizontal>.splitpanes__splitter:before{top:var(--grab-size);bottom:var(--grab-size);width:100%}.splitpanes__splitter:before{content:"";z-index:10000;transition:background-color .25s ease-out;position:absolute;top:0;right:0;bottom:0;left:0}.splitpanes__splitter:hover:before{background-color:var(--ui-text)}@supports (color:color-mix(in lab,red,red)){.splitpanes__splitter:hover:before{background-color:color-mix(in lab,var(--ui-text),transparent 75%)}}.splitpanes__splitter:hover:before{opacity:1}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,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;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-neutral-50:var(--color-gray-50);--color-neutral-100:var(--color-gray-100);--color-neutral-200:var(--color-gray-200);--color-neutral-300:var(--color-gray-300);--color-neutral-400:var(--color-gray-400);--color-neutral-500:var(--color-gray-500);--color-neutral-600:var(--color-gray-600);--color-neutral-700:var(--color-gray-700);--color-neutral-800:var(--color-gray-800);--color-neutral-900:var(--color-gray-900);--color-neutral-950:var(--color-gray-950);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-snug:1.375;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--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-50:var(--color-lime-50);--color-primary-100:var(--color-lime-100);--color-primary-200:var(--color-lime-200);--color-primary-300:var(--color-lime-300);--color-primary-400:var(--color-lime-400);--color-primary-500:var(--color-lime-500);--color-primary-600:var(--color-lime-600);--color-primary-700:var(--color-lime-700);--color-primary-800:var(--color-lime-800);--color-primary-900:var(--color-lime-900);--color-primary-950:var(--color-lime-950);--color-secondary-50:var(--color-yellow-50);--color-secondary-100:var(--color-yellow-100);--color-secondary-200:var(--color-yellow-200);--color-secondary-300:var(--color-yellow-300);--color-secondary-400:var(--color-yellow-400);--color-secondary-500:var(--color-yellow-500);--color-secondary-600:var(--color-yellow-600);--color-secondary-700:var(--color-yellow-700);--color-secondary-800:var(--color-yellow-800);--color-secondary-900:var(--color-yellow-900);--color-success-50:var(--color-green-50);--color-success-100:var(--color-green-100);--color-success-200:var(--color-green-200);--color-success-300:var(--color-green-300);--color-success-400:var(--color-green-400);--color-success-500:var(--color-green-500);--color-success-600:var(--color-green-600);--color-success-700:var(--color-green-700);--color-success-800:var(--color-green-800);--color-success-900:var(--color-green-900);--color-success-950:var(--color-green-950);--color-warning-50:var(--color-orange-50);--color-warning-100:var(--color-orange-100);--color-warning-200:var(--color-orange-200);--color-warning-300:var(--color-orange-300);--color-warning-400:var(--color-orange-400);--color-warning-500:var(--color-orange-500);--color-warning-600:var(--color-orange-600);--color-warning-700:var(--color-orange-700);--color-warning-800:var(--color-orange-800);--color-warning-900:var(--color-orange-900);--color-warning-950:var(--color-orange-950);--color-error-50:var(--color-red-50);--color-error-100:var(--color-red-100);--color-error-200:var(--color-red-200);--color-error-300:var(--color-red-300);--color-error-400:var(--color-red-400);--color-error-500:var(--color-red-500);--color-error-600:var(--color-red-600);--color-error-700:var(--color-red-700);--color-error-800:var(--color-red-800);--color-error-900:var(--color-red-900);--color-error-950:var(--color-red-950);--color-info-50:var(--color-blue-50);--color-info-100:var(--color-blue-100);--color-info-200:var(--color-blue-200);--color-info-300:var(--color-blue-300);--color-info-400:var(--color-blue-400);--color-info-500:var(--color-blue-500);--color-info-600:var(--color-blue-600);--color-info-700:var(--color-blue-700);--color-info-800:var(--color-blue-800);--color-info-900:var(--color-blue-900);--color-info-950:var(--color-blue-950);--color-theme:var(--ui-neutral);--color-theme-50:var(--color-neutral-50);--color-theme-100:var(--color-neutral-100);--color-theme-200:var(--color-neutral-200);--color-theme-300:var(--color-neutral-300);--color-theme-400:var(--color-neutral-400);--color-theme-500:var(--color-neutral-500);--color-theme-600:var(--color-neutral-600);--color-theme-700:var(--color-neutral-700);--color-theme-800:var(--color-neutral-800);--color-theme-900:var(--color-neutral-900);--color-theme-950:var(--color-neutral-950)}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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;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{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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\\@container{container-type:inline-size}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-inset-1{inset:calc(var(--spacing)*-1)}.top-1\\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.z-9999,.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3\\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-\\[1em\\]{width:1em;height:1em}.h-5{height:calc(var(--spacing)*5)}.h-40{height:calc(var(--spacing)*40)}.h-\\[8px\\]{height:8px}.h-full{height:100%}.max-h-\\[80\\%\\]{max-height:80%}.max-h-\\[1200px\\]{max-height:1200px}.min-h-\\[20vh\\]{min-height:20vh}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-40{width:calc(var(--spacing)*40)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.min-w-\\[1\\.65em\\]{min-width:1.65em}.flex-grow{flex-grow:1}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-row-resize{cursor:row-resize}.touch-none{touch-action:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-\\[auto_1fr\\]{grid-template-columns:auto 1fr}.grid-cols-\\[minmax\\(0\\,auto\\)_1fr\\]{grid-template-columns:minmax(0,auto) 1fr}.grid-rows-\\[auto_1fr\\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-start{justify-items:start}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-0\\.5{column-gap:calc(var(--spacing)*.5)}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-x-2{column-gap:calc(var(--spacing)*2)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\\(--ui-border\\)>:not(:last-child)){border-color:var(--ui-border)}:where(.divide-\\(--ui-border-accented\\)>:not(:last-child)){border-color:var(--ui-border-accented)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\\(--ui-border\\){border-color:var(--ui-border)}.border-theme{border-color:var(--color-theme)}.border-transparent{border-color:#0000}.bg-\\(--ui-bg-accented\\){background-color:var(--ui-bg-accented)}.bg-\\(--ui-bg-muted\\){background-color:var(--ui-bg-muted)}.bg-\\(--ui-border\\){background-color:var(--ui-border)}.bg-\\(--ui-text\\)\\/5{background-color:var(--ui-text)}@supports (color:color-mix(in lab,red,red)){.bg-\\(--ui-text\\)\\/5{background-color:color-mix(in oklab,var(--ui-text)5%,transparent)}}.bg-error-200{background-color:var(--color-error-200)}.bg-error-500{background-color:var(--color-error-500)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-info-200{background-color:var(--color-info-200)}.bg-info-500{background-color:var(--color-info-500)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-500\\/20{background-color:#6a728233}@supports (color:color-mix(in lab,red,red)){.bg-neutral-500\\/20{background-color:color-mix(in oklab,var(--color-neutral-500)20%,transparent)}}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-success-200{background-color:var(--color-success-200)}.bg-success-500{background-color:var(--color-success-500)}.bg-theme-400{background-color:var(--color-theme-400)}.bg-theme\\/70{background-color:var(--color-theme)}@supports (color:color-mix(in lab,red,red)){.bg-theme\\/70{background-color:color-mix(in oklab,var(--color-theme)70%,transparent)}}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-500{background-color:var(--color-warning-500)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.px-0\\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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))}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.text-\\(--color-gray-900\\){color:var(--color-gray-900)}.text-\\(--ui-text\\)\\/50{color:var(--ui-text)}@supports (color:color-mix(in lab,red,red)){.text-\\(--ui-text\\)\\/50{color:color-mix(in oklab,var(--ui-text)50%,transparent)}}.text-\\(--ui-text-dimmed\\){color:var(--ui-text-dimmed)}.text-\\(--ui-text-muted\\){color:var(--ui-text-muted)}.text-error-100{color:var(--color-error-100)}.text-gray-100{color:var(--color-gray-100)}.text-info-100{color:var(--color-info-100)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500\\/50{color:#6a728280}@supports (color:color-mix(in lab,red,red)){.text-neutral-500\\/50{color:color-mix(in oklab,var(--color-neutral-500)50%,transparent)}}.text-purple-100{color:var(--color-purple-100)}.text-success-100{color:var(--color-success-100)}.text-warning-100{color:var(--color-warning-100)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,visibility,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))}.transition-\\[background-color\\]{transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:border-theme-300:hover{border-color:var(--color-theme-300)}.hover\\:bg-\\(--ui-bg-elevated\\):hover{background-color:var(--ui-bg-elevated)}.hover\\:bg-\\(--ui-border\\):hover{background-color:var(--ui-border)}.hover\\:bg-theme-400:hover{background-color:var(--color-theme-400)}.hover\\:bg-theme-600:hover{background-color:var(--color-theme-600)}}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-theme:focus{--tw-ring-color:var(--color-theme)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-theme:focus-visible{outline-color:var(--color-theme)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-\\(--color-gray-700\\):disabled{color:var(--color-gray-700)}@media (min-width:48rem){.md\\:flex{display:flex}.md\\:pt-0{padding-top:calc(var(--spacing)*0)}}@container not (min-width:750px){.\\@max-\\[750px\\]\\:hidden{display:none}}@container not (min-width:28rem){.\\@max-md\\:hidden{display:none}}@media (prefers-color-scheme:dark){:where(.dark\\:divide-\\(--ui-border\\)>:not(:last-child)){border-color:var(--ui-border)}.dark\\:bg-neutral-700{background-color:var(--color-neutral-700)}.dark\\:bg-neutral-800{background-color:var(--color-neutral-800)}.dark\\:bg-theme-400{background-color:var(--color-theme-400)}.dark\\:text-neutral-500{color:var(--color-neutral-500)}@media (hover:hover){.dark\\:hover\\:bg-theme-300:hover{background-color:var(--color-theme-300)}}}}:host{color-scheme:light dark;--ui-radius:var(--radius-sm);--ui-primary:light-dark(var(--color-secondary-500),var(--color-primary-400));--ui-secondary:light-dark(var(--color-secondary-500),var(--color-secondary-400));--ui-success:light-dark(var(--color-success-500),var(--color-success-400));--ui-info:light-dark(var(--color-info-500),var(--color-info-400));--ui-warning:light-dark(var(--color-warning-500),var(--color-warning-400));--ui-error:light-dark(var(--color-error-500),var(--color-error-400));--ui-neutral:light-dark(var(--color-neutral-500),var(--color-neutral-400));--ui-text-dimmed:light-dark(var(--color-gray-400),var(--color-gray-500));--ui-text-muted:light-dark(var(--color-gray-500),var(--color-gray-400));--ui-text-toned:light-dark(var(--color-gray-600),var(--color-gray-300));--ui-text:light-dark(var(--color-gray-900),var(--color-gray-50));--ui-text-inverted:light-dark(var(--color-gray-50),var(--color-gray-900));--ui-bg:light-dark(var(--color-white),var(--color-gray-900));--ui-bg-muted:light-dark(var(--color-gray-50),var(--color-gray-800));--ui-bg-elevated:light-dark(var(--color-gray-100),var(--color-gray-800));--ui-bg-accented:light-dark(var(--color-gray-200),var(--color-gray-700));--ui-bg-inverted:light-dark(var(--color-gray-900),var(--color-white));--ui-border:var(--ui-text);font-family:sans-serif}@supports (color:color-mix(in lab,red,red)){:host{--ui-border:color-mix(in hsl,var(--ui-text)20%,transparent)}}:host{--ui-border-muted:var(--ui-text-muted)}@supports (color:color-mix(in lab,red,red)){:host{--ui-border-muted:color-mix(in hsl,var(--ui-text-muted)10%,transparent)}}:host{--ui-border-accented:var(--ui-text)}@supports (color:color-mix(in lab,red,red)){:host{--ui-border-accented:color-mix(in hsl,var(--ui-text)35%,transparent)}}:host{--ui-border-inverted:var(--ui-text-inverted)}@supports (color:color-mix(in lab,red,red)){:host{--ui-border-inverted:color-mix(in hsl,var(--ui-text-inverted)50%,transparent)}}@media (prefers-color-scheme:dark){:host{--color-primary-50:var(--color-yellow-50);--color-primary-100:var(--color-yellow-100);--color-primary-200:var(--color-yellow-200);--color-primary-300:var(--color-yellow-300);--color-primary-400:var(--color-yellow-400);--color-primary-500:var(--color-yellow-500);--color-primary-600:var(--color-yellow-600);--color-primary-700:var(--color-yellow-700);--color-primary-800:var(--color-yellow-800);--color-primary-900:var(--color-yellow-900);--color-primary-950:var(--color-yellow-950);--color-secondary-50:var(--color-lime-50);--color-secondary-100:var(--color-lime-100);--color-secondary-200:var(--color-lime-200);--color-secondary-300:var(--color-lime-300);--color-secondary-400:var(--color-lime-400);--color-secondary-500:var(--color-lime-500);--color-secondary-600:var(--color-lime-600);--color-secondary-700:var(--color-lime-700);--color-secondary-800:var(--color-lime-800);--color-secondary-900:var(--color-lime-900);--color-secondary-950:var(--color-lime-950)}}:host:has(.dark){color-scheme:dark}:host:has(.light){color-scheme:light}#root{color:var(--ui-text);background-color:var(--ui-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class~=bg-theme]{color:var(--ui-text);--ui-text:var(--ui-text-inverted)}@media (hover:hover){[class*=bg-theme][class*="hover:"]:hover{color:var(--ui-text);--ui-text:var(--ui-text-inverted)}}.theme-primary{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-secondary);--color-theme-50:var(--color-secondary-50);--color-theme-100:var(--color-secondary-100);--color-theme-200:var(--color-secondary-200);--color-theme-300:var(--color-secondary-300);--color-theme-400:var(--color-secondary-400);--color-theme-500:var(--color-secondary-500);--color-theme-600:var(--color-secondary-600);--color-theme-700:var(--color-secondary-700);--color-theme-800:var(--color-secondary-800);--color-theme-900:var(--color-secondary-900);--color-theme-950:var(--color-secondary-950)}@media (prefers-color-scheme:dark){.theme-primary{--color-theme:var(--ui-primary);--color-theme-50:var(--color-primary-50);--color-theme-100:var(--color-primary-100);--color-theme-200:var(--color-primary-200);--color-theme-300:var(--color-primary-300);--color-theme-400:var(--color-primary-400);--color-theme-500:var(--color-primary-500);--color-theme-600:var(--color-primary-600);--color-theme-700:var(--color-primary-700);--color-theme-800:var(--color-primary-800);--color-theme-900:var(--color-primary-900);--color-theme-950:var(--color-primary-950)}}.theme-secondary{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-secondary);--color-theme-50:var(--color-secondary-50);--color-theme-100:var(--color-secondary-100);--color-theme-200:var(--color-secondary-200);--color-theme-300:var(--color-secondary-300);--color-theme-400:var(--color-secondary-400);--color-theme-500:var(--color-secondary-500);--color-theme-600:var(--color-secondary-600);--color-theme-700:var(--color-secondary-700);--color-theme-800:var(--color-secondary-800);--color-theme-900:var(--color-secondary-900);--color-theme-950:var(--color-secondary-950)}.theme-success{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-success);--color-theme-50:var(--color-success-50);--color-theme-100:var(--color-success-100);--color-theme-200:var(--color-success-200);--color-theme-300:var(--color-success-300);--color-theme-400:var(--color-success-400);--color-theme-500:var(--color-success-500);--color-theme-600:var(--color-success-600);--color-theme-700:var(--color-success-700);--color-theme-800:var(--color-success-800);--color-theme-900:var(--color-success-900);--color-theme-950:var(--color-success-950)}.theme-info{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-info);--color-theme-50:var(--color-info-50);--color-theme-100:var(--color-info-100);--color-theme-200:var(--color-info-200);--color-theme-300:var(--color-info-300);--color-theme-400:var(--color-info-400);--color-theme-500:var(--color-info-500);--color-theme-600:var(--color-info-600);--color-theme-700:var(--color-info-700);--color-theme-800:var(--color-info-800);--color-theme-900:var(--color-info-900);--color-theme-950:var(--color-info-950)}.theme-warning{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-warning);--color-theme-50:var(--color-warning-50);--color-theme-100:var(--color-warning-100);--color-theme-200:var(--color-warning-200);--color-theme-300:var(--color-warning-300);--color-theme-400:var(--color-warning-400);--color-theme-500:var(--color-warning-500);--color-theme-600:var(--color-warning-600);--color-theme-700:var(--color-warning-700);--color-theme-800:var(--color-warning-800);--color-theme-900:var(--color-warning-900);--color-theme-950:var(--color-warning-950)}.theme-error{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-error);--color-theme-50:var(--color-error-50);--color-theme-100:var(--color-error-100);--color-theme-200:var(--color-error-200);--color-theme-300:var(--color-error-300);--color-theme-400:var(--color-error-400);--color-theme-500:var(--color-error-500);--color-theme-600:var(--color-error-600);--color-theme-700:var(--color-error-700);--color-theme-800:var(--color-error-800);--color-theme-900:var(--color-error-900);--color-theme-950:var(--color-error-950)}.theme-neutral{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-neutral);--color-theme-50:var(--color-neutral-50);--color-theme-100:var(--color-neutral-100);--color-theme-200:var(--color-neutral-200);--color-theme-300:var(--color-neutral-300);--color-theme-400:var(--color-neutral-400);--color-theme-500:var(--color-neutral-500);--color-theme-600:var(--color-neutral-600);--color-theme-700:var(--color-neutral-700);--color-theme-800:var(--color-neutral-800);--color-theme-900:var(--color-neutral-900);--color-theme-950:var(--color-neutral-950)}.theme-purple{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--color-purple-400);--color-theme-50:var(--color-purple-50);--color-theme-100:var(--color-purple-100);--color-theme-200:var(--color-purple-200);--color-theme-300:var(--color-purple-300);--color-theme-400:var(--color-purple-400);--color-theme-500:var(--color-purple-500);--color-theme-600:var(--color-purple-600);--color-theme-700:var(--color-purple-700);--color-theme-800:var(--color-purple-800);--color-theme-900:var(--color-purple-900);--color-theme-950:var(--color-purple-950)}.variant-ghost.variant-ghost{--ui-text:var(--color-theme);color:var(--color-theme);background-color:#0000}.variant-ghost.variant-ghost:hover{color:var(--color-theme);background-color:var(--ui-bg)}@supports (color:color-mix(in lab,red,red)){.variant-ghost.variant-ghost:hover{background-color:color-mix(in hsl,var(--ui-bg)10%,transparent)}}@property --progress-value{syntax:"<number>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}', sd = (e, t) => {
+}), id = '/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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;--tw-duration:initial;--tw-outline-style:solid;--progress-value:0}}}.splitpanes{width:100%;height:100%;display:flex}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane{-webkit-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:auto}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none;-webkit-user-select:none;user-select:none}.splitpanes--vertical>.splitpanes__splitter{cursor:col-resize;min-width:1px}.splitpanes--horizontal>.splitpanes__splitter{cursor:row-resize;min-height:1px}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{box-sizing:border-box;background-color:#fff;flex-shrink:0;position:relative}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";background-color:#00000026;transition:background-color .3s;position:absolute;top:50%;left:50%}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{border-left:1px solid #eee;width:7px;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{width:1px;height:30px;transform:translateY(-50%)}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{border-top:1px solid #eee;height:7px;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{width:30px;height:1px;transform:translate(-50%)}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.splitpanes__splitter{--grab-size:-4px;background-color:var(--ui-text);transition:background-color .2s;position:relative}@supports (color:color-mix(in lab,red,red)){.splitpanes__splitter{background-color:color-mix(in lab,var(--ui-text)20%,var(--ui-bg))}}.splitpanes--vertical>.splitpanes__splitter:before{left:var(--grab-size);right:var(--grab-size);height:100%}.splitpanes--horizontal>.splitpanes__splitter:before{top:var(--grab-size);bottom:var(--grab-size);width:100%}.splitpanes__splitter:before{content:"";z-index:10000;transition:background-color .25s ease-out;position:absolute;top:0;right:0;bottom:0;left:0}.splitpanes__splitter:hover:before{background-color:var(--ui-text)}@supports (color:color-mix(in lab,red,red)){.splitpanes__splitter:hover:before{background-color:color-mix(in lab,var(--ui-text),transparent 75%)}}.splitpanes__splitter:hover:before{opacity:1}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,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;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-neutral-50:var(--color-gray-50);--color-neutral-100:var(--color-gray-100);--color-neutral-200:var(--color-gray-200);--color-neutral-300:var(--color-gray-300);--color-neutral-400:var(--color-gray-400);--color-neutral-500:var(--color-gray-500);--color-neutral-600:var(--color-gray-600);--color-neutral-700:var(--color-gray-700);--color-neutral-800:var(--color-gray-800);--color-neutral-900:var(--color-gray-900);--color-neutral-950:var(--color-gray-950);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-snug:1.375;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--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-50:var(--color-lime-50);--color-primary-100:var(--color-lime-100);--color-primary-200:var(--color-lime-200);--color-primary-300:var(--color-lime-300);--color-primary-400:var(--color-lime-400);--color-primary-500:var(--color-lime-500);--color-primary-600:var(--color-lime-600);--color-primary-700:var(--color-lime-700);--color-primary-800:var(--color-lime-800);--color-primary-900:var(--color-lime-900);--color-primary-950:var(--color-lime-950);--color-secondary-50:var(--color-yellow-50);--color-secondary-100:var(--color-yellow-100);--color-secondary-200:var(--color-yellow-200);--color-secondary-300:var(--color-yellow-300);--color-secondary-400:var(--color-yellow-400);--color-secondary-500:var(--color-yellow-500);--color-secondary-600:var(--color-yellow-600);--color-secondary-700:var(--color-yellow-700);--color-secondary-800:var(--color-yellow-800);--color-secondary-900:var(--color-yellow-900);--color-success-50:var(--color-green-50);--color-success-100:var(--color-green-100);--color-success-200:var(--color-green-200);--color-success-300:var(--color-green-300);--color-success-400:var(--color-green-400);--color-success-500:var(--color-green-500);--color-success-600:var(--color-green-600);--color-success-700:var(--color-green-700);--color-success-800:var(--color-green-800);--color-success-900:var(--color-green-900);--color-success-950:var(--color-green-950);--color-warning-50:var(--color-orange-50);--color-warning-100:var(--color-orange-100);--color-warning-200:var(--color-orange-200);--color-warning-300:var(--color-orange-300);--color-warning-400:var(--color-orange-400);--color-warning-500:var(--color-orange-500);--color-warning-600:var(--color-orange-600);--color-warning-700:var(--color-orange-700);--color-warning-800:var(--color-orange-800);--color-warning-900:var(--color-orange-900);--color-warning-950:var(--color-orange-950);--color-error-50:var(--color-red-50);--color-error-100:var(--color-red-100);--color-error-200:var(--color-red-200);--color-error-300:var(--color-red-300);--color-error-400:var(--color-red-400);--color-error-500:var(--color-red-500);--color-error-600:var(--color-red-600);--color-error-700:var(--color-red-700);--color-error-800:var(--color-red-800);--color-error-900:var(--color-red-900);--color-error-950:var(--color-red-950);--color-info-50:var(--color-blue-50);--color-info-100:var(--color-blue-100);--color-info-200:var(--color-blue-200);--color-info-300:var(--color-blue-300);--color-info-400:var(--color-blue-400);--color-info-500:var(--color-blue-500);--color-info-600:var(--color-blue-600);--color-info-700:var(--color-blue-700);--color-info-800:var(--color-blue-800);--color-info-900:var(--color-blue-900);--color-info-950:var(--color-blue-950);--color-theme:var(--ui-neutral);--color-theme-50:var(--color-neutral-50);--color-theme-100:var(--color-neutral-100);--color-theme-200:var(--color-neutral-200);--color-theme-300:var(--color-neutral-300);--color-theme-400:var(--color-neutral-400);--color-theme-500:var(--color-neutral-500);--color-theme-600:var(--color-neutral-600);--color-theme-700:var(--color-neutral-700);--color-theme-800:var(--color-neutral-800);--color-theme-900:var(--color-neutral-900);--color-theme-950:var(--color-neutral-950)}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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;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{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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\\@container{container-type:inline-size}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-inset-1{inset:calc(var(--spacing)*-1)}.top-1\\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.z-9999,.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3\\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-\\[1em\\]{width:1em;height:1em}.h-5{height:calc(var(--spacing)*5)}.h-40{height:calc(var(--spacing)*40)}.h-\\[8px\\]{height:8px}.h-full{height:100%}.max-h-\\[80\\%\\]{max-height:80%}.max-h-\\[1200px\\]{max-height:1200px}.min-h-\\[20vh\\]{min-height:20vh}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-40{width:calc(var(--spacing)*40)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.min-w-\\[1\\.65em\\]{min-width:1.65em}.flex-grow{flex-grow:1}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-row-resize{cursor:row-resize}.touch-none{touch-action:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-\\[auto_1fr\\]{grid-template-columns:auto 1fr}.grid-cols-\\[minmax\\(0\\,auto\\)_1fr\\]{grid-template-columns:minmax(0,auto) 1fr}.grid-rows-\\[auto_1fr\\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-start{justify-items:start}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-0\\.5{column-gap:calc(var(--spacing)*.5)}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-x-2{column-gap:calc(var(--spacing)*2)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\\(--ui-border\\)>:not(:last-child)){border-color:var(--ui-border)}:where(.divide-\\(--ui-border-accented\\)>:not(:last-child)){border-color:var(--ui-border-accented)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\\(--ui-border\\){border-color:var(--ui-border)}.border-theme{border-color:var(--color-theme)}.border-transparent{border-color:#0000}.bg-\\(--ui-bg-accented\\){background-color:var(--ui-bg-accented)}.bg-\\(--ui-bg-muted\\){background-color:var(--ui-bg-muted)}.bg-\\(--ui-border\\){background-color:var(--ui-border)}.bg-\\(--ui-text\\)\\/5{background-color:var(--ui-text)}@supports (color:color-mix(in lab,red,red)){.bg-\\(--ui-text\\)\\/5{background-color:color-mix(in oklab,var(--ui-text)5%,transparent)}}.bg-error-200{background-color:var(--color-error-200)}.bg-error-500{background-color:var(--color-error-500)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-info-200{background-color:var(--color-info-200)}.bg-info-500{background-color:var(--color-info-500)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-500\\/20{background-color:#6a728233}@supports (color:color-mix(in lab,red,red)){.bg-neutral-500\\/20{background-color:color-mix(in oklab,var(--color-neutral-500)20%,transparent)}}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-success-200{background-color:var(--color-success-200)}.bg-success-500{background-color:var(--color-success-500)}.bg-theme-400{background-color:var(--color-theme-400)}.bg-theme\\/70{background-color:var(--color-theme)}@supports (color:color-mix(in lab,red,red)){.bg-theme\\/70{background-color:color-mix(in oklab,var(--color-theme)70%,transparent)}}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-500{background-color:var(--color-warning-500)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.px-0\\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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))}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.text-\\(--color-gray-900\\){color:var(--color-gray-900)}.text-\\(--ui-text\\)\\/50{color:var(--ui-text)}@supports (color:color-mix(in lab,red,red)){.text-\\(--ui-text\\)\\/50{color:color-mix(in oklab,var(--ui-text)50%,transparent)}}.text-\\(--ui-text-dimmed\\){color:var(--ui-text-dimmed)}.text-\\(--ui-text-muted\\){color:var(--ui-text-muted)}.text-error-100{color:var(--color-error-100)}.text-gray-100{color:var(--color-gray-100)}.text-info-100{color:var(--color-info-100)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500\\/50{color:#6a728280}@supports (color:color-mix(in lab,red,red)){.text-neutral-500\\/50{color:color-mix(in oklab,var(--color-neutral-500)50%,transparent)}}.text-purple-100{color:var(--color-purple-100)}.text-success-100{color:var(--color-success-100)}.text-warning-100{color:var(--color-warning-100)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,visibility,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))}.transition-\\[background-color\\]{transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:border-theme-300:hover{border-color:var(--color-theme-300)}.hover\\:bg-\\(--ui-bg-elevated\\):hover{background-color:var(--ui-bg-elevated)}.hover\\:bg-\\(--ui-border\\):hover{background-color:var(--ui-border)}.hover\\:bg-theme-400:hover{background-color:var(--color-theme-400)}.hover\\:bg-theme-600:hover{background-color:var(--color-theme-600)}}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-theme:focus{--tw-ring-color:var(--color-theme)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-theme:focus-visible{outline-color:var(--color-theme)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-\\(--color-gray-700\\):disabled{color:var(--color-gray-700)}@media (min-width:48rem){.md\\:flex{display:flex}.md\\:pt-0{padding-top:calc(var(--spacing)*0)}}@container not (min-width:750px){.\\@max-\\[750px\\]\\:hidden{display:none}}@container not (min-width:28rem){.\\@max-md\\:hidden{display:none}}@media (prefers-color-scheme:dark){:where(.dark\\:divide-\\(--ui-border\\)>:not(:last-child)){border-color:var(--ui-border)}.dark\\:bg-neutral-700{background-color:var(--color-neutral-700)}.dark\\:bg-neutral-800{background-color:var(--color-neutral-800)}.dark\\:bg-theme-400{background-color:var(--color-theme-400)}.dark\\:text-neutral-500{color:var(--color-neutral-500)}@media (hover:hover){.dark\\:hover\\:bg-theme-300:hover{background-color:var(--color-theme-300)}}}}:host{color-scheme:light dark;--ui-radius:var(--radius-sm);--ui-primary:light-dark(var(--color-secondary-500),var(--color-primary-400));--ui-secondary:light-dark(var(--color-secondary-500),var(--color-secondary-400));--ui-success:light-dark(var(--color-success-500),var(--color-success-400));--ui-info:light-dark(var(--color-info-500),var(--color-info-400));--ui-warning:light-dark(var(--color-warning-500),var(--color-warning-400));--ui-error:light-dark(var(--color-error-500),var(--color-error-400));--ui-neutral:light-dark(var(--color-neutral-500),var(--color-neutral-400));--ui-text-dimmed:light-dark(var(--color-gray-400),var(--color-gray-500));--ui-text-muted:light-dark(var(--color-gray-500),var(--color-gray-400));--ui-text-toned:light-dark(var(--color-gray-600),var(--color-gray-300));--ui-text:light-dark(var(--color-gray-900),var(--color-gray-50));--ui-text-inverted:light-dark(var(--color-gray-50),var(--color-gray-900));--ui-bg:light-dark(var(--color-white),var(--color-gray-900));--ui-bg-muted:light-dark(var(--color-gray-50),var(--color-gray-800));--ui-bg-elevated:light-dark(var(--color-gray-100),var(--color-gray-800));--ui-bg-accented:light-dark(var(--color-gray-200),var(--color-gray-700));--ui-bg-inverted:light-dark(var(--color-gray-900),var(--color-white));--ui-border:var(--ui-text);font-family:sans-serif}@supports (color:color-mix(in lab,red,red)){:host{--ui-border:color-mix(in hsl,var(--ui-text)20%,transparent)}}:host{--ui-border-muted:var(--ui-text-muted)}@supports (color:color-mix(in lab,red,red)){:host{--ui-border-muted:color-mix(in hsl,var(--ui-text-muted)10%,transparent)}}:host{--ui-border-accented:var(--ui-text)}@supports (color:color-mix(in lab,red,red)){:host{--ui-border-accented:color-mix(in hsl,var(--ui-text)35%,transparent)}}:host{--ui-border-inverted:var(--ui-text-inverted)}@supports (color:color-mix(in lab,red,red)){:host{--ui-border-inverted:color-mix(in hsl,var(--ui-text-inverted)50%,transparent)}}@media (prefers-color-scheme:dark){:host{--color-primary-50:var(--color-yellow-50);--color-primary-100:var(--color-yellow-100);--color-primary-200:var(--color-yellow-200);--color-primary-300:var(--color-yellow-300);--color-primary-400:var(--color-yellow-400);--color-primary-500:var(--color-yellow-500);--color-primary-600:var(--color-yellow-600);--color-primary-700:var(--color-yellow-700);--color-primary-800:var(--color-yellow-800);--color-primary-900:var(--color-yellow-900);--color-primary-950:var(--color-yellow-950);--color-secondary-50:var(--color-lime-50);--color-secondary-100:var(--color-lime-100);--color-secondary-200:var(--color-lime-200);--color-secondary-300:var(--color-lime-300);--color-secondary-400:var(--color-lime-400);--color-secondary-500:var(--color-lime-500);--color-secondary-600:var(--color-lime-600);--color-secondary-700:var(--color-lime-700);--color-secondary-800:var(--color-lime-800);--color-secondary-900:var(--color-lime-900);--color-secondary-950:var(--color-lime-950)}}:host:has(.dark){color-scheme:dark}:host:has(.light){color-scheme:light}#root{color:var(--ui-text);background-color:var(--ui-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class~=bg-theme]{color:var(--ui-text);--ui-text:var(--ui-text-inverted)}@media (hover:hover){[class*=bg-theme][class*="hover:"]:hover{color:var(--ui-text);--ui-text:var(--ui-text-inverted)}}.theme-primary{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-secondary);--color-theme-50:var(--color-secondary-50);--color-theme-100:var(--color-secondary-100);--color-theme-200:var(--color-secondary-200);--color-theme-300:var(--color-secondary-300);--color-theme-400:var(--color-secondary-400);--color-theme-500:var(--color-secondary-500);--color-theme-600:var(--color-secondary-600);--color-theme-700:var(--color-secondary-700);--color-theme-800:var(--color-secondary-800);--color-theme-900:var(--color-secondary-900);--color-theme-950:var(--color-secondary-950)}@media (prefers-color-scheme:dark){.theme-primary{--color-theme:var(--ui-primary);--color-theme-50:var(--color-primary-50);--color-theme-100:var(--color-primary-100);--color-theme-200:var(--color-primary-200);--color-theme-300:var(--color-primary-300);--color-theme-400:var(--color-primary-400);--color-theme-500:var(--color-primary-500);--color-theme-600:var(--color-primary-600);--color-theme-700:var(--color-primary-700);--color-theme-800:var(--color-primary-800);--color-theme-900:var(--color-primary-900);--color-theme-950:var(--color-primary-950)}}.theme-secondary{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-secondary);--color-theme-50:var(--color-secondary-50);--color-theme-100:var(--color-secondary-100);--color-theme-200:var(--color-secondary-200);--color-theme-300:var(--color-secondary-300);--color-theme-400:var(--color-secondary-400);--color-theme-500:var(--color-secondary-500);--color-theme-600:var(--color-secondary-600);--color-theme-700:var(--color-secondary-700);--color-theme-800:var(--color-secondary-800);--color-theme-900:var(--color-secondary-900);--color-theme-950:var(--color-secondary-950)}.theme-success{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-success);--color-theme-50:var(--color-success-50);--color-theme-100:var(--color-success-100);--color-theme-200:var(--color-success-200);--color-theme-300:var(--color-success-300);--color-theme-400:var(--color-success-400);--color-theme-500:var(--color-success-500);--color-theme-600:var(--color-success-600);--color-theme-700:var(--color-success-700);--color-theme-800:var(--color-success-800);--color-theme-900:var(--color-success-900);--color-theme-950:var(--color-success-950)}.theme-info{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-info);--color-theme-50:var(--color-info-50);--color-theme-100:var(--color-info-100);--color-theme-200:var(--color-info-200);--color-theme-300:var(--color-info-300);--color-theme-400:var(--color-info-400);--color-theme-500:var(--color-info-500);--color-theme-600:var(--color-info-600);--color-theme-700:var(--color-info-700);--color-theme-800:var(--color-info-800);--color-theme-900:var(--color-info-900);--color-theme-950:var(--color-info-950)}.theme-warning{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-warning);--color-theme-50:var(--color-warning-50);--color-theme-100:var(--color-warning-100);--color-theme-200:var(--color-warning-200);--color-theme-300:var(--color-warning-300);--color-theme-400:var(--color-warning-400);--color-theme-500:var(--color-warning-500);--color-theme-600:var(--color-warning-600);--color-theme-700:var(--color-warning-700);--color-theme-800:var(--color-warning-800);--color-theme-900:var(--color-warning-900);--color-theme-950:var(--color-warning-950)}.theme-error{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-error);--color-theme-50:var(--color-error-50);--color-theme-100:var(--color-error-100);--color-theme-200:var(--color-error-200);--color-theme-300:var(--color-error-300);--color-theme-400:var(--color-error-400);--color-theme-500:var(--color-error-500);--color-theme-600:var(--color-error-600);--color-theme-700:var(--color-error-700);--color-theme-800:var(--color-error-800);--color-theme-900:var(--color-error-900);--color-theme-950:var(--color-error-950)}.theme-neutral{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--ui-neutral);--color-theme-50:var(--color-neutral-50);--color-theme-100:var(--color-neutral-100);--color-theme-200:var(--color-neutral-200);--color-theme-300:var(--color-neutral-300);--color-theme-400:var(--color-neutral-400);--color-theme-500:var(--color-neutral-500);--color-theme-600:var(--color-neutral-600);--color-theme-700:var(--color-neutral-700);--color-theme-800:var(--color-neutral-800);--color-theme-900:var(--color-neutral-900);--color-theme-950:var(--color-neutral-950)}.theme-purple{--ui-text:var(--ui-text-inverted);--ui-bg:var(--color-theme);--color-theme:var(--color-purple-400);--color-theme-50:var(--color-purple-50);--color-theme-100:var(--color-purple-100);--color-theme-200:var(--color-purple-200);--color-theme-300:var(--color-purple-300);--color-theme-400:var(--color-purple-400);--color-theme-500:var(--color-purple-500);--color-theme-600:var(--color-purple-600);--color-theme-700:var(--color-purple-700);--color-theme-800:var(--color-purple-800);--color-theme-900:var(--color-purple-900);--color-theme-950:var(--color-purple-950)}.variant-ghost.variant-ghost{--ui-text:var(--color-theme);color:var(--color-theme);background-color:#0000}.variant-ghost.variant-ghost:hover{color:var(--color-theme);background-color:var(--ui-bg)}@supports (color:color-mix(in lab,red,red)){.variant-ghost.variant-ghost:hover{background-color:color-mix(in hsl,var(--ui-bg)10%,transparent)}}@property --progress-value{syntax:"<number>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}', sd = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [r, n] of t)
     o[r] = n;
@@ -8029,30 +8029,30 @@ const Ap = [
   {
     path: "/",
     name: "/",
-    component: () => import("./index-DqhXFdqH.js")
+    component: () => import("./index-DLAeHded.js")
     /* no children */
   },
   {
     path: "/mutations",
     name: "/mutations",
-    component: () => import("./mutations-BHQcJCEG.js")
+    component: () => import("./mutations-45GG_V3a.js")
     /* no children */
   },
   {
     path: "/queries",
     name: "/queries",
-    component: () => import("./queries-B13dqsR8.js"),
+    component: () => import("./queries-DvBTnRTp.js"),
     children: [
       {
         path: "",
         name: "/queries/",
-        component: () => import("./index-LhFYBC4E.js")
+        component: () => import("./index-D2ld1JQh.js")
         /* no children */
       },
       {
         path: ":queryId",
         name: "/queries/[queryId]",
-        component: () => import("./_queryId_-C_7uiscL.js")
+        component: () => import("./_queryId_-DAN49PlJ.js")
         /* no children */
       }
     ]
@@ -8060,7 +8060,7 @@ const Ap = [
   {
     path: "/settings",
     name: "/settings",
-    component: () => import("./settings-CKqwx8r9.js")
+    component: () => import("./settings-Dmfe8j1F.js")
     /* no children */
   }
 ];
@@ -8133,4 +8133,4 @@ export {
   _t as y,
   Ke as z
 };
-//# sourceMappingURL=index-CC3C7HKx.js.map
+//# sourceMappingURL=index-bwZG0BLQ.js.map