mumei-dashboard 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +87 -0
- package/bin/mumei-dashboard.mjs +35 -0
- package/dist/assets/index-Di4cDSr-.css +1 -0
- package/dist/assets/index-GPSOlpmP.js +49 -0
- package/dist/favicon.svg +5 -0
- package/dist/index.html +16 -0
- package/dist/mumei-mascot.png +0 -0
- package/dist/server/index.js +2040 -0
- package/dist/server/index.js.map +1 -0
- package/package.json +83 -0
package/README.md
ADDED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
# mumei-dashboard
|
|
2
|
+
|
|
3
|
+
Local realtime dashboard for [mumei](../README.md). Watches `.mumei/` in
|
|
4
|
+
your project and renders a browser UI showing feature phases, Wave
|
|
5
|
+
progress, review verdicts, token cost, and hook firing trends.
|
|
6
|
+
|
|
7
|
+
## Run from your project
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
# In any project that has used mumei:
|
|
11
|
+
npx mumei-dashboard
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
The dashboard binds to `http://127.0.0.1:3001` for the API and watches
|
|
15
|
+
`./.mumei/` relative to your current working directory. Open Vite's
|
|
16
|
+
preview at `http://localhost:5173` during development.
|
|
17
|
+
|
|
18
|
+
## Local development (mumei monorepo)
|
|
19
|
+
|
|
20
|
+
```bash
|
|
21
|
+
cd dashboard
|
|
22
|
+
npm install
|
|
23
|
+
npm run generate-types # build types from ../schemas/*.json
|
|
24
|
+
npm run dev # spawns Fastify (server) + Vite (frontend)
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
`npm run dev` runs both processes via `concurrently`. Vite proxies
|
|
28
|
+
`/api` and `/events` to the Fastify server.
|
|
29
|
+
|
|
30
|
+
## Scripts
|
|
31
|
+
|
|
32
|
+
| Script | Purpose |
|
|
33
|
+
| ------------------------ | ---------------------------------------------- |
|
|
34
|
+
| `npm run dev` | Server + Vite, both with watch mode |
|
|
35
|
+
| `npm run build` | Produce `dist/` for production |
|
|
36
|
+
| `npm run typecheck` | `tsc -b --noEmit` across app + server |
|
|
37
|
+
| `npm run generate-types` | Regenerate `src/types/*.ts` from `../schemas/` |
|
|
38
|
+
| `npm test` | Vitest |
|
|
39
|
+
| `npm run lint` | ESLint, max-warnings 0 |
|
|
40
|
+
|
|
41
|
+
## Architecture
|
|
42
|
+
|
|
43
|
+
```text
|
|
44
|
+
dashboard/
|
|
45
|
+
├── bin/
|
|
46
|
+
│ └── mumei-dashboard.mjs # `npx mumei-dashboard` entry
|
|
47
|
+
├── server/ # Fastify backend
|
|
48
|
+
│ ├── index.ts # routes + SSE + chokidar watcher
|
|
49
|
+
│ └── features.ts # /api/features summary builder
|
|
50
|
+
├── src/ # Vite + React 19 frontend
|
|
51
|
+
│ ├── App.tsx # placeholder layout (replace with Claude Design output)
|
|
52
|
+
│ ├── main.tsx # TanStack Query provider mount
|
|
53
|
+
│ ├── hooks/
|
|
54
|
+
│ │ └── useEventStream.ts # SSE subscription
|
|
55
|
+
│ ├── components/ # shadcn/ui components land here
|
|
56
|
+
│ ├── lib/utils.ts # cn() classname merger
|
|
57
|
+
│ ├── types/ # generated from ../schemas/
|
|
58
|
+
│ └── index.css # Tailwind v4 + shadcn theme tokens
|
|
59
|
+
├── components.json # shadcn/ui config (new-york, zinc base)
|
|
60
|
+
├── tsconfig*.json # project references (app + node)
|
|
61
|
+
├── vite.config.ts # Tailwind v4 plugin + dev proxy
|
|
62
|
+
└── package.json
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
## Tech stack (May 2026 verified)
|
|
66
|
+
|
|
67
|
+
- **Vite 5** + **React 19** + TypeScript
|
|
68
|
+
- **Tailwind CSS v4** via `@tailwindcss/vite` (no PostCSS config)
|
|
69
|
+
- **shadcn/ui** new-york style, zinc base, cssVariables
|
|
70
|
+
- **TanStack Query v5** for fetching
|
|
71
|
+
- **Fastify v5** + **chokidar v5** (ESM-only) for backend
|
|
72
|
+
- **SSE** (plain HTTP, no plugin) for one-way realtime
|
|
73
|
+
- **Recharts** for trend graphs
|
|
74
|
+
|
|
75
|
+
## Configuration
|
|
76
|
+
|
|
77
|
+
| Env var | Default | Effect |
|
|
78
|
+
| --------------------------- | ------- | ------------------- |
|
|
79
|
+
| `MUMEI_DASHBOARD_PORT` | `3001` | Fastify listen port |
|
|
80
|
+
| `MUMEI_DASHBOARD_LOG_LEVEL` | `info` | Pino log level |
|
|
81
|
+
|
|
82
|
+
## Distribution
|
|
83
|
+
|
|
84
|
+
The dashboard ships as an npm package distinct from the mumei plugin
|
|
85
|
+
tarball. The mumei plugin itself does not bundle the dashboard;
|
|
86
|
+
running `npx mumei-dashboard` is the supported entry point. See
|
|
87
|
+
`schemas/README.md` for the shared-schema contract.
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
// Entry point for `npx @mumei/dashboard`. Boots the Fastify server in
|
|
3
|
+
// the user's current working directory (which is read as the project
|
|
4
|
+
// root). The Vite dev server is a separate concern handled by
|
|
5
|
+
// `npm run dev` from the dashboard repo; the published bin always
|
|
6
|
+
// runs the prebuilt server bundle (`dist/server/index.js`).
|
|
7
|
+
import { existsSync } from 'node:fs'
|
|
8
|
+
import path from 'node:path'
|
|
9
|
+
import { fileURLToPath, pathToFileURL } from 'node:url'
|
|
10
|
+
|
|
11
|
+
const here = path.dirname(fileURLToPath(import.meta.url))
|
|
12
|
+
const builtEntry = path.resolve(here, '../dist/server/index.js')
|
|
13
|
+
const sourceEntry = path.resolve(here, '../server/index.ts')
|
|
14
|
+
|
|
15
|
+
let entry = builtEntry
|
|
16
|
+
if (!existsSync(builtEntry)) {
|
|
17
|
+
if (existsSync(sourceEntry)) {
|
|
18
|
+
// Local checkout fallback — let the developer run via tsx.
|
|
19
|
+
const { spawn } = await import('node:child_process')
|
|
20
|
+
const child = spawn(process.execPath, ['--import', 'tsx', sourceEntry], {
|
|
21
|
+
stdio: 'inherit',
|
|
22
|
+
env: process.env,
|
|
23
|
+
})
|
|
24
|
+
child.on('exit', (code) => process.exit(code ?? 0))
|
|
25
|
+
process.on('SIGINT', () => child.kill('SIGINT'))
|
|
26
|
+
process.on('SIGTERM', () => child.kill('SIGTERM'))
|
|
27
|
+
} else {
|
|
28
|
+
console.error(
|
|
29
|
+
'@mumei/dashboard: no built server found at dist/server/index.js. Run `npm run build:server`.',
|
|
30
|
+
)
|
|
31
|
+
process.exit(1)
|
|
32
|
+
}
|
|
33
|
+
} else {
|
|
34
|
+
await import(pathToFileURL(entry).href)
|
|
35
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.2.4 | 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-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-outline-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"Inter", "ui-sans-serif", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;--color-amber-400:#c2a16d;--color-amber-500:#a88347;--color-emerald-400:#8aa97f;--color-emerald-500:#6e8e64;--color-sky-400:#7ea3a0;--color-sky-500:#5e8a85;--color-violet-300:#c5acbe;--color-violet-400:#a98aa3;--color-violet-500:#876680;--color-rose-400:#c88775;--color-rose-500:#b86a55;--color-zinc-100:#2c281f;--color-zinc-200:#3a352a;--color-zinc-300:#4a4234;--color-zinc-400:#6e6655;--color-zinc-500:#8e8470;--color-zinc-600:#aea58e;--color-zinc-700:#cec1a3;--color-zinc-800:#e3dac1;--color-zinc-900:#fbf6ea;--color-zinc-950:#f3ecdc;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-2xl:1rem;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) 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)}}@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}::-webkit-calendar-picker-indicator{line-height:1}:-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{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.bottom-1{bottom:calc(var(--spacing) * 1)}.left-\[-15px\]{left:-15px}.left-\[5px\]{left:5px}.z-10{z-index:10}.z-30{z-index:30}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-7{margin-left:calc(var(--spacing) * 7)}.ml-\[5\.25rem\]{margin-left:5.25rem}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-12{height:calc(var(--spacing) * 12)}.h-64{height:calc(var(--spacing) * 64)}.h-\[24px\]{height:24px}.h-\[26px\]{height:26px}.h-\[34px\]{height:34px}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[80px\]{height:80px}.h-dvh{height:100dvh}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[640px\]{min-height:640px}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-32{width:calc(var(--spacing) * 32)}.w-full{width:100%}.w-px{width:1px}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[280px\]{min-width:280px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.animate-ping{animation:var(--animate-ping)}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * 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-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-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-zinc-800\/80>:not(:last-child)){border-color:#e3dac1cc}@supports (color:color-mix(in lab,red,red)){:where(.divide-zinc-800\/80>:not(:last-child)){border-color:color-mix(in oklab,var(--color-zinc-800) 80%,transparent)}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-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-transparent{border-color:#0000}.border-violet-500{border-color:var(--color-violet-500)}.border-violet-500\/60{border-color:#87668099}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/60{border-color:color-mix(in oklab,var(--color-violet-500) 60%,transparent)}}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.border-zinc-800\/60{border-color:#e3dac199}@supports (color:color-mix(in lab,red,red)){.border-zinc-800\/60{border-color:color-mix(in oklab,var(--color-zinc-800) 60%,transparent)}}.border-zinc-800\/80{border-color:#e3dac1cc}@supports (color:color-mix(in lab,red,red)){.border-zinc-800\/80{border-color:color-mix(in oklab,var(--color-zinc-800) 80%,transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#a883471a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#6e8e641a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-500\/10{background-color:#b86a551a}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/10{background-color:color-mix(in oklab,var(--color-rose-500) 10%,transparent)}}.bg-sky-400{background-color:var(--color-sky-400)}.bg-sky-500\/10{background-color:#5e8a851a}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/10{background-color:color-mix(in oklab,var(--color-sky-500) 10%,transparent)}}.bg-violet-400{background-color:var(--color-violet-400)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-violet-500\/10{background-color:#8766801a}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/10{background-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent)}}.bg-violet-500\/80{background-color:#876680cc}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/80{background-color:color-mix(in oklab,var(--color-violet-500) 80%,transparent)}}.bg-zinc-600{background-color:var(--color-zinc-600)}.bg-zinc-700\/40{background-color:#cec1a366}@supports (color:color-mix(in lab,red,red)){.bg-zinc-700\/40{background-color:color-mix(in oklab,var(--color-zinc-700) 40%,transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\/60{background-color:#e3dac199}@supports (color:color-mix(in lab,red,red)){.bg-zinc-800\/60{background-color:color-mix(in oklab,var(--color-zinc-800) 60%,transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\/40{background-color:#fbf6ea66}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/40{background-color:color-mix(in oklab,var(--color-zinc-900) 40%,transparent)}}.bg-zinc-900\/60{background-color:#fbf6ea99}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/60{background-color:color-mix(in oklab,var(--color-zinc-900) 60%,transparent)}}.bg-zinc-900\/70{background-color:#fbf6eab3}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/70{background-color:color-mix(in oklab,var(--color-zinc-900) 70%,transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\/40{background-color:#f3ecdc66}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\/40{background-color:color-mix(in oklab,var(--color-zinc-950) 40%,transparent)}}.bg-zinc-950\/95{background-color:#f3ecdcf2}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\/95{background-color:color-mix(in oklab,var(--color-zinc-950) 95%,transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.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-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[26px\]{font-size:26px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-400{color:var(--color-amber-400)}.text-emerald-400{color:var(--color-emerald-400)}.text-rose-400{color:var(--color-rose-400)}.text-sky-400{color:var(--color-sky-400)}.text-transparent{color:#0000}.text-violet-400{color:var(--color-violet-400)}.text-white{color:var(--color-white)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.ring,.ring-1{--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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.ring-amber-500\/20{--tw-ring-color:#a8834733}@supports (color:color-mix(in lab,red,red)){.ring-amber-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.ring-emerald-500\/20{--tw-ring-color:#6e8e6433}@supports (color:color-mix(in lab,red,red)){.ring-emerald-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.ring-rose-500\/20{--tw-ring-color:#b86a5533}@supports (color:color-mix(in lab,red,red)){.ring-rose-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.ring-sky-500\/20{--tw-ring-color:#5e8a8533}@supports (color:color-mix(in lab,red,red)){.ring-sky-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-sky-500) 20%, transparent)}}.ring-violet-500\/20{--tw-ring-color:#87668033}@supports (color:color-mix(in lab,red,red)){.ring-violet-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-violet-500) 20%, transparent)}}.ring-zinc-700{--tw-ring-color:var(--color-zinc-700)}.ring-zinc-950{--tw-ring-color:var(--color-zinc-950)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;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))}.placeholder\:text-zinc-600::placeholder{color:var(--color-zinc-600)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\:bg-zinc-900:hover{background-color:var(--color-zinc-900)}.hover\:bg-zinc-900\/40:hover{background-color:#fbf6ea66}@supports (color:color-mix(in lab,red,red)){.hover\:bg-zinc-900\/40:hover{background-color:color-mix(in oklab,var(--color-zinc-900) 40%,transparent)}}.hover\:text-violet-300:hover{color:var(--color-violet-300)}.hover\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\:text-zinc-300:hover{color:var(--color-zinc-300)}}.focus\:border-zinc-600:focus{border-color:var(--color-zinc-600)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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-visible\:ring-violet-500\/60:focus-visible{--tw-ring-color:#87668099}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-violet-500\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-violet-500) 60%, transparent)}}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:inline-block{display:inline-block}.sm\:w-1\/2{width:50%}.sm\:w-44{width:calc(var(--spacing) * 44)}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media (min-width:48rem){.md\:inline-block{display:inline-block}}@media (min-width:64rem){.lg\:static{position:static}.lg\:inset-auto{inset:auto}.lg\:z-auto{z-index:auto}.lg\:block{display:block}.lg\:h-\[320px\]{height:320px}.lg\:w-\[480px\]{width:480px}.lg\:w-auto{width:auto}.lg\:min-w-0{min-width:calc(var(--spacing) * 0)}.lg\:flex-1{flex:1}.lg\:snap-none{scroll-snap-type:none}.lg\:gap-4{gap:calc(var(--spacing) * 4)}}@media (min-width:80rem){.xl\:inline-flex{display:inline-flex}.xl\:w-\[600px\]{width:600px}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:96rem){.\32xl\:inline-flex{display:inline-flex}.\32xl\:w-\[720px\]{width:720px}}}:root{--mumei-page:#f3ecdc;--mumei-surface:#fbf6ea;--mumei-border:#e3dac1;--mumei-border-strong:#cec1a3;--mumei-mauve:#876680;--mumei-mauve-soft:#b59ab0;--mumei-sage:#6e8e64;--mumei-ochre:#a88347;--mumei-terracotta:#b86a55;--mumei-teal:#5e8a85;--mumei-text:#2c281f;--mumei-text-muted:#8e8470}html,body{background:var(--mumei-page);color:var(--mumei-text);font-family:Inter,system-ui,sans-serif}body{margin:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mumei-shimmer{pointer-events:none;border-radius:1rem;padding:1.5px;overflow:hidden;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mumei-shimmer:before{content:"";background:conic-gradient(#87668000,#87668000 220deg,#87668040 250deg,#876680f2 295deg,#87668059,#87668000 355deg);animation:2.4s linear infinite mumei-spin;position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%}.mumei-shimmer:after{content:"";border-radius:1rem;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #8766802e}@keyframes mumei-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mumei-shimmer:before{animation:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d8cdb1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c2b69a}.paper-bg [class*=bg-zinc-900]{box-shadow:0 1px #4a423406,0 4px 14px -6px #4a423414,0 22px 44px -28px #4a42341f;border-color:#cec1a38c!important}.paper-bg .border-zinc-800,.paper-bg [class*="border-zinc-800/"]{border-color:#cec1a38c!important}.paper-bg button[class*=bg-zinc-900]:hover,.paper-bg a[class*=bg-zinc-900]:hover{transform:translateY(-1px);box-shadow:0 1px #4a423409,0 6px 20px -6px #4a42341f,0 26px 50px -28px #4a423429}.paper-bg button[class*=bg-zinc-900],.paper-bg a[class*=bg-zinc-900]{transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s}@media (prefers-reduced-motion:reduce){.paper-bg button[class*=bg-zinc-900]:hover,.paper-bg a[class*=bg-zinc-900]:hover{transform:none}}.paper-bg .border-r,.paper-bg .border-l,.paper-bg .border-t,.paper-bg .border-b{border-color:#cec1a373}.paper-bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='460' height='460'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='1' seed='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.18 0 0 0 0 0.15 0 0 0 0 0.10 0 0 0 0.07 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='1' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.18 0 0 0 0 0.15 0 0 0 0 0.10 0 0 0 0.04 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-repeat:repeat,repeat;background-size:460px 460px,180px 180px}:focus-visible{outline:none}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-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-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}
|