From 871957ecbb2e29e7d9562a044a966ca61627c098 Mon Sep 17 00:00:00 2001
From: Navid Shad <navidshad72@gmail.com>
Date: Thu, 27 Aug 2026 18:35:32 +0300
Subject: [PATCH] feat(ui): add subturtle-ui design system, new app shell and
 progress screen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaces pilotui's chrome with an in-house component library built on Subturtle's
real brand (rose #f91e5a, jade, Nunito, warm paper) rather than the VRISTO admin
template's leftover blue. First milestone: the library, the app shell, and the
Progress screen (/statistic). The remaining eight designed screens follow one per
PR; pilotui stays installed until the last usage is gone.

New ui/ package (subturtle-ui), a sibling of frontend/ and server/:
- Vite lib mode, single ESM+CJS entry, real .d.ts, one prebuilt dist/style.css,
  vue as the only peer dependency.
- Tailwind is compiled away at build time, with prefix 'st-' and preflight off.
  The library's CSS loads beside each consumer's own Tailwind build, so an
  unprefixed .rounded-lg or .bg-primary would collide and load order would decide
  styling app-wide. This also frees the library's config from having to agree with
  any consumer's, which is what lets subturtle-extension-apps adopt it unchanged.
- Design tokens keep the names used in the design source, but store colors as RGB
  channels so opacity modifiers work and a dark theme is a pure-CSS override.
  :root.dark is scaffolded and empty; the theme switcher stays, so dark currently
  leaves these components in their light palette.
- Icons are inlined from @iconify/json at build time: the design calls icons by
  runtime name, which Tailwind selectors cannot pre-generate, and the iconify-icon
  web component fetches from a CDN, which content scripts cannot rely on.
- Components: StAppShell, StSidebarNav, StButton, StIconButton, StCard, StBadge,
  StAvatar, StEmptyState, StSkeleton, StIcon, StStatTile, StBundleCard. Nav hover
  states, focus-visible rings and the collapsible rail are added rather than
  ported; the design's React sources are styled with inline style objects and
  cannot express them.

Frontend:
- StAppShell becomes the default layout. pilotui's <App> stays as the theming
  provider every un-migrated screen still reads from.
- /statistic rebuilt with populated, empty, locked and loading states. The
  week-over-week delta and streak are derived client-side from a 14-day series;
  the RPC drops interior zero-days, so the series is re-expanded against real
  dates before use. Tiles read "—" rather than 0 when the tier lock hides the
  underlying numbers.
- subturtle-ui/tailwind-tokens is spread into the app's Tailwind config so page
  markup can use the same tokens (bg-st-card, text-st-strong, rounded-st-lg).

Known gap: the streak counts days a phrase was saved, not days reviewed. It is the
closest signal available client-side; a real streak belongs on the server.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 frontend/components/bundle/GenerativeCard.vue |  118 +-
 frontend/components/common/StPageHeader.vue   |   30 +
 .../material/WordGenerativeCover.vue          |   32 +-
 .../components/widget/WeekActivityChart.vue   |   41 +
 .../composables/useDashboardNavigatorItems.ts |  128 +-
 frontend/composables/useProgressSummary.ts    |  118 ++
 frontend/layouts/default.vue                  |  159 +-
 frontend/locales/en.json                      |   60 +-
 frontend/nuxt.config.ts                       |   17 +-
 frontend/package.json                         |    1 +
 frontend/pages/statistic.vue                  |  294 +++-
 frontend/tailwind.config.cjs                  |   13 +-
 frontend/utils/language.ts                    |   34 +
 frontend/yarn.lock                            |    4 +
 ui/.gitignore                                 |    3 +
 ui/README.md                                  |  137 ++
 ui/package.json                               |   49 +
 ui/postcss.config.cjs                         |    6 +
 ui/scripts/build-icons.mjs                    |  108 ++
 ui/src/brand/StBundleCard.vue                 |  101 ++
 ui/src/brand/StStatTile.vue                   |   61 +
 ui/src/elements/StAvatar.vue                  |   46 +
 ui/src/elements/StBadge.vue                   |   46 +
 ui/src/elements/StButton.vue                  |   83 +
 ui/src/elements/StCard.vue                    |   32 +
 ui/src/elements/StEmptyState.vue              |   57 +
 ui/src/elements/StIconButton.vue              |   69 +
 ui/src/elements/StSkeleton.vue                |   30 +
 ui/src/env.d.ts                               |    7 +
 ui/src/icon/StIcon.vue                        |   36 +
 ui/src/icon/icons.generated.ts                |   34 +
 ui/src/index.ts                               |   31 +
 ui/src/shell/StAppShell.vue                   |  107 ++
 ui/src/shell/StSidebarNav.vue                 |  110 ++
 ui/src/styles/index.css                       |   57 +
 ui/src/styles/tokens.css                      |  196 +++
 ui/src/types/index.ts                         |   20 +
 ui/tailwind-tokens.cjs                        |  103 ++
 ui/tailwind.config.cjs                        |  158 ++
 ui/tsconfig.build.json                        |    5 +
 ui/tsconfig.json                              |   20 +
 ui/vite.config.ts                             |   31 +
 ui/yarn.lock                                  | 1549 +++++++++++++++++
 43 files changed, 4069 insertions(+), 272 deletions(-)
 create mode 100644 frontend/components/common/StPageHeader.vue
 create mode 100644 frontend/components/widget/WeekActivityChart.vue
 create mode 100644 frontend/composables/useProgressSummary.ts
 create mode 100644 frontend/utils/language.ts
 create mode 100644 ui/.gitignore
 create mode 100644 ui/README.md
 create mode 100644 ui/package.json
 create mode 100644 ui/postcss.config.cjs
 create mode 100644 ui/scripts/build-icons.mjs
 create mode 100644 ui/src/brand/StBundleCard.vue
 create mode 100644 ui/src/brand/StStatTile.vue
 create mode 100644 ui/src/elements/StAvatar.vue
 create mode 100644 ui/src/elements/StBadge.vue
 create mode 100644 ui/src/elements/StButton.vue
 create mode 100644 ui/src/elements/StCard.vue
 create mode 100644 ui/src/elements/StEmptyState.vue
 create mode 100644 ui/src/elements/StIconButton.vue
 create mode 100644 ui/src/elements/StSkeleton.vue
 create mode 100644 ui/src/env.d.ts
 create mode 100644 ui/src/icon/StIcon.vue
 create mode 100644 ui/src/icon/icons.generated.ts
 create mode 100644 ui/src/index.ts
 create mode 100644 ui/src/shell/StAppShell.vue
 create mode 100644 ui/src/shell/StSidebarNav.vue
 create mode 100644 ui/src/styles/index.css
 create mode 100644 ui/src/styles/tokens.css
 create mode 100644 ui/src/types/index.ts
 create mode 100644 ui/tailwind-tokens.cjs
 create mode 100644 ui/tailwind.config.cjs
 create mode 100644 ui/tsconfig.build.json
 create mode 100644 ui/tsconfig.json
 create mode 100644 ui/vite.config.ts
 create mode 100644 ui/yarn.lock

diff --git a/frontend/components/bundle/GenerativeCard.vue b/frontend/components/bundle/GenerativeCard.vue
index 35a324f8..682aace1 100644
--- a/frontend/components/bundle/GenerativeCard.vue
+++ b/frontend/components/bundle/GenerativeCard.vue
@@ -1,70 +1,74 @@
 <template>
-    <NuxtLink :to="`/bundles/${props.bundle._id}`">
-        <Card class="no-padding min-h-full rounded-md shadow-none hover:shadow-lg">
-            <section class="relative">
-                <IconButton class="absolute right-2 top-2 z-10 min-w-10 justify-center p-2" rounded="md">
-                    {{ bundle.phrases.length }}
-                </IconButton>
-                <MaterialWordGenerativeCover :words="phraseList" :classes="[' w-full']" @click="navigateToBundle" />
-            </section>
-            <section class="p-6">
-                <span class="mb-2 text-sm font-bold text-gray-800 dark:text-white">
-                    {{ props.bundle.title }}
-                </span>
-
-                <p class="text-sm text-gray-400">
-                    {{ props.bundle.desc }}
-                </p>
-            </section>
-        </Card>
+    <NuxtLink :to="`/bundles/${props.bundle._id}`" class="block">
+        <StBundleCard
+            :title="props.bundle.title"
+            :count="props.bundle.phrases.length"
+            :source-lang="langPair.source"
+            :target-lang="langPair.target"
+            :cover="cover"
+            :practicable="false"
+        >
+            <!-- The generated word cloud stands in for the design's flat gradient cover. -->
+            <template #cover>
+                <MaterialWordGenerativeCover :words="phraseList" :classes="['w-full', 'h-full']" />
+            </template>
+        </StBundleCard>
     </NuxtLink>
 </template>
+
 <script setup lang="ts">
-import { dataProvider } from '@modular-rest/client';
-import { COLLECTIONS, DATABASE, type PhraseBundleType, type PhraseType } from '~/types/database.type';
-import { Card, IconButton } from 'pilotui/elements';
+    import { dataProvider } from '@modular-rest/client';
+    import { COLLECTIONS, DATABASE, type PhraseBundleType, type PhraseType } from '~/types/database.type';
+    import { StBundleCard } from 'subturtle-ui';
+    import { toLanguageCode } from '~/utils/language';
 
-const props = defineProps<{
-    bundle: PhraseBundleType;
-}>();
+    const props = defineProps<{
+        bundle: PhraseBundleType;
+    }>();
 
-const phraseList = ref<string[]>([]);
+    const phraseList = ref<string[]>([]);
+    /** Bundles carry no language of their own, so it is read off the phrases inside them. */
+    const langPair = ref<{ source?: string; target?: string }>({});
 
-async function getWords() {
-    // get last 10 words
-    const phraseIds = props.bundle.phrases.slice(-10);
+    /** Cover tints rotate by bundle id so a grid of cards isn't all one color. */
+    const COVERS = ['rose', 'jade', 'sky', 'amber', 'ink'] as const;
+    const cover = computed(() => {
+        const seed = [...(props.bundle._id ?? '')].reduce((sum, ch) => sum + ch.charCodeAt(0), 0);
+        return COVERS[seed % COVERS.length];
+    });
 
-    if (phraseIds.length === 0) {
-        return;
-    }
+    async function getWords() {
+        // get last 10 words
+        const phraseIds = props.bundle.phrases.slice(-10);
 
-    const phrases = await dataProvider.findByIds<PhraseType>({
-        database: DATABASE.USER_CONTENT,
-        collection: COLLECTIONS.PHRASE,
-        ids: phraseIds,
-        accessQuery: {
-            refId: authUser.value?.id,
-        },
-    });
+        if (phraseIds.length === 0) {
+            return;
+        }
 
-    phraseList.value = phrases.map(({ phrase, translation }) => {
-        // choose between phrase and translation
-        return [phrase, translation][Math.floor(Math.random() * 2)];
-    });
-}
+        const phrases = await dataProvider.findByIds<PhraseType>({
+            database: DATABASE.USER_CONTENT,
+            collection: COLLECTIONS.PHRASE,
+            ids: phraseIds,
+            accessQuery: {
+                refId: authUser.value?.id,
+            },
+        });
 
-onMounted(async () => {
-    getWords();
-});
+        phraseList.value = phrases.map(({ phrase, translation }) => {
+            // choose between phrase and translation
+            return [phrase, translation][Math.floor(Math.random() * 2)];
+        });
 
-function navigateToBundle() {
-    // navigate to the bundle page
-    navigateTo(`/bundles/${props.bundle._id}`);
-}
-</script>
+        const withLanguages = phrases.find((p) => p.language_info?.source || p.translation_language);
+        if (withLanguages) {
+            langPair.value = {
+                source: toLanguageCode(withLanguages.language_info?.source),
+                target: toLanguageCode(withLanguages.language_info?.target ?? withLanguages.translation_language),
+            };
+        }
+    }
 
-<style lang="css" scoped>
-.no-padding {
-    padding: 0 !important;
-}
-</style>
+    onMounted(async () => {
+        getWords();
+    });
+</script>
diff --git a/frontend/components/common/StPageHeader.vue b/frontend/components/common/StPageHeader.vue
new file mode 100644
index 00000000..a184df12
--- /dev/null
+++ b/frontend/components/common/StPageHeader.vue
@@ -0,0 +1,30 @@
+<template>
+    <div class="flex flex-wrap items-end justify-between gap-6">
+        <div>
+            <div v-if="overline" class="st-overline mb-[10px]">{{ overline }}</div>
+            <h1 class="font-st-display text-st-2xl font-black leading-[1.05] tracking-st-tight text-st-strong">
+                {{ title }}
+            </h1>
+            <p v-if="subtitle" class="mt-2 max-w-[32rem] text-st-md font-semibold leading-normal text-st-muted [text-wrap:pretty]">
+                {{ subtitle }}
+            </p>
+        </div>
+
+        <div v-if="$slots.actions" class="flex items-center gap-3 pb-1">
+            <slot name="actions" />
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+    /**
+     * Page header in the redesigned language: rose eyebrow, black display title, muted lead.
+     * The older `PageHeader.vue` stays until the last pilotui-era screen is migrated.
+     * `.st-overline` is a helper class from subturtle-ui/style.css.
+     */
+    defineProps<{
+        title: string;
+        subtitle?: string;
+        overline?: string;
+    }>();
+</script>
diff --git a/frontend/components/material/WordGenerativeCover.vue b/frontend/components/material/WordGenerativeCover.vue
index 10318f5e..b044009b 100644
--- a/frontend/components/material/WordGenerativeCover.vue
+++ b/frontend/components/material/WordGenerativeCover.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="relative">
-        <iframe ref="container" :class="[...props.classes, 'bg-blue-400']" :src="getUrl()" />
+    <div ref="wrapper" class="relative h-full w-full">
+        <iframe ref="container" :key="renderKey" :class="[...props.classes, 'bg-transparent']" :src="getUrl()" />
         <!-- Transparent overlay to handle clicks properly -->
         <div class="absolute inset-0 z-10 cursor-pointer" @click="emitClick" />
     </div>
@@ -14,6 +14,34 @@
 
     const emit = defineEmits(['click']);
 
+    const wrapper = ref<HTMLElement | null>(null);
+    // The word cloud sizes its canvas from window.innerWidth/Height once, at load. Bumping this
+    // key remounts the iframe so it re-measures; without it a cover laid out after load (grid
+    // reflow, sidebar collapse) paints a canvas narrower than its frame and leaves a bare strip.
+    const renderKey = ref(0);
+    let resizeTimer: ReturnType<typeof setTimeout> | undefined;
+    let observer: ResizeObserver | undefined;
+    let lastWidth = 0;
+
+    onMounted(() => {
+        if (!wrapper.value || typeof ResizeObserver === 'undefined') return;
+
+        observer = new ResizeObserver(([entry]) => {
+            const width = Math.round(entry.contentRect.width);
+            if (width === 0 || width === lastWidth) return;
+            lastWidth = width;
+
+            clearTimeout(resizeTimer);
+            resizeTimer = setTimeout(() => renderKey.value++, 150);
+        });
+        observer.observe(wrapper.value);
+    });
+
+    onBeforeUnmount(() => {
+        clearTimeout(resizeTimer);
+        observer?.disconnect();
+    });
+
     function getUrl() {
         return '/wordcloud/index.html?words=' + encodeURIComponent(JSON.stringify(props.words));
     }
diff --git a/frontend/components/widget/WeekActivityChart.vue b/frontend/components/widget/WeekActivityChart.vue
new file mode 100644
index 00000000..8e8046e0
--- /dev/null
+++ b/frontend/components/widget/WeekActivityChart.vue
@@ -0,0 +1,41 @@
+<template>
+    <div>
+        <div class="flex h-[260px] items-end gap-[10px]">
+            <div v-for="day in bars" :key="day.date" class="flex h-full flex-1 flex-col items-center justify-end gap-[10px]">
+                <span class="text-sm font-extrabold" :class="day.peak ? 'text-st-strong' : 'text-st-faint'">
+                    {{ day.value }}
+                </span>
+                <div class="w-full max-w-[56px] rounded-st-md" :style="{ height: day.height, background: day.fill, boxShadow: day.shadow }" />
+            </div>
+        </div>
+        <div class="mt-[14px] flex gap-[10px]">
+            <span v-for="day in bars" :key="day.date" class="flex-1 text-center text-sm font-bold text-st-faint">
+                {{ day.label }}
+            </span>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+    import type { ProgressDay } from '~/composables/useProgressSummary';
+
+    const props = defineProps<{ days: ProgressDay[] }>();
+
+    /**
+     * The design highlights the best day of the week in the brand gradient and leaves the rest
+     * flat. Bars are sized against peak * 1.12 so the tallest one never touches the ceiling.
+     */
+    const bars = computed(() => {
+        const peak = Math.max(0, ...props.days.map((d) => d.value));
+        return props.days.map((d) => {
+            const isPeak = peak > 0 && d.value === peak;
+            return {
+                ...d,
+                peak: isPeak,
+                height: peak > 0 ? `${((d.value / (peak * 1.12)) * 100).toFixed(1)}%` : '0%',
+                fill: isPeak ? 'linear-gradient(180deg, rgb(var(--rose-400)) 0%, rgb(var(--rose-600)) 100%)' : 'rgb(var(--ink-100))',
+                shadow: isPeak ? 'var(--shadow-primary)' : 'none',
+            };
+        });
+    });
+</script>
diff --git a/frontend/composables/useDashboardNavigatorItems.ts b/frontend/composables/useDashboardNavigatorItems.ts
index 7f2ee62a..b4f35770 100644
--- a/frontend/composables/useDashboardNavigatorItems.ts
+++ b/frontend/composables/useDashboardNavigatorItems.ts
@@ -1,68 +1,68 @@
-import type { SidebarGroupType } from 'pilotui/types';
+import { computed, toValue, type ComputedRef, type MaybeRefOrGetter } from 'vue';
+import type { StNavGroup } from 'subturtle-ui';
 
-export const useDashboardNavigatorItems = (): Array<SidebarGroupType> => {
+/**
+ * Route for each nav id. StAppShell is id-based (it emits `navigate(id)`), so the mapping
+ * from id to route lives here rather than on the items themselves.
+ */
+export const DASHBOARD_NAV_ROUTES: Record<string, string> = {
+    stats: '/statistic',
+    board: '/board',
+    bundles: '/bundles',
+    prefs: '/settings/preferences',
+    newsession: '/sessions/new',
+    sessions: '/sessions',
+    plans: '/settings/subscription',
+};
+
+/** Longest-prefix match, so /bundles/:id still highlights "Phrase bundles". */
+export const activeNavId = (path: string): string | undefined =>
+    Object.entries(DASHBOARD_NAV_ROUTES)
+        .filter(([, to]) => path === to || path.startsWith(`${to}/`))
+        .sort((a, b) => b[1].length - a[1].length)[0]?.[0];
+
+export interface DashboardNavBadges {
+    /** Phrases due for review today — the nudge the design puts on "Today's board". */
+    board?: number | null;
+}
+
+export const useDashboardNavigatorItems = (badges?: MaybeRefOrGetter<DashboardNavBadges>): ComputedRef<Array<StNavGroup>> => {
+    // useI18n has to run during setup, so the groups are rebuilt inside a computed rather
+    // than the composable being re-invoked whenever a badge changes.
     const { t } = useI18n();
 
-    return [
-        {
-            title: t('dashboard'),
-            children: [
-                {
-                    title: t('statistic.your-statistic'),
-                    icon: 'IconMenuDashboard',
-                    to: '/statistic',
-                },
-            ],
-        },
-        {
-            title: t('practice.title'),
-            children: [
-                {
-                    title: t('smart_review.settings'),
-                    icon: 'IconSettings',
-                    to: '/settings/preferences',
-                },
-                {
-                    title: t('activities.title'),
-                    icon: 'iconify solar--rocket-2-bold-duotone',
-                    to: '/board',
-                },
-                {
-                    title: t('bundle.nav'),
-                    icon: 'IconMenuDatatables',
-                    to: '/bundles',
-                },
-            ],
-        },
-        {
-            title: t('ai-coaching'),
-            children: [
-                {
-                    title: t('live-session.start-new-session'),
-                    icon: 'IconMenuDatatables',
-                    to: '/sessions/new',
-                },
-                {
-                    title: t('live-session.session-history'),
-                    icon: 'iconify solar--history-2-bold',
-                    to: '/sessions',
-                },
-            ],
-        },
-        {
-            title: t('settings'),
-            children: [
-                // {
-                //     title: t('profile.profile'),
-                //     icon: 'IconUser',
-                //     to: '/settings/profile',
-                // },
-                {
-                    title: t('subscription.title'),
-                    icon: 'IconCreditCard',
-                    to: '/settings/subscription',
-                },
-            ],
-        },
-    ] as Array<SidebarGroupType>;
+    return computed(() => {
+        const badge = toValue(badges) ?? {};
+
+        return [
+            {
+                section: t('nav.overview'),
+                items: [{ id: 'stats', label: t('nav.your-progress'), icon: 'solar:chart-2-bold-duotone' }],
+            },
+            {
+                section: t('practice.title'),
+                items: [
+                    {
+                        id: 'board',
+                        label: t('nav.todays-board'),
+                        icon: 'solar:rocket-2-bold-duotone',
+                        badge: badge.board || null,
+                    },
+                    { id: 'bundles', label: t('bundle.nav'), icon: 'solar:notebook-bold-duotone' },
+                    { id: 'prefs', label: t('nav.review-settings'), icon: 'solar:settings-bold-duotone' },
+                ],
+            },
+            {
+                section: t('ai-coaching'),
+                items: [
+                    { id: 'newsession', label: t('nav.start-a-session'), icon: 'solar:microphone-3-bold-duotone' },
+                    { id: 'sessions', label: t('live-session.session-history'), icon: 'solar:history-2-bold-duotone' },
+                ],
+            },
+            {
+                section: t('nav.account'),
+                items: [{ id: 'plans', label: t('subscription.title'), icon: 'solar:crown-bold-duotone' }],
+            },
+        ];
+    });
 };
diff --git a/frontend/composables/useProgressSummary.ts b/frontend/composables/useProgressSummary.ts
new file mode 100644
index 00000000..fb24f082
--- /dev/null
+++ b/frontend/composables/useProgressSummary.ts
@@ -0,0 +1,118 @@
+import { functionProvider } from '@modular-rest/client';
+import { COLLECTIONS, DATABASE } from '~/types/database.type';
+import { FN, type UserStatisticType } from '~/types/function.type';
+
+/** One bar in the 7-day chart. */
+export interface ProgressDay {
+    /** YYYY-MM-DD, as the server reported it. */
+    date: string;
+    /** Short weekday label, e.g. "Mon". */
+    label: string;
+    value: number;
+}
+
+/** 14 days: the week on screen, plus the week before it for the comparison. */
+const WINDOW = 14;
+
+const toISO = (d: Date) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+
+/**
+ * generateChartDataForInsertionRatio deliberately drops zero-days that sit between two
+ * non-zero days (a smoothing hack for the old area chart). A bar chart and a streak both
+ * need every calendar day, so re-expand the sparse series against real dates — a date the
+ * server omitted had a count of zero, so nothing is lost.
+ *
+ * The window is anchored on the LAST date the server returned rather than on the browser
+ * clock, so the two never disagree about which day "today" is across timezones.
+ */
+function densify(points: Array<[string, number]>, size: number): Array<[string, number]> {
+    const byDate = new Map(points);
+    const anchor = points.length ? points[points.length - 1][0] : toISO(new Date());
+    const end = new Date(`${anchor}T00:00:00`);
+
+    const out: Array<[string, number]> = [];
+    for (let back = size - 1; back >= 0; back--) {
+        const day = new Date(end);
+        day.setDate(end.getDate() - back);
+        const key = toISO(day);
+        out.push([key, byDate.get(key) ?? 0]);
+    }
+    return out;
+}
+
+/**
+ * Consecutive days with at least one phrase saved, counting back from the most recent day.
+ * A zero on the final day does not break the run — that day is still in progress.
+ *
+ * NOTE: this is "days you saved something", not "days you reviewed". It is the closest
+ * signal available client-side; a real streak belongs on the server. See the plan's
+ * follow-ups.
+ */
+function streakFrom(series: Array<[string, number]>): number {
+    let i = series.length - 1;
+    if (i >= 0 && series[i][1] === 0) i--;
+
+    let run = 0;
+    for (; i >= 0 && series[i][1] > 0; i--) run++;
+    return run;
+}
+
+export function useProgressSummary() {
+    const loading = ref(true);
+    /**
+     * Both RPCs are gated on the `weekly_insights` entitlement, so a rejection means the
+     * user's tier doesn't include insights — that drives the locked panel, not an error.
+     */
+    const locked = ref(false);
+    const totals = ref<UserStatisticType>({ totalPhrases: 0, totalBundles: 0 });
+    const week = ref<ProgressDay[]>([]);
+    const streak = ref(0);
+    /** Percentage change vs. the previous 7 days, or null when there is no baseline. */
+    const weekDelta = ref<number | null>(null);
+
+    async function load() {
+        loading.value = true;
+        try {
+            const [stats, raw] = await Promise.all([
+                functionProvider.run<UserStatisticType>({
+                    name: FN.getUserStatistic,
+                    args: { userId: authUser.value?.id },
+                }),
+                functionProvider.run<Array<[string, number]>>({
+                    name: 'generateChartDataForInsertionRatio',
+                    args: {
+                        database: DATABASE.USER_CONTENT,
+                        collection: COLLECTIONS.PHRASE,
+                        userId: authUser.value?.id,
+                        // The RPC returns days + 1 points (inclusive of both ends).
+                        days: WINDOW - 1,
+                    },
+                }),
+            ]);
+
+            totals.value = stats;
+
+            const series = densify(raw ?? [], WINDOW);
+            const last7 = series.slice(-7);
+            const prev7 = series.slice(0, 7);
+
+            week.value = last7.map(([date, value]) => ({
+                date,
+                value,
+                label: new Date(`${date}T00:00:00`).toLocaleDateString(undefined, { weekday: 'short' }),
+            }));
+
+            const current = last7.reduce((sum, [, n]) => sum + n, 0);
+            const previous = prev7.reduce((sum, [, n]) => sum + n, 0);
+            weekDelta.value = previous > 0 ? Math.round(((current - previous) / previous) * 100) : null;
+
+            streak.value = streakFrom(series);
+        } catch {
+            locked.value = true;
+        } finally {
+            loading.value = false;
+        }
+    }
+
+    return { loading, locked, totals, week, streak, weekDelta, load };
+}
diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index 38b5c982..490b4ad0 100644
--- a/frontend/layouts/default.vue
+++ b/frontend/layouts/default.vue
@@ -1,25 +1,37 @@
 <template>
+    <!--
+        <App> is pilotui's theme/RTL provider. It stays until the last pilotui-era page is
+        migrated: every un-migrated screen's components still read their theming from it, and
+        the header's theme switcher drives it. StAppShell replaces only the chrome
+        (DashboardShell + SidebarMenu + HorizontalMenu).
+    -->
     <App>
-        <DashboardShell brand-title="Subturtle">
-            <template #header>
-                <div class="flex w-full justify-end">
-                    <div class="flex items-center space-x-2">
-                        <PartialThemeSwitcher class="scale-75" />
-                        <PartialProfileButton />
-                    </div>
-                </div>
-            </template>
-
-            <template #horizontal-menu>
-                <HorizontalMenu :items="[]" />
-            </template>
+        <!-- StAppShell fills its container and scrolls internally, so it needs a container
+             that is exactly the viewport. -->
+        <div class="h-[100dvh]">
+            <StAppShell
+                :nav="menuItems"
+                :active="activeItem"
+                product-name="Subturtle"
+                logo-src="/assets/images/logo.svg"
+                :collapsed="railCollapsed"
+                @navigate="onNavigate"
+                @update:collapsed="setRail"
+            >
+                <!-- Breadcrumb built from the nav itself, so it can never drift from the menu. -->
+                <template #title>
+                    <span v-if="crumb" class="inline-flex items-center gap-2 text-st-sm font-bold text-st-faint">
+                        <span>{{ crumb.section }}</span>
+                        <StIcon name="solar:alt-arrow-right-linear" :size="16" />
+                        <span class="text-st-body">{{ crumb.label }}</span>
+                    </span>
+                </template>
 
-            <template #sidebar-menu>
-                <SidebarMenu title="Subturtle" brand-logo="/assets/images/logo.svg" :items="menuItems"
-                    @item-click="onMenuItemClicked" />
-            </template>
+                <template #header-right>
+                    <PartialThemeSwitcher class="scale-75" />
+                    <PartialProfileButton />
+                </template>
 
-            <template #content>
                 <!-- overflow-x-clip contains decorative full-bleed page backgrounds (e.g. blurred blobs positioned past the edge)
                      so they never trigger a page-wide horizontal scroll; clip (not hidden) leaves vertical scrolling untouched. -->
                 <div class="overflow-x-clip">
@@ -28,39 +40,104 @@
                     <UsageCapBanner />
                     <NuxtPage />
                 </div>
-            </template>
-        </DashboardShell>
-
-        <!-- Single global "plan limit reached" modal. The modular-rest interceptor
-             opens it for ANY RPC blocked by a tier limit/lock; no per-page wiring. -->
-        <FreemiumLimitationModal :model-value="tierLimitOpen" :modal-title="t('subscription.tier-limit.title')"
-            :main-message="tierLimitMessage" :sub-message="t('subscription.tier-limit.sub')" icon-name="IconLockDots"
-            :primary-button-label="tierLimitPrimaryLabel" :secondary-button-label="tierLimitSecondaryLabel"
-            :auto-redirect-on-upgrade="false" @upgrade="onTierLimitPrimary" @secondary="onTierLimitSecondary"
-            @update:model-value="(v) => { if (!v) closeTierLimitModal(); }" />
-
-        <!-- Council 004: dedicated 100% voice-cap modal (top-up / use text chat). -->
-        <VoiceCapModal />
-
-        <DevOnly>
-            <ThemeCustomizer />
-        </DevOnly>
+            </StAppShell>
+        </div>
+
+        <!--
+            Each closed pilotui modal still renders an empty trigger button in normal flow.
+            Three of them stack ~54px below the full-height shell and give the page a second
+            scrollbar next to the shell's own. h-0 takes them out of the layout without
+            clipping anything: pilotui renders the dialogs themselves as `fixed inset-0`, and
+            a static box's overflow never clips a fixed descendant.
+            Goes away with <App> once the last pilotui page is migrated.
+        -->
+        <div class="h-0 overflow-hidden">
+            <!-- Single global "plan limit reached" modal. The modular-rest interceptor
+                 opens it for ANY RPC blocked by a tier limit/lock; no per-page wiring. -->
+            <FreemiumLimitationModal :model-value="tierLimitOpen" :modal-title="t('subscription.tier-limit.title')"
+                :main-message="tierLimitMessage" :sub-message="t('subscription.tier-limit.sub')" icon-name="IconLockDots"
+                :primary-button-label="tierLimitPrimaryLabel" :secondary-button-label="tierLimitSecondaryLabel"
+                :auto-redirect-on-upgrade="false" @upgrade="onTierLimitPrimary" @secondary="onTierLimitSecondary"
+                @update:model-value="(v) => { if (!v) closeTierLimitModal(); }" />
+
+            <!-- Council 004: dedicated 100% voice-cap modal (top-up / use text chat). -->
+            <VoiceCapModal />
+
+            <DevOnly>
+                <ThemeCustomizer />
+            </DevOnly>
+        </div>
     </App>
 </template>
 
 <script setup lang="ts">
-import { App, DashboardShell, ThemeCustomizer, SidebarMenu, HorizontalMenu } from 'pilotui/shell';
-import type { SidebarItemType, HorizontalMenuItemType } from 'pilotui/types';
+import { App, ThemeCustomizer } from 'pilotui/shell';
+import { StAppShell, StIcon } from 'subturtle-ui';
 import UsageCapBanner from '~/components/freemium_alerts/UsageCapBanner.vue';
 import FreemiumLimitationModal from '~/components/freemium_alerts/LimitationModal.vue';
 import VoiceCapBanner from '~/components/VoiceCapBanner.vue';
 import VoiceCapModal from '~/components/VoiceCapModal.vue';
 import { useTierLimitModal } from '~/composables/useTierLimitModal';
+import { DASHBOARD_NAV_ROUTES, activeNavId } from '~/composables/useDashboardNavigatorItems';
+import { useLeitnerStore } from '~/stores/leitner';
 
 const { t, te } = useI18n();
 const { open: tierLimitOpen, feature: tierLimitFeature, closeTierLimitModal } = useTierLimitModal();
-const menuItems = useDashboardNavigatorItems();
 const router = useRouter();
+const route = useRoute();
+const leitner = useLeitnerStore();
+
+const RAIL_KEY = 'subturtle.rail';
+const railCollapsed = ref(false);
+
+// The board's leitner_review activity carries the due count the sidebar badge shows; it is
+// the same source /board reads. Fetched once for the whole session, not per page.
+const dueCount = computed(() => leitner.boardActivities.find((a) => a.type === 'leitner_review')?.meta?.dueCount ?? 0);
+const menuItems = useDashboardNavigatorItems(() => ({ board: dueCount.value }));
+const activeItem = computed(() => activeNavId(route.path));
+
+const crumb = computed(() => {
+    for (const group of menuItems.value) {
+        const item = group.items.find((i) => i.id === activeItem.value);
+        if (item) return { section: group.section, label: item.label };
+    }
+    return null;
+});
+
+onMounted(() => {
+    try {
+        railCollapsed.value = localStorage.getItem(RAIL_KEY) === '1';
+    } catch {
+        // Private mode / blocked storage — the rail just starts expanded.
+    }
+});
+
+// The layout mounts while the auth middleware is still restoring the stored session, and the
+// client signs in anonymously first — so both `isLogin` and a user id are already truthy
+// before the real session exists. `type === 'user'` is the signal that actually distinguishes
+// the two (stores/profile.ts gates its own bootstrap on it); anything looser fires this
+// request with anonymous permissions and it 400s.
+watch(
+    () => authUser.value?.type === 'user',
+    (signedIn) => {
+        if (signedIn && !leitner.boardActivities.length) leitner.fetchBoard();
+    },
+    { immediate: true }
+);
+
+function setRail(collapsed: boolean) {
+    railCollapsed.value = collapsed;
+    try {
+        localStorage.setItem(RAIL_KEY, collapsed ? '1' : '0');
+    } catch {
+        // Non-fatal: the preference just won't survive a reload.
+    }
+}
+
+function onNavigate(id: string) {
+    const to = DASHBOARD_NAV_ROUTES[id];
+    if (to && to !== route.path) router.push(to);
+}
 
 // Feature-specific heading for the global plan-limit modal (falls back to a
 // generic message for any feature without dedicated copy).
@@ -94,10 +171,4 @@ function onTierLimitSecondary() {
     else if (feature === 'text_chat_count') router.push('/settings/subscription');
     // Other features: the secondary ("Not now") simply closes.
 }
-
-function onMenuItemClicked(item: SidebarItemType | HorizontalMenuItemType) {
-    if (item?.to) {
-        router.push(item.to);
-    }
-}
 </script>
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index a623a81b..bcecec94 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -1,6 +1,6 @@
 {
     "bundle": {
-        "nav": "Phrase Bundles",
+        "nav": "Phrase bundles",
         "list": "Bundle List",
         "detail": "Bundle Detail",
         "add_phrase": "Add Phrase",
@@ -59,12 +59,48 @@
         }
     },
     "statistic": {
-        "your-statistic": "Your Statistic",
+        "your-statistic": "Your progress",
         "recent": "Recent",
         "quick-states": {
             "label": "Your quick stats",
             "total-phrases": "Phrases",
             "total-bundles": "Bundles"
+        },
+        "overline": "Analytics",
+        "subtitle": "Here's how the week went.",
+        "install-extension": "Install extension",
+        "start-review": "Start review",
+        "chart": {
+            "title": "Your last 7 days",
+            "subtitle": "Phrases saved each day",
+            "delta": "{delta}% vs last week"
+        },
+        "tiles": {
+            "phrases": "Phrases saved",
+            "streak": "Day streak",
+            "due": "Due today"
+        },
+        "bundles": {
+            "title": "Your bundles",
+            "see-all": "See all {count}",
+            "go": "Go to bundles"
+        },
+        "empty": {
+            "chart": {
+                "title": "Your week starts with one phrase",
+                "description": "Save a word or line from YouTube, Netflix, or any page and it shows up here the same day.",
+                "cta": "Get the extension"
+            },
+            "bundles": {
+                "title": "No bundles yet",
+                "description": "Bundles are small sets of phrases. Your first one appears the moment you save something."
+            }
+        },
+        "locked": {
+            "title": "Weekly insights are a Learner feature",
+            "description": "You'll see the days you kept the streak alive, what you saved, and how much of it stuck — week by week.",
+            "upgrade": "Upgrade to Learner",
+            "later": "Maybe later"
         }
     },
     "flashcard-tool": {
@@ -263,8 +299,14 @@
                 "text_chat_messages_per_chat": "This chat has reached its message limit. Start a new chat to keep going."
             },
             "cta": {
-                "text_chat_count": { "primary": "Start 3-day free trial", "secondary": "See all plans" },
-                "text_chat_messages_per_chat": { "primary": "Start a new chat", "secondary": "Upgrade to Learner" }
+                "text_chat_count": {
+                    "primary": "Start 3-day free trial",
+                    "secondary": "See all plans"
+                },
+                "text_chat_messages_per_chat": {
+                    "primary": "Start a new chat",
+                    "secondary": "Upgrade to Learner"
+                }
             }
         },
         "feature-locked": {
@@ -376,7 +418,7 @@
         "start-session": "Start Session",
         "start-first-session": "Start Your First Session",
         "6-months-expiry": "Each session will expire in 6 months",
-        "session-history": "Session History",
+        "session-history": "Session history",
         "session-details": "Session Details",
         "dialogs": "dialogs",
         "your-sessions": "Your Sessions",
@@ -534,5 +576,13 @@
             "cta": "Install for Chrome",
             "dismiss": "Dismiss"
         }
+    },
+    "nav": {
+        "overview": "Overview",
+        "your-progress": "Your progress",
+        "todays-board": "Today's board",
+        "review-settings": "Review settings",
+        "start-a-session": "Start a session",
+        "account": "Account"
     }
 }
diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
index 4f6e9314..aa875fc3 100644
--- a/frontend/nuxt.config.ts
+++ b/frontend/nuxt.config.ts
@@ -24,6 +24,17 @@ export default defineNuxtConfig({
         ssr: {
             noExternal: ['pilotui'],
         },
+        // subturtle-ui lives at ../ui and is linked in, so Vite has to be allowed to read
+        // outside the app root. It ships prebuilt ESM, so pre-bundling it only adds a stale
+        // copy between `yarn dev` here and `yarn dev` (build --watch) there.
+        optimizeDeps: {
+            exclude: ['subturtle-ui'],
+        },
+        server: {
+            fs: {
+                allow: ['..'],
+            },
+        },
     },
 
     app: {
@@ -46,13 +57,13 @@ export default defineNuxtConfig({
                 { rel: 'icon', type: 'image/x-icon', href: '/favicon.png' },
                 {
                     rel: 'stylesheet',
-                    href: 'https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap',
+                    href: 'https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap',
                 },
             ],
         },
     },
 
-    css: ['pilotui/style.css', '~/assets/css/app.css'],
+    css: ['pilotui/style.css', '~/assets/css/app.css', 'subturtle-ui/style.css'],
 
     postcss: {
         plugins: {
@@ -86,6 +97,6 @@ export default defineNuxtConfig({
 
     // Make sure your build options are properly set
     build: {
-        transpile: ['@tiny-ideas-lr/lib-vue-components', 'mixpanel-browser'],
+        transpile: ['mixpanel-browser'],
     },
 });
diff --git a/frontend/package.json b/frontend/package.json
index d5a7c476..54b29345 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -57,6 +57,7 @@
         "markdown-it": "^14",
         "mixpanel-browser": "^2.66.0",
         "pilotui": "^1.29.0",
+        "subturtle-ui": "link:../ui",
         "pinia": "^2.0.22",
         "vee-validate": "^4.15.0",
         "vue": "^3.5.12",
diff --git a/frontend/pages/statistic.vue b/frontend/pages/statistic.vue
index 14921e9f..3b777f16 100644
--- a/frontend/pages/statistic.vue
+++ b/frontend/pages/statistic.vue
@@ -1,69 +1,163 @@
 <template>
-    <div class="relative min-h-screen">
-        <!-- Decorative Background Elements -->
-        <div class="pointer-events-none absolute left-[-10%] top-[-10%] h-[40%] w-[40%] rounded-full bg-primary/5 blur-[120px]"></div>
-        <div class="pointer-events-none absolute bottom-[-10%] right-[-10%] h-[40%] w-[40%] rounded-full bg-secondary/5 blur-[120px]"></div>
-
-        <div class="container relative mx-auto max-w-7xl px-6 py-16">
-            <InstallExtensionBanner class="mb-6" />
-
-            <PageHeader :title="t('statistic.your-statistic')" overline="ANALYTICS" />
-
-            <section v-if="!locked" class="mb-6 grid grid-cols-1 gap-6 lg:grid-cols-4">
-                <Card class="col-span-1 rounded-md shadow-none lg:col-span-3">
-                    <WidgetActivityChartOverview title="Your last 7 days" />
-                </Card>
-                <Card class="max-h-min rounded-md shadow-none">
-                    <h1 class="text-lg font-bold">{{ t('statistic.quick-states.label') }}</h1>
-                    <div class="flex items-center space-x-4 rounded-md bg-gray-100 p-2 dark:bg-gray-900">
-                        <IconButton icon="IconNotes" rounded="full" size="lg" class="text-secondary" />
-                        <div class="flex flex-col items-start space-y-2">
-                            <h1 class="text-lg font-bold">
-                                {{ statistics.totalBundles }}
-                            </h1>
-                            <span class="text-gray-500">
-                                {{ t('statistic.quick-states.total-bundles') }}
-                            </span>
+    <div class="flex flex-col gap-[22px]">
+        <StPageHeader
+            :title="t('statistic.your-statistic')"
+            :overline="t('statistic.overline')"
+            :subtitle="t('statistic.subtitle')"
+        >
+            <template v-if="showInstallCta" #actions>
+                <StButton variant="outline" color="primary" icon="solar:download-minimalistic-bold" @click="installExtension">
+                    {{ t('statistic.install-extension') }}
+                </StButton>
+            </template>
+        </StPageHeader>
+
+        <div class="flex flex-wrap items-stretch gap-[14px]">
+            <!-- Chart column -->
+            <div class="flex min-w-0 flex-[2_1_440px] flex-col">
+                <StSkeleton v-if="loading" class="h-[420px]" />
+
+                <StCard v-else-if="locked && !lockDismissed" padding="lg" class="flex h-full flex-col justify-center">
+                    <div class="mx-auto flex max-w-[27rem] flex-col items-center py-8 text-center">
+                        <span class="mb-[18px] inline-flex h-[60px] w-[60px] items-center justify-center rounded-st-lg bg-st-primary-soft">
+                            <StIcon name="solar:lock-keyhole-minimalistic-bold-duotone" :size="32" class="text-st-rose-600" />
+                        </span>
+                        <h2 class="mb-2 font-st-display text-st-lg font-black tracking-st-tight text-st-strong">
+                            {{ t('statistic.locked.title') }}
+                        </h2>
+                        <p class="mb-5 text-st-base font-semibold leading-[1.55] text-st-muted [text-wrap:pretty]">
+                            {{ t('statistic.locked.description') }}
+                        </p>
+                        <div class="flex flex-wrap justify-center gap-[10px]">
+                            <StButton color="primary" icon="solar:crown-bold" @click="goToPlans">
+                                {{ t('statistic.locked.upgrade') }}
+                            </StButton>
+                            <StButton variant="ghost" color="neutral" @click="lockDismissed = true">
+                                {{ t('statistic.locked.later') }}
+                            </StButton>
                         </div>
                     </div>
-                    <div class="mt-2 flex items-center space-x-4 rounded-md bg-gray-100 p-2 dark:bg-gray-900">
-                        <IconButton icon="IconClipboardText" rounded="full" size="lg" class="text-info" />
-                        <div class="flex flex-col items-start space-y-2">
-                            <h1 class="text-lg font-bold">
-                                {{ statistics.totalPhrases }}
-                            </h1>
-                            <span class="text-gray-500">
-                                {{ t('statistic.quick-states.total-phrases') }}
-                            </span>
+                </StCard>
+
+                <StCard v-else-if="isEmpty" padding="none">
+                    <StEmptyState
+                        icon="solar:chart-2-bold-duotone"
+                        :title="t('statistic.empty.chart.title')"
+                        :description="t('statistic.empty.chart.description')"
+                    >
+                        <template #action>
+                            <StButton color="primary" icon="solar:download-minimalistic-bold" @click="installExtension">
+                                {{ t('statistic.empty.chart.cta') }}
+                            </StButton>
+                        </template>
+                    </StEmptyState>
+                </StCard>
+
+                <StCard v-else-if="!locked" padding="lg" class="flex h-full flex-col">
+                    <div class="mb-[34px] flex items-start justify-between gap-4">
+                        <div>
+                            <h2 class="font-st-display text-st-lg font-black tracking-st-tight text-st-strong">
+                                {{ t('statistic.chart.title') }}
+                            </h2>
+                            <p class="mt-1.5 text-st-base font-semibold text-st-muted">
+                                {{ t('statistic.chart.subtitle') }}
+                            </p>
                         </div>
+                        <StBadge v-if="weekDelta !== null" :color="weekDelta < 0 ? 'danger' : 'accent'" :icon="weekDelta < 0 ? 'solar:arrow-down-bold' : 'solar:arrow-up-bold'" class="shrink-0">
+                            {{ t('statistic.chart.delta', { delta: formattedDelta }) }}
+                        </StBadge>
                     </div>
-                </Card>
-            </section>
-
-            <!-- weekly_insights is a Learner+ feature; free/Reader see the shared locked panel, not empty charts. -->
-            <FeatureLocked v-if="locked" feature-key="weekly_insights" required-tier="learner" />
-
-            <section>
-                <h1 class="text-lg font-bold">{{ t('statistic.recent') }}</h1>
-                <div class="grid w-full grid-cols-2 gap-4 lg:grid-cols-3">
-                    <BundleGenerativeCard v-for="bundle in recentBundles" :key="bundle._id" :bundle="bundle" />
-                </div>
-            </section>
+
+                    <WidgetWeekActivityChart :days="week" />
+                </StCard>
+            </div>
+
+            <!-- Stat tiles -->
+            <div class="flex min-w-0 flex-[1_1_230px] flex-col gap-[14px]">
+                <template v-if="loading">
+                    <StSkeleton v-for="n in 3" :key="n" class="min-h-[120px] flex-1" />
+                </template>
+                <template v-else>
+                    <StStatTile
+                        icon="solar:bookmark-bold-duotone"
+                        :value="locked ? '—' : totals.totalPhrases"
+                        :label="t('statistic.tiles.phrases')"
+                        :trend="phrasesTrend"
+                    />
+                    <StStatTile
+                        icon="solar:fire-bold-duotone"
+                        accent="accent"
+                        :value="locked ? '—' : streak"
+                        :label="t('statistic.tiles.streak')"
+                    />
+                    <StStatTile
+                        icon="solar:layers-minimalistic-bold-duotone"
+                        accent="warning"
+                        :value="dueToday"
+                        :label="t('statistic.tiles.due')"
+                    >
+                        <template #action>
+                            <StIconButton
+                                icon="solar:play-bold"
+                                color="primary"
+                                variant="solid"
+                                rounded="full"
+                                size="lg"
+                                :disabled="dueToday === 0"
+                                :aria-label="t('statistic.start-review')"
+                                @click="startReview"
+                            />
+                        </template>
+                    </StStatTile>
+                </template>
+            </div>
         </div>
+
+        <!-- Bundles -->
+        <section>
+            <div class="mb-[14px] flex items-baseline justify-between gap-4">
+                <h2 class="font-st-display text-st-lg font-black tracking-st-tight text-st-strong">
+                    {{ t('statistic.bundles.title') }}
+                </h2>
+                <NuxtLink to="/bundles" class="text-st-sm font-bold text-st-link hover:underline">
+                    {{ seeAllLabel }}
+                </NuxtLink>
+            </div>
+
+            <div v-if="loading" class="grid grid-cols-2 gap-[14px] lg:grid-cols-3">
+                <StSkeleton v-for="n in 3" :key="n" class="h-[190px]" />
+            </div>
+
+            <div v-else-if="recentBundles.length" class="grid grid-cols-2 gap-[14px] lg:grid-cols-3">
+                <BundleGenerativeCard v-for="bundle in recentBundles" :key="bundle._id" :bundle="bundle" />
+            </div>
+
+            <StCard v-else padding="none">
+                <StEmptyState
+                    icon="solar:notebook-bold-duotone"
+                    color="neutral"
+                    :title="t('statistic.empty.bundles.title')"
+                    :description="t('statistic.empty.bundles.description')"
+                />
+            </StCard>
+        </section>
     </div>
 </template>
 
 <script setup lang="ts">
-    import { dataProvider, functionProvider } from '@modular-rest/client';
+    import { dataProvider } from '@modular-rest/client';
     import { COLLECTIONS, DATABASE, type PhraseBundleType } from '~/types/database.type';
-    import { FN, type UserStatisticType } from '~/types/function.type';
-    import { Card, IconButton } from 'pilotui/elements';
-    import PageHeader from '~/components/common/PageHeader.vue';
-    import InstallExtensionBanner from '~/components/extension_nudge/InstallExtensionBanner.vue';
-    import FeatureLocked from '~/components/FeatureLocked.vue';
+    import { StBadge, StButton, StCard, StEmptyState, StIcon, StIconButton, StSkeleton, StStatTile } from 'subturtle-ui';
+    import StPageHeader from '~/components/common/StPageHeader.vue';
     import { useInlineFeatureLock } from '~/composables/useTierLimitModal';
+    import { useProgressSummary } from '~/composables/useProgressSummary';
+    import { useLeitnerStore } from '~/stores/leitner';
 
     const { t } = useI18n();
+    const router = useRouter();
+    const config = useRuntimeConfig();
+    const { extensionPresent } = useExtensionPresence();
+    const leitner = useLeitnerStore();
 
     definePageMeta({
         layout: 'default',
@@ -72,59 +166,69 @@
         middleware: ['auth'],
     });
 
+    const { loading, locked, totals, week, streak, weekDelta, load } = useProgressSummary();
+
+    // weekly_insights renders as an inline locked card here, so the global tier-limit modal
+    // defers to it (no double upsell on the same lock).
+    useInlineFeatureLock('weekly_insights');
+
     const recentBundles = ref<PhraseBundleType[]>([]);
-    const statistics = ref<UserStatisticType>({
-        totalPhrases: 0,
-        totalBundles: 0,
-    });
+    const totalBundles = ref(0);
+    const lockDismissed = ref(false);
 
-    // weekly_insights gate: flipped when getUserStatistic returns 400 (TIER_LIMIT_REACHED),
-    // i.e. the user's tier doesn't include insights — show the shared locked panel.
-    const locked = ref(false);
+    const showInstallCta = computed(() => extensionPresent.value === false);
+    const isEmpty = computed(() => !locked.value && totals.value.totalPhrases === 0 && recentBundles.value.length === 0);
 
-    // weekly_insights renders as an inline FeatureLocked card here, so the global
-    // tier-limit modal defers to it (no double upsell on the same lock).
-    useInlineFeatureLock('weekly_insights');
+    // Signed, so the pill reads "+18% vs last week"; the badge icon repeats the direction.
+    const formattedDelta = computed(() => (weekDelta.value === null ? '' : `${weekDelta.value > 0 ? '+' : ''}${weekDelta.value}`));
+    const phrasesTrend = computed(() => (weekDelta.value === null ? null : `${weekDelta.value < 0 ? '-' : '+'}${Math.abs(weekDelta.value)}%`));
+
+    /** The board's leitner_review activity is the same source /board counts from. */
+    const dueToday = computed(
+        () => leitner.boardActivities.find((a) => a.type === 'leitner_review')?.meta?.dueCount ?? 0
+    );
+
+    const seeAllLabel = computed(() =>
+        totalBundles.value > recentBundles.value.length
+            ? t('statistic.bundles.see-all', { count: totalBundles.value })
+            : t('statistic.bundles.go')
+    );
 
-    function getRecentBundles() {
-        dataProvider
-            .find<PhraseBundleType>({
+    function installExtension() {
+        window.open(config.public.chromeWebStoreUrl as string, '_blank', 'noopener,noreferrer');
+    }
+
+    function goToPlans() {
+        router.push('/settings/subscription');
+    }
+
+    function startReview() {
+        router.push('/practice/review');
+    }
+
+    async function getRecentBundles() {
+        const [recent, all] = await Promise.all([
+            dataProvider.find<PhraseBundleType>({
                 database: DATABASE.USER_CONTENT,
                 collection: COLLECTIONS.PHRASE_BUNDLE,
-                query: {
-                    refId: authUser.value?.id,
-                },
-                options: {
-                    limit: 3,
-                    sort: {
-                        updatedAt: -1,
-                    },
-                },
-            })
-            .then((data) => {
-                recentBundles.value = data;
-            });
-    }
+                query: { refId: authUser.value?.id },
+                options: { limit: 3, sort: { updatedAt: -1 } },
+            }),
+            dataProvider.count({
+                database: DATABASE.USER_CONTENT,
+                collection: COLLECTIONS.PHRASE_BUNDLE,
+                query: { refId: authUser.value?.id },
+            }),
+        ]);
 
-    function getUserStatistics() {
-        functionProvider
-            .run<UserStatisticType>({
-                name: FN.getUserStatistic,
-                args: {
-                    userId: authUser.value?.id,
-                },
-            })
-            .then((data) => {
-                statistics.value = data;
-            })
-            .catch(() => {
-                // A tier lock (or any failure) hides the empty charts behind FeatureLocked.
-                locked.value = true;
-            });
+        recentBundles.value = recent;
+        totalBundles.value = Number(all) || recent.length;
     }
 
     onMounted(() => {
         getRecentBundles();
-        getUserStatistics();
+        load();
+        // The board is fetched once by the layout (it feeds the sidebar badge); this page
+        // just reads the same store.
     });
 </script>
diff --git a/frontend/tailwind.config.cjs b/frontend/tailwind.config.cjs
index 1c3b9a8c..8e4b31a0 100644
--- a/frontend/tailwind.config.cjs
+++ b/frontend/tailwind.config.cjs
@@ -2,15 +2,20 @@
 const {
     addIconSelectors
 } = require('@iconify/tailwind');
+// Design-system tokens under an additive `st-` namespace (bg-st-card, text-st-strong,
+// rounded-st-lg, ...). They resolve to the CSS custom properties in subturtle-ui/style.css,
+// so page markup and the library's components read from the same source of truth.
+// The blue/purple scales below are the pre-redesign admin-template palette; they stay until
+// the last pilotui page is migrated.
+const stTokens = require('subturtle-ui/tailwind-tokens');
 module.exports = {
     content: [
         './components/**/*.{js,vue,ts}',
         './layouts/**/*.vue',
         './pages/**/*.vue',
         './plugins/**/*.{js,ts}',
+        './composables/**/*.{js,ts}',
         './nuxt.config.{js,ts}',
-        './app.vue',
-        './error.vue',
     ],
     darkMode: 'class',
     theme: {
@@ -18,7 +23,9 @@ module.exports = {
             center: true,
         },
         extend: {
+            ...stTokens,
             colors: {
+                ...stTokens.colors,
                 primary: {
                     DEFAULT: '#4361ee',
                     light: '#eaf1ff',
@@ -66,12 +73,14 @@ module.exports = {
                 },
             },
             fontFamily: {
+                ...stTokens.fontFamily,
                 nunito: ['Nunito', 'sans-serif'],
             },
             spacing: {
                 4.5: '18px',
             },
             boxShadow: {
+                ...stTokens.boxShadow,
                 '3xl': '0 2px 2px rgb(224 230 237 / 46%), 1px 6px 7px rgb(224 230 237 / 46%)',
             },
             typography: ({
diff --git a/frontend/utils/language.ts b/frontend/utils/language.ts
new file mode 100644
index 00000000..bb3d8fbc
--- /dev/null
+++ b/frontend/utils/language.ts
@@ -0,0 +1,34 @@
+/**
+ * Language values reach the client in two shapes: phrases saved by the extension store a
+ * display name ("Spanish") in `language_info` / `translation_language`, while some paths
+ * store an ISO code. Normalise both to the 2-letter code the UI shows on bundle covers, and
+ * return undefined when neither matches rather than guessing — a wrong flag is worse than none.
+ */
+const NAME_TO_CODE: Record<string, string> = {
+    chinese: 'zh',
+    danish: 'da',
+    english: 'en',
+    french: 'fr',
+    german: 'de',
+    greek: 'el',
+    hungarian: 'hu',
+    italian: 'it',
+    japanese: 'ja',
+    polish: 'pl',
+    portuguese: 'pt',
+    russian: 'ru',
+    spanish: 'es',
+    swedish: 'sv',
+    turkish: 'tr',
+    arabic: 'ae',
+};
+
+export function toLanguageCode(value?: string): string | undefined {
+    if (!value) return undefined;
+
+    const trimmed = value.trim().toLowerCase();
+    if (NAME_TO_CODE[trimmed]) return NAME_TO_CODE[trimmed].toUpperCase();
+    if (/^[a-z]{2}$/.test(trimmed)) return trimmed.toUpperCase();
+
+    return undefined;
+}
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 9e54dc41..20fc746a 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -7372,6 +7372,10 @@ stylehacks@^7.0.4:
     browserslist "^4.23.3"
     postcss-selector-parser "^6.1.2"
 
+"subturtle-ui@link:../ui":
+  version "0.0.0"
+  uid ""
+
 sucrase@^3.35.0:
   version "3.35.0"
   resolved "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz"
diff --git a/ui/.gitignore b/ui/.gitignore
new file mode 100644
index 00000000..06e60381
--- /dev/null
+++ b/ui/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+dist
+*.tsbuildinfo
diff --git a/ui/README.md b/ui/README.md
new file mode 100644
index 00000000..9f45d85f
--- /dev/null
+++ b/ui/README.md
@@ -0,0 +1,137 @@
+# subturtle-ui
+
+The Subturtle design system as Vue 3 components. Built to be consumed by **both** the dashboard
+(`frontend/`) and **subturtle-extension-apps**, which is why it carries no framework coupling
+beyond Vue and ships its CSS pre-compiled.
+
+It replaces `pilotui`, a generic admin-template library whose palette (blue `#4361ee`) was never
+Subturtle's. This one is built on the real brand: rose `#f91e5a`, a jade "grow" green, Nunito, and
+warm off-white surfaces.
+
+## Using it
+
+```jsonc
+// consumer package.json — while developing locally
+"subturtle-ui": "link:../ui"
+```
+
+```ts
+import { StAppShell, StButton, StCard } from 'subturtle-ui';
+import 'subturtle-ui/style.css'; // required — tokens + all component CSS
+```
+
+The stylesheet is the only side effect. Import it once, at app entry (in Nuxt: the `css` array).
+
+### Writing page markup in the same language
+
+The library's own components are pre-compiled, so a consumer needs nothing from Tailwind to use
+them. But pages generally want the same tokens for their own layout, and the app's Tailwind knows
+nothing about them. Spread the exported fragment into `theme.extend` for an additive `st-`
+namespace:
+
+```js
+// tailwind.config.cjs
+const stTokens = require('subturtle-ui/tailwind-tokens');
+module.exports = { theme: { extend: { ...stTokens } } };
+```
+
+```html
+<div class="rounded-st-lg bg-st-card text-st-strong shadow-st-sm">
+```
+
+Merge, don't overwrite, any key the app already defines (`colors`, `fontFamily`, `boxShadow`) —
+a later literal key would replace the spread wholesale. See `frontend/tailwind.config.cjs`.
+
+Two helper classes ship in the stylesheet for consumers: `.st-overline` (the rose eyebrow label
+above page titles) and `.st-focus-ring` (the shared `:focus-visible` treatment).
+
+## How it is put together
+
+### Class prefix — the one constraint you cannot relax
+
+`tailwind.config.cjs` sets `prefix: 'st-'` and `corePlugins.preflight: false`.
+
+The compiled `dist/style.css` loads in the same document as the consumer's own Tailwind build.
+Without the prefix, identical class names carrying different values (`.rounded-lg`, `.bg-primary`,
+`.text-lg`, `.shadow-md`) would collide and load order would silently decide app-wide styling.
+The prefix costs verbosity when authoring (`class="st-flex st-items-center"`) and buys complete
+isolation: the library's Tailwind config never has to agree with anyone else's.
+
+Preflight is off for the same reason — a component library has no business resetting a host
+page's elements. The single exception is `box-sizing: border-box`, which every component's layout
+math assumes; see the comment in `src/styles/index.css`.
+
+### Tokens
+
+`src/styles/tokens.css` holds ~95 custom properties ported from the Claude Design system, with
+**names kept byte-identical to the design source** so this file and the `.dc.html` screens can be
+read side by side.
+
+Colors are stored as space-separated RGB channels (`--rose-500: 249 30 90`), not hex, and Tailwind
+composes them as `rgb(var(--token) / <alpha-value>)`. That is what makes opacity modifiers work
+(`st-bg-primary/5`, the ambient background blobs) and what a dark theme will hook into. Write raw
+CSS against them as `rgb(var(--rose-500))`.
+
+`:root.dark` is scaffolded and empty. The design system ships light values only, and the product
+keeps its theme switcher, so dark currently leaves anything built on this library in its light
+palette. Adding dark means redefining the semantic aliases there — no component should change.
+
+### Icons
+
+`src/icon/icons.generated.ts` is generated by `scripts/build-icons.mjs` from `@iconify/json` for an
+explicit allowlist, and `StIcon` renders the SVG inline.
+
+The two obvious alternatives both fail a requirement: Tailwind's `@iconify/tailwind` selectors
+cannot be generated for names only known at runtime (the design calls icons by name), and the
+design's `<iconify-icon>` web component fetches from a CDN, which is a non-starter inside the
+extension's content scripts. To add an icon, put its name in `ICONS` and run `yarn icons`.
+
+### Build
+
+Vite lib mode, single ESM+CJS entry plus `dist/style.css`, `vue` external, real `.d.ts` via
+`vite-plugin-dts`. Output is **not** minified — that is the convention for libraries (the consumer's
+bundler minifies), and esbuild's identifier mangling collided across the concatenated SFC modules
+here in a way Rollup rejected downstream.
+
+```bash
+yarn build   # icons -> typecheck -> bundle
+yarn dev     # rebuild on change, for a linked consumer
+```
+
+## Components
+
+| Group | |
+| --- | --- |
+| Shell | `StAppShell`, `StSidebarNav` |
+| Elements | `StButton`, `StIconButton`, `StCard`, `StBadge`, `StAvatar`, `StEmptyState`, `StSkeleton`, `StIcon` |
+| Brand | `StStatTile`, `StBundleCard` |
+
+This is the set the app shell and the Progress screen need. The rest of the design system
+(`Input`, `Tag`, `Switch`, `ProgressBar`, `SegmentedControl`, `Tabs`, `Modal`, `Toast`,
+`PhraseCard`, `Flashcard`, `LevelPip`, `PlanCard`) lands as each remaining screen is migrated.
+
+Three things were deliberately added rather than ported, because the source components are React
+files styled entirely with inline style objects and cannot express them: nav-item hover states,
+`:focus-visible` rings on every control, and the collapsible sidebar rail (which lived in the
+design project's page-level script, not in `AppShell`).
+
+### `StAppShell`
+
+The frame every dashboard screen starts from: sidebar, topbar, and a scrolling content column.
+
+| Prop | |
+| --- | --- |
+| `nav` | `StNavGroup[]` — `{ section?, items: [{ id, label, icon?, badge? }] }` |
+| `active` | id of the current item; fully controlled, the shell keeps no selection state |
+| `collapsed` | `v-model:collapsed`; persistence is the app's job |
+| `collapsible` | show the rail toggle (default true) |
+| `productName`, `logoSrc`, `maxWidth`, `ambient` | |
+
+Emits `navigate(id)` and `update:collapsed(boolean)`. Slots: `title`, `header-right`,
+`sidebar-footer`, default.
+
+Collapsed, the rail is 76px and nav labels stay in the DOM — they are each button's accessible
+name, and the stylesheet turns them into hover/focus tooltips.
+
+`StAppShell` fills its container and scrolls internally, so give it a container that is exactly
+the viewport (`h-[100dvh]`).
diff --git a/ui/package.json b/ui/package.json
new file mode 100644
index 00000000..f5558f3b
--- /dev/null
+++ b/ui/package.json
@@ -0,0 +1,49 @@
+{
+  "name": "subturtle-ui",
+  "version": "0.1.0",
+  "description": "Subturtle design system \u2014 Vue 3 component library shared by the dashboard and the browser extension.",
+  "license": "MIT",
+  "private": true,
+  "type": "module",
+  "files": [
+    "dist",
+    "tailwind-tokens.cjs"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/style.css",
+    "./tailwind-tokens": "./tailwind-tokens.cjs"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "icons": "node scripts/build-icons.mjs",
+    "build": "yarn icons && vue-tsc --noEmit -p tsconfig.build.json && vite build",
+    "dev": "yarn icons && vite build --watch",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.build.json"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "@iconify/json": "^2.2.319",
+    "@types/node": "^26.4.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.49",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.3.0",
+    "vue": "^3.5.12",
+    "vue-tsc": "^2.1.10"
+  }
+}
diff --git a/ui/postcss.config.cjs b/ui/postcss.config.cjs
new file mode 100644
index 00000000..67cdf1a5
--- /dev/null
+++ b/ui/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};
diff --git a/ui/scripts/build-icons.mjs b/ui/scripts/build-icons.mjs
new file mode 100644
index 00000000..6582fdcb
--- /dev/null
+++ b/ui/scripts/build-icons.mjs
@@ -0,0 +1,108 @@
+/**
+ * Generates src/icon/icons.generated.ts from @iconify/json.
+ *
+ * Why not the usual routes:
+ *   - The design calls icons by runtime name (`solar:fire-bold-duotone`), so Tailwind's
+ *     @iconify/tailwind selectors can't be statically generated for them.
+ *   - The design files use the <iconify-icon> web component, which fetches from a CDN. That is
+ *     a non-starter for the browser extension's content scripts.
+ * So we inline the SVG bodies for an explicit allowlist at build time: offline, no network,
+ * and unused icons are still in one module (see the note on tree-shaking below).
+ *
+ * To add an icon: put its name in ICONS, run `yarn icons`, use it as <StIcon name="…" />.
+ */
+import { readFileSync, writeFileSync, mkdirSync } from 'node:fs';
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const here = dirname(fileURLToPath(import.meta.url));
+const root = resolve(here, '..');
+
+/** Every icon the shell and the Progress screen use. Keep sorted by set, then name. */
+const ICONS = [
+    'solar:add-circle-bold',
+    'solar:alt-arrow-left-linear',
+    'solar:alt-arrow-right-linear',
+    'solar:arrow-down-bold',
+    'solar:arrow-right-linear',
+    'solar:arrow-up-bold',
+    'solar:bookmark-bold-duotone',
+    'solar:chart-2-bold-duotone',
+    'solar:crown-bold',
+    'solar:crown-bold-duotone',
+    'solar:documents-bold-duotone',
+    'solar:download-minimalistic-bold',
+    'solar:fire-bold',
+    'solar:fire-bold-duotone',
+    'solar:history-2-bold-duotone',
+    'solar:layers-minimalistic-bold-duotone',
+    'solar:lock-keyhole-minimalistic-bold-duotone',
+    'solar:microphone-3-bold-duotone',
+    'solar:notebook-bold-duotone',
+    'solar:play-bold',
+    'solar:rocket-2-bold-duotone',
+    'solar:settings-bold-duotone',
+];
+
+const setCache = new Map();
+function loadSet(prefix) {
+    if (!setCache.has(prefix)) {
+        const path = resolve(root, 'node_modules/@iconify/json/json', `${prefix}.json`);
+        setCache.set(prefix, JSON.parse(readFileSync(path, 'utf8')));
+    }
+    return setCache.get(prefix);
+}
+
+/** Follows one level of alias indirection, which is all the Solar set uses. */
+function resolveIcon(set, name) {
+    if (set.icons?.[name]) return { ...set.icons[name] };
+    const alias = set.aliases?.[name];
+    if (!alias) return null;
+    const base = resolveIcon(set, alias.parent);
+    return base ? { ...base, ...alias } : null;
+}
+
+const entries = [];
+const missing = [];
+
+for (const full of ICONS) {
+    const [prefix, name] = full.split(':');
+    const set = loadSet(prefix);
+    const icon = resolveIcon(set, name);
+    if (!icon) {
+        missing.push(full);
+        continue;
+    }
+    entries.push({
+        name: full,
+        body: icon.body,
+        width: icon.width ?? set.width ?? 24,
+        height: icon.height ?? set.height ?? 24,
+    });
+}
+
+if (missing.length) {
+    console.error(`build-icons: not found in @iconify/json:\n  ${missing.join('\n  ')}`);
+    process.exit(1);
+}
+
+const out = `/* eslint-disable */
+// GENERATED by scripts/build-icons.mjs — do not edit. Add names to that script's ICONS list.
+export interface IconDef {
+    body: string;
+    width: number;
+    height: number;
+}
+
+export const icons: Record<string, IconDef> = {
+${entries
+    .map((e) => `    ${JSON.stringify(e.name)}: { body: ${JSON.stringify(e.body)}, width: ${e.width}, height: ${e.height} },`)
+    .join('\n')}
+};
+
+export type IconName = keyof typeof icons;
+`;
+
+mkdirSync(resolve(root, 'src/icon'), { recursive: true });
+writeFileSync(resolve(root, 'src/icon/icons.generated.ts'), out);
+console.log(`build-icons: wrote ${entries.length} icons`);
diff --git a/ui/src/brand/StBundleCard.vue b/ui/src/brand/StBundleCard.vue
new file mode 100644
index 00000000..7327c2f7
--- /dev/null
+++ b/ui/src/brand/StBundleCard.vue
@@ -0,0 +1,101 @@
+<template>
+    <!--
+        The whole card is a click target but is intentionally NOT role="button": consumers
+        generally wrap it in a router link (which is what gives it keyboard access), and a
+        nested interactive control inside a role="button" would be invalid. The practice chip
+        below is a real <button> so it is reachable either way.
+    -->
+    <div
+        class="st-bg-card st-border st-border-subtle st-rounded-lg st-overflow-hidden st-shadow-sm st-cursor-pointer st-font-sans st-transition st-duration-base st-ease-out hover:st-shadow-lg hover:-st-translate-y-[3px]"
+        @click="$emit('open')"
+    >
+        <div class="st-relative st-h-[92px] st-p-4 st-flex st-items-start st-justify-between" :style="coverStyle">
+            <!-- A custom cover (e.g. the dashboard's generated word cloud) sits behind the pill. -->
+            <div v-if="$slots.cover" class="st-absolute st-inset-0 st-overflow-hidden">
+                <slot name="cover" />
+            </div>
+
+            <!--
+                Hidden unless both sides are known — a half-filled pair reads as wrong data.
+                On the built-in gradient covers a white wash is enough contrast, but a custom
+                cover can be any brightness, so there the chip gets its own dark scrim.
+            -->
+            <span
+                v-if="sourceLang && targetLang"
+                class="st-relative st-inline-flex st-items-center st-gap-[6px] st-px-[10px] st-py-1 st-rounded-pill st-text-white st-text-2xs st-font-extrabold st-tracking-wide st-backdrop-blur-[4px]"
+                :class="$slots.cover ? 'st-bg-ink-950/55' : 'st-bg-white/25'"
+            >
+                {{ sourceLang }}
+                <StIcon name="solar:arrow-right-linear" :size="12" />
+                {{ targetLang }}
+            </span>
+            <span v-else />
+
+            <StIcon
+                v-if="!$slots.cover"
+                name="solar:notebook-bold-duotone"
+                :size="40"
+                class="st-text-white/45"
+            />
+        </div>
+
+        <div class="st-px-5 st-pt-4 st-pb-5">
+            <h3 class="st-text-md st-font-extrabold st-text-strong st-m-0 st-truncate">{{ title }}</h3>
+            <div class="st-flex st-items-center st-justify-between st-mt-3">
+                <span class="st-inline-flex st-items-center st-gap-[6px] st-text-sm st-font-bold st-text-muted">
+                    <StIcon name="solar:documents-bold-duotone" :size="16" />
+                    {{ countLabel }}
+                </span>
+                <button
+                    v-if="practicable"
+                    type="button"
+                    class="st-inline-flex st-items-center st-justify-center st-w-[34px] st-h-[34px] st-rounded-pill st-border-none st-bg-primary-soft st-text-rose-600 st-cursor-pointer st-transition st-duration-fast st-ease-out st-focus-ring hover:st-bg-rose-200"
+                    :aria-label="practiceLabel"
+                    @click.stop.prevent="$emit('practice')"
+                >
+                    <StIcon name="solar:play-bold" :size="16" />
+                </button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+    import { computed } from 'vue';
+    import StIcon from '../icon/StIcon.vue';
+
+    const props = withDefaults(
+        defineProps<{
+            title?: string;
+            count?: number;
+            /** 2-letter code. The pill only renders when both sides are supplied. */
+            sourceLang?: string;
+            targetLang?: string;
+            cover?: 'rose' | 'jade' | 'sky' | 'amber' | 'ink';
+            /** Shows the practice chip. */
+            practicable?: boolean;
+            practiceLabel?: string;
+        }>(),
+        {
+            count: 0,
+            cover: 'rose',
+            practicable: true,
+            practiceLabel: 'Practice this bundle',
+        }
+    );
+
+    defineEmits<{ open: []; practice: [] }>();
+
+    // Gradients are built here rather than as Tailwind arbitrary values — the underscore
+    // escaping those need makes them unreadable.
+    const COVERS = {
+        rose: 'linear-gradient(135deg, rgb(var(--rose-400)), rgb(var(--rose-600)))',
+        jade: 'linear-gradient(135deg, rgb(var(--jade-400)), rgb(var(--jade-600)))',
+        sky: 'linear-gradient(135deg, rgb(var(--sky-500)), rgb(var(--sky-600)))',
+        amber: 'linear-gradient(135deg, rgb(var(--amber-500)), rgb(var(--amber-600)))',
+        ink: 'linear-gradient(135deg, rgb(var(--ink-700)), rgb(var(--ink-950)))',
+    };
+
+    const coverStyle = computed(() => ({ background: COVERS[props.cover] ?? COVERS.rose }));
+    const countLabel = computed(() => `${props.count} ${props.count === 1 ? 'phrase' : 'phrases'}`);
+</script>
diff --git a/ui/src/brand/StStatTile.vue b/ui/src/brand/StStatTile.vue
new file mode 100644
index 00000000..9c50c20a
--- /dev/null
+++ b/ui/src/brand/StStatTile.vue
@@ -0,0 +1,61 @@
+<template>
+    <div
+        class="st-flex st-items-center st-gap-4 st-bg-card st-border st-border-subtle st-rounded-lg st-px-5 st-py-4 st-shadow-sm st-font-sans"
+    >
+        <span
+            class="st-flex st-shrink-0 st-items-center st-justify-center st-w-[52px] st-h-[52px] st-rounded-md"
+            :class="tint"
+        >
+            <StIcon v-if="icon" :name="icon" :size="28" />
+        </span>
+
+        <div class="st-flex-1 st-min-w-0">
+            <div class="st-flex st-items-baseline st-gap-2">
+                <span class="st-font-display st-text-xl st-font-black st-text-strong st-leading-none">
+                    <slot>{{ value }}</slot>
+                </span>
+                <span
+                    v-if="trend"
+                    class="st-inline-flex st-items-center st-gap-[2px] st-text-xs st-font-extrabold"
+                    :class="isNegative ? 'st-text-danger' : 'st-text-jade-600'"
+                >
+                    <StIcon :name="isNegative ? 'solar:arrow-down-bold' : 'solar:arrow-up-bold'" :size="12" />
+                    {{ trendLabel }}
+                </span>
+            </div>
+            <div class="st-mt-[2px] st-text-sm st-font-semibold st-text-muted st-truncate">{{ label }}</div>
+        </div>
+
+        <slot name="action" />
+    </div>
+</template>
+
+<script setup lang="ts">
+    import { computed } from 'vue';
+    import StIcon from '../icon/StIcon.vue';
+
+    const props = withDefaults(
+        defineProps<{
+            icon?: string;
+            /** The big number. Also available as the default slot. */
+            value?: string | number;
+            label?: string;
+            accent?: 'primary' | 'accent' | 'info' | 'warning';
+            /** e.g. '+18' or '-4%'. A leading '-' flips the arrow and the color. */
+            trend?: string | null;
+        }>(),
+        { accent: 'primary' }
+    );
+
+    const TINTS = {
+        primary: 'st-bg-primary-soft st-text-rose-600',
+        accent: 'st-bg-accent-soft st-text-jade-600',
+        info: 'st-bg-info-soft st-text-sky-600',
+        warning: 'st-bg-warning-soft st-text-amber-600',
+    };
+
+    const tint = computed(() => TINTS[props.accent]);
+    const isNegative = computed(() => !!props.trend?.startsWith('-'));
+    // Strip only the leading sign; the design system's replace('-', '') mangled values like '-1-2'.
+    const trendLabel = computed(() => (isNegative.value ? props.trend!.slice(1) : props.trend));
+</script>
diff --git a/ui/src/elements/StAvatar.vue b/ui/src/elements/StAvatar.vue
new file mode 100644
index 00000000..6a689f0c
--- /dev/null
+++ b/ui/src/elements/StAvatar.vue
@@ -0,0 +1,46 @@
+<template>
+    <span class="st-relative st-inline-flex st-shrink-0" :style="{ width: `${dim}px`, height: `${dim}px` }">
+        <span
+            class="st-flex st-items-center st-justify-center st-overflow-hidden st-rounded-circle st-font-sans st-font-extrabold st-text-rose-700 st-border-[1.5px] st-border-white st-shadow-xs"
+            :class="src ? 'st-bg-ink-100' : 'st-bg-primary-soft'"
+            :style="{ width: `${dim}px`, height: `${dim}px`, fontSize: `${dim * 0.38}px` }"
+        >
+            <img v-if="src" :src="src" :alt="name" class="st-w-full st-h-full st-object-cover" />
+            <template v-else>{{ initials }}</template>
+        </span>
+        <span
+            v-if="online"
+            class="st-absolute st-right-0 st-bottom-0 st-rounded-circle st-bg-accent st-border-2 st-border-white"
+            :style="{ width: `${dim * 0.28}px`, height: `${dim * 0.28}px` }"
+        />
+    </span>
+</template>
+
+<script setup lang="ts">
+    import { computed } from 'vue';
+
+    const props = withDefaults(
+        defineProps<{
+            /** Used for the initials fallback and as the image's alt text. */
+            name?: string;
+            src?: string;
+            size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+            /** Shows the jade presence dot. */
+            online?: boolean;
+        }>(),
+        { name: '', size: 'md' }
+    );
+
+    const dim = computed(() => ({ xs: 28, sm: 36, md: 44, lg: 56, xl: 72 })[props.size]);
+
+    /** First letter of each of the first two words: "Somi Park" -> "SP". */
+    const initials = computed(() =>
+        props.name
+            .split(' ')
+            .filter(Boolean)
+            .slice(0, 2)
+            .map((part) => part[0])
+            .join('')
+            .toUpperCase()
+    );
+</script>
diff --git a/ui/src/elements/StBadge.vue b/ui/src/elements/StBadge.vue
new file mode 100644
index 00000000..49b7c8f3
--- /dev/null
+++ b/ui/src/elements/StBadge.vue
@@ -0,0 +1,46 @@
+<template>
+    <span
+        class="st-inline-flex st-items-center st-gap-[5px] st-px-[10px] st-py-[3px] st-rounded-pill st-font-sans st-text-2xs st-font-extrabold st-tracking-[0.02em] st-leading-[1.4]"
+        :class="tone"
+    >
+        <StIcon v-if="icon" :name="icon" :size="13" />
+        <slot />
+    </span>
+</template>
+
+<script setup lang="ts">
+    import { computed } from 'vue';
+    import StIcon from '../icon/StIcon.vue';
+
+    type BadgeColor = 'primary' | 'accent' | 'neutral' | 'warning' | 'danger' | 'info';
+
+    const props = withDefaults(
+        defineProps<{
+            color?: BadgeColor;
+            /** Filled instead of the default soft tint. */
+            solid?: boolean;
+            icon?: string;
+        }>(),
+        { color: 'neutral', solid: false }
+    );
+
+    const SOFT: Record<BadgeColor, string> = {
+        primary: 'st-bg-primary-soft st-text-rose-700',
+        accent: 'st-bg-accent-soft st-text-jade-700',
+        neutral: 'st-bg-ink-100 st-text-ink-700',
+        warning: 'st-bg-warning-soft st-text-amber-600',
+        danger: 'st-bg-danger-soft st-text-red-600',
+        info: 'st-bg-info-soft st-text-sky-600',
+    };
+
+    const SOLID: Record<BadgeColor, string> = {
+        primary: 'st-bg-primary st-text-white',
+        accent: 'st-bg-accent st-text-white',
+        neutral: 'st-bg-ink-800 st-text-white',
+        warning: 'st-bg-warning st-text-white',
+        danger: 'st-bg-danger st-text-white',
+        info: 'st-bg-info st-text-white',
+    };
+
+    const tone = computed(() => (props.solid ? SOLID : SOFT)[props.color]);
+</script>
diff --git a/ui/src/elements/StButton.vue b/ui/src/elements/StButton.vue
new file mode 100644
index 00000000..87877566
--- /dev/null
+++ b/ui/src/elements/StButton.vue
@@ -0,0 +1,83 @@
+<template>
+    <button
+        :type="type"
+        :disabled="disabled"
+        class="st-font-sans st-font-extrabold st-leading-none st-tracking-[0.01em] st-items-center st-justify-center st-transition st-duration-fast st-ease-out st-focus-ring disabled:st-opacity-50 disabled:st-cursor-not-allowed disabled:active:st-scale-100"
+        :class="[
+            block ? 'st-flex st-w-full' : 'st-inline-flex',
+            pill ? 'st-rounded-pill' : 'st-rounded-md',
+            size === 'sm' ? 'st-h-control-sm st-px-[14px] st-text-sm st-gap-[6px]' : '',
+            size === 'md' ? 'st-h-control-md st-px-[20px] st-text-sm st-gap-2' : '',
+            size === 'lg' ? 'st-h-control-lg st-px-[26px] st-text-md st-gap-[10px]' : '',
+            look,
+            disabled ? '' : 'st-cursor-pointer active:st-scale-[0.97] active:st-shadow-none',
+        ]"
+        @click="$emit('click', $event)"
+    >
+        <StIcon v-if="icon" :name="icon" :size="iconSize" />
+        <slot />
+        <StIcon v-if="iconRight" :name="iconRight" :size="iconSize" />
+    </button>
+</template>
+
+<script setup lang="ts">
+    import { computed } from 'vue';
+    import StIcon from '../icon/StIcon.vue';
+    import type { StSize, StTone } from '../types';
+
+    const props = withDefaults(
+        defineProps<{
+            variant?: 'solid' | 'soft' | 'outline' | 'ghost';
+            color?: StTone;
+            size?: StSize;
+            /** Full-width. */
+            block?: boolean;
+            /** Fully rounded ends instead of the default 14px radius. */
+            pill?: boolean;
+            disabled?: boolean;
+            /** Leading icon, an Iconify name. */
+            icon?: string;
+            /** Trailing icon, an Iconify name. */
+            iconRight?: string;
+            type?: 'button' | 'submit' | 'reset';
+        }>(),
+        { variant: 'solid', color: 'primary', size: 'md', type: 'button' }
+    );
+
+    defineEmits<{ click: [MouseEvent] }>();
+
+    const iconSize = computed(() => ({ sm: 16, md: 18, lg: 20 })[props.size]);
+
+    /**
+     * variant x color, ported from components/core/Button.jsx. Full class strings only —
+     * Tailwind scans this file as text, so anything assembled at runtime would be purged.
+     */
+    const LOOKS: Record<string, Record<StTone, string>> = {
+        solid: {
+            primary: 'st-bg-primary hover:st-bg-primary-hover st-text-primary-on st-border-[1.5px] st-border-transparent st-shadow-primary',
+            accent: 'st-bg-accent hover:st-bg-accent-hover st-text-accent-on st-border-[1.5px] st-border-transparent st-shadow-accent',
+            neutral: 'st-bg-ink-900 hover:st-bg-ink-950 st-text-white st-border-[1.5px] st-border-transparent st-shadow-sm',
+            danger: 'st-bg-danger hover:st-bg-red-600 st-text-white st-border-[1.5px] st-border-transparent st-shadow-sm',
+        },
+        soft: {
+            primary: 'st-bg-primary-tint hover:st-bg-primary-soft st-text-rose-700 st-border-[1.5px] st-border-transparent',
+            accent: 'st-bg-accent-tint hover:st-bg-accent-soft st-text-jade-700 st-border-[1.5px] st-border-transparent',
+            neutral: 'st-bg-ink-50 hover:st-bg-ink-100 st-text-ink-900 st-border-[1.5px] st-border-transparent',
+            danger: 'st-bg-danger-soft hover:st-bg-red-100 st-text-red-600 st-border-[1.5px] st-border-transparent',
+        },
+        outline: {
+            primary: 'st-bg-transparent hover:st-bg-primary-tint st-text-rose-700 st-border-[1.5px] st-border-primary',
+            accent: 'st-bg-transparent hover:st-bg-accent-tint st-text-jade-700 st-border-[1.5px] st-border-accent',
+            neutral: 'st-bg-transparent hover:st-bg-ink-50 st-text-ink-900 st-border-[1.5px] st-border-ink-900',
+            danger: 'st-bg-transparent hover:st-bg-danger-soft st-text-red-600 st-border-[1.5px] st-border-danger',
+        },
+        ghost: {
+            primary: 'st-bg-transparent hover:st-bg-primary-tint st-text-rose-700 st-border-[1.5px] st-border-transparent',
+            accent: 'st-bg-transparent hover:st-bg-accent-tint st-text-jade-700 st-border-[1.5px] st-border-transparent',
+            neutral: 'st-bg-transparent hover:st-bg-ink-100 st-text-ink-700 st-border-[1.5px] st-border-transparent',
+            danger: 'st-bg-transparent hover:st-bg-danger-soft st-text-red-600 st-border-[1.5px] st-border-transparent',
+        },
+    };
+
+    const look = computed(() => LOOKS[props.variant][props.color]);
+</script>
diff --git a/ui/src/elements/StCard.vue b/ui/src/elements/StCard.vue
new file mode 100644
index 00000000..7f3b78bb
--- /dev/null
+++ b/ui/src/elements/StCard.vue
@@ -0,0 +1,32 @@
+<template>
+    <div
+        class="st-bg-card st-border st-border-subtle st-rounded-lg st-transition st-duration-base st-ease-out"
+        :class="[
+            padding === 'none' ? 'st-p-0' : '',
+            padding === 'sm' ? 'st-p-4' : '',
+            padding === 'md' ? 'st-p-card' : '',
+            padding === 'lg' ? 'st-p-card-lg' : '',
+            elevation === 'none' ? 'st-shadow-none' : '',
+            elevation === 'sm' ? 'st-shadow-sm' : '',
+            elevation === 'md' ? 'st-shadow-md' : '',
+            elevation === 'lg' ? 'st-shadow-lg' : '',
+            interactive ? 'st-cursor-pointer hover:st-shadow-lg hover:-st-translate-y-[3px]' : '',
+        ]"
+    >
+        <slot />
+    </div>
+</template>
+
+<script setup lang="ts">
+    import type { StElevation, StPadding } from '../types';
+
+    withDefaults(
+        defineProps<{
+            padding?: StPadding;
+            elevation?: StElevation;
+            /** Adds a hover lift and a pointer cursor. */
+            interactive?: boolean;
+        }>(),
+        { padding: 'md', elevation: 'sm' }
+    );
+</script>
diff --git a/ui/src/elements/StEmptyState.vue b/ui/src/elements/StEmptyState.vue
new file mode 100644
index 00000000..c3bc16fb
--- /dev/null
+++ b/ui/src/elements/StEmptyState.vue
@@ -0,0 +1,57 @@
+<template>
+    <div
+        class="st-flex st-flex-col st-items-center st-text-center st-font-sans"
+        :class="compact ? 'st-gap-[10px] st-px-5 st-py-6' : 'st-gap-[14px] st-px-8 st-py-12'"
+    >
+        <span
+            v-if="icon"
+            class="st-inline-flex st-items-center st-justify-center st-rounded-circle"
+            :class="[tint, compact ? 'st-w-12 st-h-12' : 'st-w-16 st-h-16']"
+        >
+            <StIcon :name="icon" :size="compact ? 24 : 30" />
+        </span>
+
+        <div>
+            <div
+                class="st-font-display st-font-black st-tracking-tight st-text-strong"
+                :class="compact ? 'st-text-md' : 'st-text-lg'"
+            >
+                <slot name="title">{{ title }}</slot>
+            </div>
+            <p
+                v-if="description || $slots.description"
+                class="st-mt-[7px] st-max-w-[380px] st-text-sm st-font-semibold st-text-muted st-leading-normal [text-wrap:pretty]"
+            >
+                <slot name="description">{{ description }}</slot>
+            </p>
+        </div>
+
+        <div v-if="$slots.action" class="st-flex st-gap-[10px] st-mt-1">
+            <slot name="action" />
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+    import { computed } from 'vue';
+    import StIcon from '../icon/StIcon.vue';
+
+    const props = withDefaults(
+        defineProps<{
+            icon?: string;
+            title?: string;
+            description?: string;
+            color?: 'primary' | 'accent' | 'neutral';
+            compact?: boolean;
+        }>(),
+        { color: 'primary', compact: false }
+    );
+
+    const TINTS = {
+        primary: 'st-bg-primary-soft st-text-primary',
+        accent: 'st-bg-accent-soft st-text-accent',
+        neutral: 'st-bg-ink-100 st-text-muted',
+    };
+
+    const tint = computed(() => TINTS[props.color]);
+</script>
diff --git a/ui/src/elements/StIconButton.vue b/ui/src/elements/StIconButton.vue
new file mode 100644
index 00000000..42ee1207
--- /dev/null
+++ b/ui/src/elements/StIconButton.vue
@@ -0,0 +1,69 @@
+<template>
+    <button
+        type="button"
+        :disabled="disabled"
+        :aria-label="ariaLabel"
+        class="st-inline-flex st-items-center st-justify-center st-border-none st-transition st-duration-fast st-ease-out st-focus-ring disabled:st-opacity-[0.45] disabled:st-cursor-not-allowed disabled:active:st-scale-100"
+        :class="[
+            rounded === 'full' ? 'st-rounded-pill' : 'st-rounded-md',
+            size === 'sm' ? 'st-w-8 st-h-8' : '',
+            size === 'md' ? 'st-w-10 st-h-10' : '',
+            size === 'lg' ? 'st-w-12 st-h-12' : '',
+            look,
+            disabled ? '' : 'st-cursor-pointer active:st-scale-[0.92]',
+        ]"
+        @click="$emit('click', $event)"
+    >
+        <StIcon :name="icon" :size="iconSize" />
+    </button>
+</template>
+
+<script setup lang="ts">
+    import { computed } from 'vue';
+    import StIcon from '../icon/StIcon.vue';
+    import type { StSize, StTone } from '../types';
+
+    const props = withDefaults(
+        defineProps<{
+            /** Iconify name. */
+            icon: string;
+            variant?: 'solid' | 'soft' | 'ghost';
+            color?: StTone;
+            size?: StSize;
+            rounded?: 'md' | 'full';
+            disabled?: boolean;
+            /** Required in practice — the button has no text. */
+            ariaLabel?: string;
+        }>(),
+        { variant: 'soft', color: 'neutral', size: 'md', rounded: 'md' }
+    );
+
+    defineEmits<{ click: [MouseEvent] }>();
+
+    const iconSize = computed(() => ({ sm: 16, md: 20, lg: 24 })[props.size]);
+
+    // Ported from components/core/IconButton.jsx. The upstream `solid` has no hover step at
+    // all; a hover shade is added here so the control gives feedback like every other one.
+    const LOOKS: Record<string, Record<StTone, string>> = {
+        solid: {
+            primary: 'st-bg-primary hover:st-bg-primary-hover st-text-primary-on',
+            accent: 'st-bg-accent hover:st-bg-accent-hover st-text-accent-on',
+            neutral: 'st-bg-ink-900 hover:st-bg-ink-950 st-text-white',
+            danger: 'st-bg-danger hover:st-bg-red-600 st-text-white',
+        },
+        soft: {
+            primary: 'st-bg-primary-tint hover:st-bg-primary-soft st-text-rose-600',
+            accent: 'st-bg-accent-tint hover:st-bg-accent-soft st-text-jade-600',
+            neutral: 'st-bg-ink-50 hover:st-bg-ink-100 st-text-ink-700',
+            danger: 'st-bg-danger-soft hover:st-bg-red-100 st-text-red-600',
+        },
+        ghost: {
+            primary: 'st-bg-transparent hover:st-bg-primary-tint st-text-rose-600',
+            accent: 'st-bg-transparent hover:st-bg-accent-tint st-text-jade-600',
+            neutral: 'st-bg-transparent hover:st-bg-ink-100 st-text-ink-700',
+            danger: 'st-bg-transparent hover:st-bg-danger-soft st-text-red-600',
+        },
+    };
+
+    const look = computed(() => LOOKS[props.variant][props.color]);
+</script>
diff --git a/ui/src/elements/StSkeleton.vue b/ui/src/elements/StSkeleton.vue
new file mode 100644
index 00000000..f8b9f4ef
--- /dev/null
+++ b/ui/src/elements/StSkeleton.vue
@@ -0,0 +1,30 @@
+<template>
+    <div class="st-skeleton st-bg-ink-150 st-rounded-lg" />
+</template>
+
+<script setup lang="ts">
+    // Height/width come from the caller; this is the design's `.sk` placeholder block.
+</script>
+
+<style>
+    @keyframes st-skeleton-pulse {
+        0%,
+        100% {
+            opacity: 0.55;
+        }
+        50% {
+            opacity: 1;
+        }
+    }
+
+    .st-skeleton {
+        animation: st-skeleton-pulse 1.4s var(--ease-in-out) infinite;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+        .st-skeleton {
+            animation: none;
+            opacity: 0.7;
+        }
+    }
+</style>
diff --git a/ui/src/env.d.ts b/ui/src/env.d.ts
new file mode 100644
index 00000000..a699b8a2
--- /dev/null
+++ b/ui/src/env.d.ts
@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+    import type { DefineComponent } from 'vue';
+    const component: DefineComponent<{}, {}, any>;
+    export default component;
+}
diff --git a/ui/src/icon/StIcon.vue b/ui/src/icon/StIcon.vue
new file mode 100644
index 00000000..f2dd87d9
--- /dev/null
+++ b/ui/src/icon/StIcon.vue
@@ -0,0 +1,36 @@
+<template>
+    <svg
+        v-if="def"
+        :viewBox="`0 0 ${def.width} ${def.height}`"
+        :width="size"
+        :height="size"
+        aria-hidden="true"
+        focusable="false"
+        class="st-inline-block st-shrink-0"
+        v-html="def.body"
+    />
+</template>
+
+<script setup lang="ts">
+    import { computed } from 'vue';
+    import { icons } from './icons.generated';
+
+    const props = withDefaults(
+        defineProps<{
+            /** Iconify name, e.g. 'solar:fire-bold-duotone'. Must be in scripts/build-icons.mjs. */
+            name: string;
+            /** Rendered px size for both axes. */
+            size?: number | string;
+        }>(),
+        { size: 24 }
+    );
+
+    // Bodies come from @iconify/json at build time, never from user input, so v-html is safe here.
+    const def = computed(() => {
+        const found = icons[props.name];
+        if (!found && import.meta.env.DEV) {
+            console.warn(`[subturtle-ui] unknown icon "${props.name}" — add it to scripts/build-icons.mjs`);
+        }
+        return found;
+    });
+</script>
diff --git a/ui/src/icon/icons.generated.ts b/ui/src/icon/icons.generated.ts
new file mode 100644
index 00000000..d94e7aa8
--- /dev/null
+++ b/ui/src/icon/icons.generated.ts
@@ -0,0 +1,34 @@
+/* eslint-disable */
+// GENERATED by scripts/build-icons.mjs — do not edit. Add names to that script's ICONS list.
+export interface IconDef {
+    body: string;
+    width: number;
+    height: number;
+}
+
+export const icons: Record<string, IconDef> = {
+    "solar:add-circle-bold": { body: "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z\" clip-rule=\"evenodd\"/>", width: 24, height: 24 },
+    "solar:alt-arrow-left-linear": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15 5L9 12L15 19\"/>", width: 24, height: 24 },
+    "solar:alt-arrow-right-linear": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 5L15 12L9 19\"/>", width: 24, height: 24 },
+    "solar:arrow-down-bold": { body: "<path fill=\"currentColor\" d=\"M12.75 4C12.75 3.58579 12.4142 3.25 12 3.25C11.5858 3.25 11.25 3.58579 11.25 4L11.25 13.25H6.00002C5.69668 13.25 5.4232 13.4327 5.30711 13.713C5.19103 13.9932 5.25519 14.3158 5.46969 14.5303L11.4697 20.5303C11.6103 20.671 11.8011 20.75 12 20.75C12.1989 20.75 12.3897 20.671 12.5304 20.5303L18.5304 14.5303C18.7449 14.3158 18.809 13.9932 18.6929 13.713C18.5768 13.4327 18.3034 13.25 18 13.25H12.75L12.75 4Z\"/>", width: 24, height: 24 },
+    "solar:arrow-right-linear": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 12H20M14 18L20 12L14 6\"/>", width: 24, height: 24 },
+    "solar:arrow-up-bold": { body: "<path fill=\"currentColor\" d=\"M12.75 20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20L11.25 10.75H6.00002C5.69668 10.75 5.4232 10.5673 5.30711 10.287C5.19103 10.0068 5.25519 9.68417 5.46969 9.46967L11.4697 3.46967C11.6103 3.32902 11.8011 3.25 12 3.25C12.1989 3.25 12.3897 3.32902 12.5304 3.46967L18.5304 9.46967C18.7449 9.68417 18.809 10.0068 18.6929 10.287C18.5768 10.5673 18.3034 10.75 18 10.75H12.75L12.75 20Z\"/>", width: 24, height: 24 },
+    "solar:bookmark-bold-duotone": { body: "<g fill=\"currentColor\"><path d=\"M21 11.0975V16.0909C21 19.1875 21 20.7358 20.2659 21.4123C19.9158 21.735 19.4739 21.9377 19.0031 21.9915C18.016 22.1045 16.8633 21.0849 14.5578 19.0458C13.5388 18.1445 13.0292 17.6938 12.4397 17.5751C12.1494 17.5166 11.8506 17.5166 11.5603 17.5751C10.9708 17.6938 10.4612 18.1445 9.44216 19.0458C7.13673 21.0849 5.98402 22.1045 4.99692 21.9915C4.52615 21.9377 4.08421 21.735 3.73411 21.4123C3 20.7358 3 19.1875 3 16.0909V11.0975C3 6.80891 3 4.6646 4.31802 3.3323C5.63604 2 7.75736 2 12 2C16.2426 2 18.364 2 19.682 3.3323C21 4.6646 21 6.80891 21 11.0975Z\" opacity=\".5\"/><path d=\"M9 5.25C8.58579 5.25 8.25 5.58579 8.25 6C8.25 6.41421 8.58579 6.75 9 6.75H15C15.4142 6.75 15.75 6.41421 15.75 6C15.75 5.58579 15.4142 5.25 15 5.25H9Z\"/></g>", width: 24, height: 24 },
+    "solar:chart-2-bold-duotone": { body: "<g fill=\"currentColor\"><path d=\"M3.29289 9.29289C3 9.58579 3 10.0572 3 11V17C3 17.9428 3 18.4142 3.29289 18.7071C3.58579 19 4.05719 19 5 19C5.94281 19 6.41421 19 6.70711 18.7071C7 18.4142 7 17.9428 7 17V11C7 10.0572 7 9.58579 6.70711 9.29289C6.41421 9 5.94281 9 5 9C4.05719 9 3.58579 9 3.29289 9.29289Z\"/><path d=\"M17.2929 2.29289C17 2.58579 17 3.05719 17 4V17C17 17.9428 17 18.4142 17.2929 18.7071C17.5858 19 18.0572 19 19 19C19.9428 19 20.4142 19 20.7071 18.7071C21 18.4142 21 17.9428 21 17V4C21 3.05719 21 2.58579 20.7071 2.29289C20.4142 2 19.9428 2 19 2C18.0572 2 17.5858 2 17.2929 2.29289Z\" opacity=\".5\"/><path d=\"M10 7C10 6.05719 10 5.58579 10.2929 5.29289C10.5858 5 11.0572 5 12 5C12.9428 5 13.4142 5 13.7071 5.29289C14 5.58579 14 6.05719 14 7V17C14 17.9428 14 18.4142 13.7071 18.7071C13.4142 19 12.9428 19 12 19C11.0572 19 10.5858 19 10.2929 18.7071C10 18.4142 10 17.9428 10 17V7Z\" opacity=\".5\"/><path d=\"M3 21.25C2.58579 21.25 2.25 21.5858 2.25 22C2.25 22.4142 2.58579 22.75 3 22.75H21C21.4142 22.75 21.75 22.4142 21.75 22C21.75 21.5858 21.4142 21.25 21 21.25H3Z\"/></g>", width: 24, height: 24 },
+    "solar:crown-bold": { body: "<g fill=\"currentColor\"><path d=\"M20.0918 14.3257L20.2848 12.4316C20.3878 11.421 20.4558 10.7537 20.4024 10.3332L20.4211 10.3333C21.2931 10.3333 22 9.58714 22 8.66667C22 7.74619 21.2931 7 20.4211 7C19.549 7 18.8421 7.74619 18.8421 8.66667C18.8421 9.08296 18.9867 9.4636 19.2258 9.7557C18.8826 9.9793 18.4338 10.4511 17.7584 11.1613L17.7584 11.1613C17.2381 11.7084 16.9779 11.9819 16.6877 12.0243C16.5269 12.0478 16.363 12.0236 16.2145 11.9546C15.9465 11.83 15.7678 11.4919 15.4105 10.8155L13.5268 7.25044C13.3063 6.83319 13.1218 6.48397 12.9554 6.20294C13.6379 5.83541 14.1053 5.08643 14.1053 4.22222C14.1053 2.99492 13.1627 2 12 2C10.8373 2 9.89474 2.99492 9.89474 4.22222C9.89474 5.08643 10.3621 5.83541 11.0446 6.20294C10.8782 6.48399 10.6937 6.83316 10.4732 7.25045L8.58953 10.8155C8.23217 11.4919 8.05348 11.83 7.78548 11.9546C7.63699 12.0236 7.47313 12.0478 7.31231 12.0243C7.02208 11.9819 6.76191 11.7084 6.24157 11.1613C5.56617 10.4511 5.11743 9.97929 4.77424 9.75569C5.0133 9.4636 5.15789 9.08296 5.15789 8.66667C5.15789 7.74619 4.45098 7 3.57895 7C2.70692 7 2 7.74619 2 8.66667C2 9.58714 2.70692 10.3333 3.57895 10.3333L3.59759 10.3332C3.54423 10.7537 3.61223 11.421 3.71521 12.4316L3.90821 14.3257C4.01535 15.377 4.10443 16.3774 4.21355 17.2778H19.7864C19.8956 16.3774 19.9847 15.377 20.0918 14.3257Z\"/><path d=\"M10.8548 22H13.1452C16.1304 22 17.623 22 18.6189 21.0591C19.0535 20.6484 19.3288 19.908 19.5274 18.9444H4.47259C4.67121 19.908 4.94646 20.6484 5.38113 21.0591C6.37702 22 7.86961 22 10.8548 22Z\"/></g>", width: 24, height: 24 },
+    "solar:crown-bold-duotone": { body: "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M19.6872 14.0932L19.8706 12.3885C19.9684 11.479 20.033 10.8784 19.9823 10.5C19.5357 10.4948 19.1359 10.2944 18.8645 9.98019C18.5384 10.1814 18.1122 10.6061 17.4705 11.2452C16.9762 11.7376 16.729 11.9838 16.4533 12.0219C16.3005 12.0431 16.1449 12.0213 16.0038 11.9592C15.7492 11.8471 15.5794 11.5427 15.2399 10.934L13.4505 7.72546C13.241 7.3499 13.0657 7.03565 12.9077 6.78271C12.6353 6.92169 12.3268 7.00006 12 7.00006C11.6732 7.00006 11.3647 6.92169 11.0923 6.78272C10.9343 7.03566 10.759 7.34991 10.5495 7.72547L8.76006 10.934C8.42056 11.5427 8.25081 11.8471 7.99621 11.9592C7.85514 12.0213 7.69947 12.0431 7.5467 12.0219C7.27097 11.9838 7.02381 11.7376 6.5295 11.2452C5.88785 10.6061 5.46157 10.1814 5.13553 9.98019C4.86406 10.2944 4.46434 10.4948 4.01771 10.5C3.96702 10.8784 4.03162 11.479 4.12945 12.3885L4.3128 14.0932C4.34376 14.3809 4.37312 14.6645 4.40192 14.9425C4.65422 17.3783 4.86292 19.3932 5.71208 20.1532C6.65817 21.0001 8.07613 21.0001 10.9121 21.0001H13.0879C15.9239 21.0001 17.3418 21.0001 18.2879 20.1532C19.1371 19.3932 19.3458 17.3783 19.5981 14.9426C19.6269 14.6645 19.6562 14.3809 19.6872 14.0932Z\" clip-rule=\"evenodd\" opacity=\".5\"/><path d=\"M20 10.5C20.8284 10.5 21.5 9.82843 21.5 9C21.5 8.17157 20.8284 7.5 20 7.5C19.1716 7.5 18.5 8.17157 18.5 9C18.5 9.37466 18.6374 9.71724 18.8645 9.98013C19.1359 10.2944 19.5357 10.4947 19.9823 10.4999L20 10.5Z\"/><path d=\"M12 3C10.8954 3 10 3.89543 10 5C10 5.77778 10.444 6.45187 11.0923 6.78265C11.3647 6.92163 11.6732 7 12 7C12.3268 7 12.6353 6.92163 12.9077 6.78265C13.556 6.45187 14 5.77778 14 5C14 3.89543 13.1046 3 12 3Z\"/><path d=\"M2.5 9C2.5 9.82843 3.17157 10.5 4 10.5L4.01771 10.4999C4.46434 10.4947 4.86406 10.2944 5.13553 9.98012C5.36264 9.71724 5.5 9.37466 5.5 9C5.5 8.17157 4.82843 7.5 4 7.5C3.17157 7.5 2.5 8.17157 2.5 9Z\"/><path d=\"M4.84862 18.25C4.75064 17.7997 4.67228 17.2952 4.60254 16.75H19.3968C19.327 17.2952 19.2487 17.7997 19.1507 18.25H4.84862Z\"/></g>", width: 24, height: 24 },
+    "solar:documents-bold-duotone": { body: "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M5.87868 2.87868C5 3.75736 5 5.17157 5 8V16C5 18.8284 5 20.2426 5.87868 21.1213C6.75736 22 8.17157 22 11 22H13C15.8284 22 17.2426 22 18.1213 21.1213C19 20.2426 19 18.8284 19 16V8C19 5.17157 19 3.75736 18.1213 2.87868C17.2426 2 15.8284 2 13 2H11C8.17157 2 6.75736 2 5.87868 2.87868ZM8.25 17C8.25 16.5858 8.58579 16.25 9 16.25H12C12.4142 16.25 12.75 16.5858 12.75 17C12.75 17.4142 12.4142 17.75 12 17.75H9C8.58579 17.75 8.25 17.4142 8.25 17ZM9 12.25C8.58579 12.25 8.25 12.5858 8.25 13C8.25 13.4142 8.58579 13.75 9 13.75H15C15.4142 13.75 15.75 13.4142 15.75 13C15.75 12.5858 15.4142 12.25 15 12.25H9ZM8.25 9C8.25 8.58579 8.58579 8.25 9 8.25H15C15.4142 8.25 15.75 8.58579 15.75 9C15.75 9.41421 15.4142 9.75 15 9.75H9C8.58579 9.75 8.25 9.41421 8.25 9Z\" clip-rule=\"evenodd\"/><path d=\"M5.23525 4.05811C5 4.94139 5 6.17689 5 7.99985V15.9999C5 17.8229 5 19.0584 5.23527 19.9417L5 19.9238C4.02491 19.8279 3.36857 19.6111 2.87868 19.1212C2 18.2425 2 16.8283 2 13.9999V9.99991C2 7.17148 2 5.75726 2.87868 4.87859C3.36857 4.3887 4.02491 4.17194 5 4.07602L5.23525 4.05811Z\" opacity=\".5\"/><path d=\"M18.7646 19.9417C18.9999 19.0584 18.9999 17.8229 18.9999 15.9999V7.99985C18.9999 6.17689 18.9999 4.94139 18.7647 4.05811L18.9999 4.07602C19.975 4.17194 20.6314 4.3887 21.1212 4.87859C21.9999 5.75726 21.9999 7.17148 21.9999 9.99991V13.9999C21.9999 16.8283 21.9999 18.2425 21.1212 19.1212C20.6314 19.6111 19.975 19.8279 18.9999 19.9238L18.7646 19.9417Z\" opacity=\".5\"/></g>", width: 24, height: 24 },
+    "solar:download-minimalistic-bold": { body: "<g fill=\"currentColor\"><path d=\"M12.5535 16.5061C12.4114 16.6615 12.2106 16.75 12 16.75C11.7894 16.75 11.5886 16.6615 11.4465 16.5061L7.44648 12.1311C7.16698 11.8254 7.18822 11.351 7.49392 11.0715C7.79963 10.792 8.27402 10.8132 8.55352 11.1189L11.25 14.0682V3C11.25 2.58579 11.5858 2.25 12 2.25C12.4142 2.25 12.75 2.58579 12.75 3V14.0682L15.4465 11.1189C15.726 10.8132 16.2004 10.792 16.5061 11.0715C16.8118 11.351 16.833 11.8254 16.5535 12.1311L12.5535 16.5061Z\"/><path d=\"M3.75 15C3.75 14.5858 3.41422 14.25 3 14.25C2.58579 14.25 2.25 14.5858 2.25 15V15.0549C2.24998 16.4225 2.24996 17.5248 2.36652 18.3918C2.48754 19.2919 2.74643 20.0497 3.34835 20.6516C3.95027 21.2536 4.70814 21.5125 5.60825 21.6335C6.47522 21.75 7.57754 21.75 8.94513 21.75H15.0549C16.4225 21.75 17.5248 21.75 18.3918 21.6335C19.2919 21.5125 20.0497 21.2536 20.6517 20.6516C21.2536 20.0497 21.5125 19.2919 21.6335 18.3918C21.75 17.5248 21.75 16.4225 21.75 15.0549V15C21.75 14.5858 21.4142 14.25 21 14.25C20.5858 14.25 20.25 14.5858 20.25 15C20.25 16.4354 20.2484 17.4365 20.1469 18.1919C20.0482 18.9257 19.8678 19.3142 19.591 19.591C19.3142 19.8678 18.9257 20.0482 18.1919 20.1469C17.4365 20.2484 16.4354 20.25 15 20.25H9C7.56459 20.25 6.56347 20.2484 5.80812 20.1469C5.07435 20.0482 4.68577 19.8678 4.40901 19.591C4.13225 19.3142 3.9518 18.9257 3.85315 18.1919C3.75159 17.4365 3.75 16.4354 3.75 15Z\"/></g>", width: 24, height: 24 },
+    "solar:fire-bold": { body: "<path fill=\"currentColor\" d=\"M12.8324 21.8013C15.9583 21.1747 20 18.926 20 13.1112C20 7.8196 16.1267 4.29593 13.3415 2.67685C12.7235 2.31757 12 2.79006 12 3.50492V5.3334C12 6.77526 11.3938 9.40711 9.70932 10.5018C8.84932 11.0607 7.92052 10.2242 7.816 9.20388L7.73017 8.36604C7.6304 7.39203 6.63841 6.80075 5.85996 7.3946C4.46147 8.46144 3 10.3296 3 13.1112C3 20.2223 8.28889 22.0001 10.9333 22.0001C11.0871 22.0001 11.2488 21.9955 11.4171 21.9858C10.1113 21.8742 8 21.064 8 18.4442C8 16.3949 9.49507 15.0085 10.631 14.3346C10.9365 14.1533 11.2941 14.3887 11.2941 14.7439V15.3331C11.2941 15.784 11.4685 16.4889 11.8836 16.9714C12.3534 17.5174 13.0429 16.9454 13.0985 16.2273C13.1161 16.0008 13.3439 15.8564 13.5401 15.9711C14.1814 16.3459 15 17.1465 15 18.4442C15 20.4922 13.871 21.4343 12.8324 21.8013Z\"/>", width: 24, height: 24 },
+    "solar:fire-bold-duotone": { body: "<g fill=\"currentColor\"><path d=\"M12.8324 21.8013C15.9583 21.1747 20 18.926 20 13.1112C20 7.8196 16.1267 4.29593 13.3415 2.67685C12.7235 2.31757 12 2.79006 12 3.50492V5.3334C12 6.77526 11.3938 9.40711 9.70932 10.5018C8.84932 11.0607 7.92052 10.2242 7.816 9.20388L7.73017 8.36604C7.6304 7.39203 6.63841 6.80075 5.85996 7.3946C4.46147 8.46144 3 10.3296 3 13.1112C3 20.2223 8.28889 22.0001 10.9333 22.0001C11.0871 22.0001 11.2488 21.9955 11.4171 21.9858C11.863 21.9296 11.4171 22.085 12.8324 21.8013Z\" opacity=\".5\"/><path d=\"M8 18.4442C8 21.064 10.1113 21.8742 11.4171 21.9858C11.863 21.9296 11.4171 22.085 12.8324 21.8013C13.871 21.4343 15 20.4922 15 18.4442C15 17.1465 14.1814 16.3459 13.5401 15.9711C13.3439 15.8564 13.1161 16.0008 13.0985 16.2273C13.0429 16.9454 12.3534 17.5174 11.8836 16.9714C11.4685 16.4889 11.2941 15.784 11.2941 15.3331V14.7439C11.2941 14.3887 10.9365 14.1533 10.631 14.3346C9.49507 15.0085 8 16.3949 8 18.4442Z\"/></g>", width: 24, height: 24 },
+    "solar:history-2-bold-duotone": { body: "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M11.25 2C11.25 1.58579 11.5858 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 11.5858 1.58579 11.25 2 11.25C2.41421 11.25 2.75 11.5858 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75C11.5858 2.75 11.25 2.41421 11.25 2Z\" clip-rule=\"evenodd\"/><path fill-rule=\"evenodd\" d=\"M9.10012 2.39808C9.24928 2.7845 9.05695 3.21868 8.67053 3.36785C8.52909 3.42245 8.38933 3.48042 8.25134 3.54168C7.87275 3.70975 7.4296 3.5391 7.26154 3.16051C7.09347 2.78193 7.26412 2.33878 7.64271 2.17071C7.80321 2.09946 7.9658 2.03201 8.13034 1.96849C8.51677 1.81932 8.95095 2.01166 9.10012 2.39808ZM5.64824 4.2408C5.93391 4.54075 5.92232 5.01549 5.62237 5.30115C5.5127 5.40559 5.40559 5.5127 5.30115 5.62237C5.01549 5.92232 4.54075 5.93391 4.2408 5.64824C3.94085 5.36258 3.92927 4.88785 4.21493 4.5879C4.3362 4.46056 4.46056 4.3362 4.5879 4.21493C4.88785 3.92927 5.36258 3.94085 5.64824 4.2408ZM3.16051 7.26154C3.5391 7.42961 3.70975 7.87276 3.54168 8.25134C3.48042 8.38933 3.42245 8.52909 3.36785 8.67053C3.21868 9.05695 2.7845 9.24928 2.39808 9.10012C2.01166 8.95095 1.81932 8.51677 1.96849 8.13035C2.03201 7.9658 2.09946 7.80321 2.17071 7.64271C2.33878 7.26412 2.78193 7.09347 3.16051 7.26154Z\" clip-rule=\"evenodd\" opacity=\".5\"/><path d=\"M12 8.25C12.4142 8.25 12.75 8.58579 12.75 9V12.25H16C16.4142 12.25 16.75 12.5858 16.75 13C16.75 13.4142 16.4142 13.75 16 13.75H12C11.5858 13.75 11.25 13.4142 11.25 13V9C11.25 8.58579 11.5858 8.25 12 8.25Z\" opacity=\".5\"/></g>", width: 24, height: 24 },
+    "solar:layers-minimalistic-bold-duotone": { body: "<g fill=\"currentColor\"><path d=\"M7.62442 4.4489C9.50121 3.69796 10.6208 3.25 12 3.25C13.3792 3.25 14.4988 3.69796 16.3756 4.4489L19.3451 5.6367C20.2996 6.01851 21.0728 6.32776 21.6035 6.60601C21.8721 6.74683 22.1323 6.90648 22.333 7.09894C22.5392 7.29668 22.75 7.59658 22.75 8C22.75 8.40342 22.5392 8.70332 22.333 8.90106C22.1323 9.09352 21.8721 9.25317 21.6035 9.39399C21.0728 9.67223 20.2996 9.98148 19.3451 10.3633L16.3756 11.5511C14.4988 12.302 13.3792 12.75 12 12.75C10.6208 12.75 9.50121 12.302 7.62443 11.5511L4.65495 10.3633C3.70037 9.98149 2.9272 9.67223 2.39647 9.39399C2.12786 9.25317 1.86765 9.09352 1.66701 8.90106C1.46085 8.70332 1.25 8.40342 1.25 8C1.25 7.59658 1.46085 7.29668 1.66701 7.09894C1.86765 6.90648 2.12786 6.74683 2.39647 6.60601C2.92721 6.32776 3.70037 6.01851 4.65496 5.63669L7.62442 4.4489Z\"/><path d=\"M2.50248 11.4432L2.49899 11.4402C2.19062 11.1654 1.71762 11.1915 1.44158 11.4992C1.16499 11.8075 1.19103 12.282 1.49936 12.5586C1.49936 12.5586 1.49905 12.5583 1.99987 12L1.49936 12.5586L1.50044 12.5595L1.5022 12.5611L1.50682 12.5652L1.52052 12.5772C1.53164 12.5868 1.54671 12.5997 1.56573 12.6155C1.60379 12.6473 1.65768 12.6911 1.72743 12.745C1.86692 12.8528 2.06992 13.001 2.33649 13.1739C2.86958 13.5196 3.65745 13.9644 4.70015 14.3814L7.50862 15.5048L7.62429 15.5511C9.50108 16.302 10.6206 16.75 11.9999 16.75C13.3791 16.75 14.4987 16.302 16.3754 15.5511L16.4911 15.5048L19.2996 14.3814C20.3423 13.9644 21.1302 13.5196 21.6632 13.1739C21.9298 13.001 22.1328 12.8528 22.2723 12.745C22.3421 12.6911 22.3959 12.6473 22.434 12.6155C22.453 12.5997 22.4681 12.5868 22.4792 12.5772L22.4929 12.5652L22.4975 12.5611L22.4993 12.5595L22.5007 12.5583C22.809 12.2817 22.8347 11.8075 22.5582 11.4992C22.2821 11.1915 21.8093 11.1652 21.501 11.44L21.4993 11.4415L21.4973 11.4432C21.4929 11.4471 21.4846 11.4541 21.4726 11.4641C21.4486 11.4842 21.4094 11.5161 21.3551 11.5581C21.2463 11.6422 21.077 11.7663 20.8471 11.9154C20.3872 12.2136 19.6857 12.6115 18.7425 12.9887L15.934 14.1121C13.9092 14.922 13.0603 15.25 11.9999 15.25C10.9395 15.25 10.0905 14.922 8.06571 14.1121L5.25724 12.9887C4.31406 12.6115 3.61251 12.2136 3.15267 11.9154C2.92276 11.7663 2.7534 11.6422 2.64465 11.5581C2.59029 11.5161 2.5511 11.4842 2.52709 11.4641C2.51509 11.4541 2.50689 11.4471 2.50248 11.4432Z\" opacity=\".5\"/><path d=\"M2.50248 11.4432L2.49899 11.4402C2.19062 11.1654 1.71762 11.1915 1.44158 11.4992C1.16499 11.8075 1.19103 12.282 1.49936 12.5586C1.49936 12.5586 1.49905 12.5583 1.99987 12L1.49936 12.5586L1.50044 12.5595L1.5022 12.5611L1.50682 12.5652L1.52052 12.5772C1.53164 12.5868 1.54671 12.5997 1.56573 12.6155C1.60379 12.6473 1.65768 12.6911 1.72743 12.745C1.86692 12.8528 2.06992 13.001 2.33649 13.1739C2.86958 13.5196 3.65745 13.9644 4.70015 14.3814L7.50862 15.5048L7.62429 15.5511C9.50108 16.302 10.6206 16.75 11.9999 16.75C13.3791 16.75 14.4987 16.302 16.3754 15.5511L16.4911 15.5048L19.2996 14.3814C20.3423 13.9644 21.1302 13.5196 21.6632 13.1739C21.9298 13.001 22.1328 12.8528 22.2723 12.745C22.3421 12.6911 22.3959 12.6473 22.434 12.6155C22.453 12.5997 22.4681 12.5868 22.4792 12.5772L22.4929 12.5652L22.4975 12.5611L22.4993 12.5595L22.5007 12.5583C22.809 12.2817 22.8347 11.8075 22.5582 11.4992C22.2821 11.1915 21.8093 11.1652 21.501 11.44L21.4993 11.4415L21.4973 11.4432C21.4929 11.4471 21.4846 11.4541 21.4726 11.4641C21.4486 11.4842 21.4094 11.5161 21.3551 11.5581C21.2463 11.6422 21.077 11.7663 20.8471 11.9154C20.3872 12.2136 19.6857 12.6115 18.7425 12.9887L15.934 14.1121C13.9092 14.922 13.0603 15.25 11.9999 15.25C10.9395 15.25 10.0905 14.922 8.06571 14.1121L5.25724 12.9887C4.31406 12.6115 3.61251 12.2136 3.15267 11.9154C2.92276 11.7663 2.7534 11.6422 2.64465 11.5581C2.59029 11.5161 2.5511 11.4842 2.52709 11.4641C2.51509 11.4541 2.50689 11.4471 2.50248 11.4432Z\" opacity=\".5\"/><path d=\"M2.49883 15.4991C2.19045 15.2243 1.71762 15.2506 1.44158 15.5583C1.16499 15.8666 1.19103 16.3411 1.49936 16.6177L1.50044 16.6186L1.5022 16.6202L1.50682 16.6243L1.52052 16.6362C1.53164 16.6459 1.54671 16.6587 1.56573 16.6746C1.60379 16.7064 1.65768 16.7502 1.72743 16.8041C1.86692 16.9119 2.06992 17.0601 2.33649 17.233C2.86958 17.5787 3.65745 18.0234 4.70015 18.4405L7.50862 19.5639L7.62429 19.6102C9.50108 20.3611 10.6206 20.8091 11.9999 20.8091C13.3791 20.8091 14.4987 20.3611 16.3754 19.6102L16.4911 19.5639L19.2996 18.4405C20.3423 18.0234 21.1302 17.5787 21.6632 17.233C21.9298 17.0601 22.1328 16.9119 22.2723 16.8041C22.3421 16.7502 22.3959 16.7064 22.434 16.6746C22.453 16.6587 22.4681 16.6459 22.4792 16.6362L22.4929 16.6243L22.4975 16.6202L22.4993 16.6186L22.5007 16.6174C22.809 16.3408 22.8347 15.8666 22.5582 15.5583C22.2821 15.2506 21.8093 15.2243 21.501 15.4991L21.4993 15.5005L21.4973 15.5023C21.4929 15.5061 21.4846 15.5132 21.4726 15.5232C21.4486 15.5432 21.4094 15.5752 21.3551 15.6172C21.2463 15.7013 21.077 15.8254 20.8471 15.9745C20.3872 16.2727 19.6857 16.6705 18.7425 17.0478L15.934 18.1712C13.9092 18.9811 13.0603 19.3091 11.9999 19.3091C10.9395 19.3091 10.0905 18.9811 8.06571 18.1712L5.25724 17.0478C4.31406 16.6705 3.61251 16.2727 3.15267 15.9745C2.92276 15.8254 2.7534 15.7013 2.64465 15.6172C2.59029 15.5752 2.5511 15.5432 2.52709 15.5232C2.51509 15.5132 2.50689 15.5061 2.50248 15.5023L2.49883 15.4991Z\" opacity=\".5\"/></g>", width: 24, height: 24 },
+    "solar:lock-keyhole-minimalistic-bold-duotone": { body: "<g fill=\"currentColor\"><path d=\"M2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.75736 10 5.17157 10 8 10H16C18.8284 10 20.2426 10 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16Z\" opacity=\".5\"/><path d=\"M12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"/><path d=\"M6.75 8C6.75 5.10051 9.10051 2.75 12 2.75C14.8995 2.75 17.25 5.10051 17.25 8V10.0036C17.8174 10.0089 18.3135 10.022 18.75 10.0546V8C18.75 4.27208 15.7279 1.25 12 1.25C8.27208 1.25 5.25 4.27208 5.25 8V10.0546C5.68651 10.022 6.18264 10.0089 6.75 10.0036V8Z\"/></g>", width: 24, height: 24 },
+    "solar:microphone-3-bold-duotone": { body: "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4 9C4.41421 9 4.75 9.33579 4.75 9.75V10.75C4.75 14.7541 7.99594 18 12 18C16.0041 18 19.25 14.7541 19.25 10.75V9.75C19.25 9.33579 19.5858 9 20 9C20.4142 9 20.75 9.33579 20.75 9.75V10.75C20.75 15.3298 17.2314 19.0879 12.75 19.4683V21.75C12.75 22.1642 12.4142 22.5 12 22.5C11.5858 22.5 11.25 22.1642 11.25 21.75V19.4683C6.7686 19.0879 3.25 15.3298 3.25 10.75V9.75C3.25 9.33579 3.58579 9 4 9Z\" clip-rule=\"evenodd\"/><path fill-rule=\"evenodd\" d=\"M12 2C8.82436 2 6.25 4.57436 6.25 7.75V10.75C6.25 13.9256 8.82436 16.5 12 16.5C15.1756 16.5 17.75 13.9256 17.75 10.75V7.75C17.75 4.57436 15.1756 2 12 2ZM14 11.5C14.4142 11.5 14.75 11.1642 14.75 10.75C14.75 10.3358 14.4142 10 14 10H10C9.58579 10 9.25 10.3358 9.25 10.75C9.25 11.1642 9.58579 11.5 10 11.5H14ZM13.75 7.75C13.75 8.16421 13.4142 8.5 13 8.5H11C10.5858 8.5 10.25 8.16421 10.25 7.75C10.25 7.33579 10.5858 7 11 7H13C13.4142 7 13.75 7.33579 13.75 7.75Z\" clip-rule=\"evenodd\" opacity=\".5\"/><path d=\"M14 11.5C14.4142 11.5 14.75 11.1642 14.75 10.75C14.75 10.3358 14.4142 10 14 10H10C9.58579 10 9.25 10.3358 9.25 10.75C9.25 11.1642 9.58579 11.5 10 11.5H14Z\"/><path d=\"M13 8.5C13.4142 8.5 13.75 8.16421 13.75 7.75C13.75 7.33579 13.4142 7 13 7H11C10.5858 7 10.25 7.33579 10.25 7.75C10.25 8.16421 10.5858 8.5 11 8.5H13Z\"/></g>", width: 24, height: 24 },
+    "solar:notebook-bold-duotone": { body: "<g fill=\"currentColor\"><path d=\"M3 8C3 5.17157 3 3.75736 3.87868 2.87868C4.75736 2 6.17157 2 9 2H15C17.8284 2 19.2426 2 20.1213 2.87868C21 3.75736 21 5.17157 21 8V16C21 18.8284 21 20.2426 20.1213 21.1213C19.2426 22 17.8284 22 15 22H9C6.17157 22 4.75736 22 3.87868 21.1213C3 20.2426 3 18.8284 3 16V8Z\" opacity=\".5\"/><path fill-rule=\"evenodd\" d=\"M8.75 2.01221V22.0111H7.25V2.01221H8.75Z\" clip-rule=\"evenodd\"/><path fill-rule=\"evenodd\" d=\"M1.25 8C1.25 7.58579 1.58579 7.25 2 7.25H4C4.41421 7.25 4.75 7.58579 4.75 8C4.75 8.41421 4.41421 8.75 4 8.75H2C1.58579 8.75 1.25 8.41421 1.25 8ZM1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H4C4.41421 11.25 4.75 11.5858 4.75 12C4.75 12.4142 4.41421 12.75 4 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12ZM1.25 16C1.25 15.5858 1.58579 15.25 2 15.25H4C4.41421 15.25 4.75 15.5858 4.75 16C4.75 16.4142 4.41421 16.75 4 16.75H2C1.58579 16.75 1.25 16.4142 1.25 16Z\" clip-rule=\"evenodd\"/><path d=\"M10.75 6.5C10.75 6.08579 11.0858 5.75 11.5 5.75H16.5C16.9142 5.75 17.25 6.08579 17.25 6.5C17.25 6.91421 16.9142 7.25 16.5 7.25H11.5C11.0858 7.25 10.75 6.91421 10.75 6.5Z\"/><path d=\"M10.75 10C10.75 9.58579 11.0858 9.25 11.5 9.25H16.5C16.9142 9.25 17.25 9.58579 17.25 10C17.25 10.4142 16.9142 10.75 16.5 10.75H11.5C11.0858 10.75 10.75 10.4142 10.75 10Z\"/></g>", width: 24, height: 24 },
+    "solar:play-bold": { body: "<path fill=\"currentColor\" d=\"M21.4086 9.35258C23.5305 10.5065 23.5305 13.4935 21.4086 14.6474L8.59662 21.6145C6.53435 22.736 4 21.2763 4 18.9671L4 5.0329C4 2.72368 6.53435 1.26402 8.59661 2.38548L21.4086 9.35258Z\"/>", width: 24, height: 24 },
+    "solar:rocket-2-bold-duotone": { body: "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M15.5023 14.3674L20.5319 9.35289C21.2563 8.63072 21.6185 8.26963 21.8092 7.81046C22 7.3513 22 6.84065 22 5.81937V5.33146C22 3.76099 22 2.97576 21.5106 2.48788C21.0213 2 20.2337 2 18.6585 2H18.1691C17.1447 2 16.6325 2 16.172 2.19019C15.7114 2.38039 15.3493 2.74147 14.6249 3.46364L9.59522 8.47817C8.74882 9.32202 8.224 9.84526 8.02078 10.3506C7.95657 10.5103 7.92446 10.6682 7.92446 10.8339C7.92446 11.5238 8.48138 12.0791 9.59522 13.1896L9.74492 13.3388L11.4985 11.5591C11.7486 11.3053 12.1571 11.3022 12.4109 11.5523C12.6647 11.8024 12.6678 12.2109 12.4177 12.4647L10.6587 14.2499L10.7766 14.3674C11.8905 15.4779 12.4474 16.0331 13.1394 16.0331C13.2924 16.0331 13.4387 16.006 13.5858 15.9518C14.1048 15.7607 14.6345 15.2325 15.5023 14.3674ZM17.8652 8.47854C17.2127 9.12904 16.1548 9.12904 15.5024 8.47854C14.8499 7.82803 14.8499 6.77335 15.5024 6.12284C16.1548 5.47233 17.2127 5.47233 17.8652 6.12284C18.5177 6.77335 18.5177 7.82803 17.8652 8.47854Z\" clip-rule=\"evenodd\"/><path fill-rule=\"evenodd\" d=\"M2.77409 12.4814C3.07033 12.778 3.07004 13.2586 2.77343 13.5548L2.61779 13.7103C2.48483 13.8431 2.48483 14.058 2.61779 14.1908C2.75125 14.3241 2.96801 14.3241 3.10147 14.1908L4.8136 12.4807C5.1102 12.1845 5.59079 12.1848 5.88704 12.4814C6.18328 12.778 6.18298 13.2586 5.88638 13.5548L4.17426 15.2648C3.4481 15.9901 2.27116 15.9901 1.545 15.2648C0.818334 14.5391 0.818333 13.362 1.545 12.6362L1.70065 12.4807C1.99725 12.1845 2.47784 12.1848 2.77409 12.4814ZM7.29719 16.696C7.5903 16.9957 7.58495 17.4762 7.28525 17.7693L5.55508 19.4614C5.25538 19.7545 4.77481 19.7491 4.48171 19.4494C4.1886 19.1497 4.19395 18.6692 4.49365 18.3761L6.22382 16.684C6.52352 16.3909 7.00409 16.3963 7.29719 16.696ZM11.4811 18.118C11.7774 18.4146 11.7771 18.8952 11.4805 19.1915L9.76834 20.9015C9.63539 21.0343 9.63539 21.2492 9.76834 21.382C9.9018 21.5153 10.1186 21.5153 10.252 21.382L10.4077 21.2265C10.7043 20.9303 11.1849 20.9306 11.4811 21.2272C11.7774 21.5238 11.7771 22.0044 11.4805 22.3006L11.3248 22.4561C10.5987 23.1813 9.42171 23.1813 8.69556 22.4561C7.96889 21.7303 7.96889 20.5532 8.69556 19.8274L10.4077 18.1174C10.7043 17.8211 11.1849 17.8214 11.4811 18.118Z\" clip-rule=\"evenodd\"/><g opacity=\".5\"><path d=\"M10.8461 5.40925L8.65837 7.59037C8.25624 7.99126 7.88737 8.35901 7.59606 8.69145C7.40899 8.90494 7.22204 9.13861 7.06368 9.39679L7.04237 9.37554C7.00191 9.3352 6.98165 9.31501 6.96133 9.29529C6.58108 8.92635 6.1338 8.63301 5.64342 8.43097C5.61722 8.42018 5.59062 8.40964 5.53743 8.38856L5.2117 8.25949C4.77043 8.08464 4.65283 7.51659 4.9886 7.18184C5.95224 6.22112 7.10923 5.06765 7.6676 4.83597C8.16004 4.63166 8.692 4.56368 9.20505 4.6395C9.67514 4.70897 10.1198 4.95043 10.8461 5.40925Z\"/><path d=\"M14.5816 16.8934C14.7579 17.0723 14.8749 17.1987 14.9808 17.3337C15.1204 17.5119 15.2453 17.7012 15.3542 17.8996C15.4767 18.123 15.5718 18.3616 15.7621 18.8389C15.9169 19.2274 16.4315 19.3301 16.7303 19.0322L16.8026 18.9601C17.7662 17.9993 18.9232 16.8458 19.1556 16.2891C19.3605 15.7982 19.4287 15.2678 19.3526 14.7563C19.283 14.2877 19.0408 13.8444 18.5807 13.1205L16.3857 15.3089C15.9745 15.7189 15.5974 16.0949 15.2564 16.3894C15.052 16.5659 14.8284 16.7423 14.5816 16.8934Z\"/></g><g opacity=\".5\"><path d=\"M7.68621 14.5633C7.98263 14.2669 7.98263 13.7863 7.68621 13.4899C7.38979 13.1935 6.90919 13.1935 6.61277 13.4899L4.47036 15.6323C4.17394 15.9287 4.17394 16.4093 4.47036 16.7057C4.76679 17.0021 5.24738 17.0021 5.5438 16.7057L7.68621 14.5633Z\"/><path d=\"M10.4954 17.369C10.7918 17.0726 10.7918 16.592 10.4954 16.2956C10.1989 15.9992 9.71835 15.9992 9.42193 16.2956L7.29417 18.4233C6.99774 18.7198 6.99774 19.2003 7.29417 19.4968C7.59059 19.7932 8.07118 19.7932 8.36761 19.4968L10.4954 17.369Z\"/></g></g>", width: 24, height: 24 },
+    "solar:settings-bold-duotone": { body: "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M14.2788 2.15224C13.9085 2 13.439 2 12.5 2C11.561 2 11.0915 2 10.7212 2.15224C10.2274 2.35523 9.83509 2.74458 9.63056 3.23463C9.53719 3.45834 9.50065 3.7185 9.48635 4.09799C9.46534 4.65568 9.17716 5.17189 8.69017 5.45093C8.20318 5.72996 7.60864 5.71954 7.11149 5.45876C6.77318 5.2813 6.52789 5.18262 6.28599 5.15102C5.75609 5.08178 5.22018 5.22429 4.79616 5.5472C4.47814 5.78938 4.24339 6.1929 3.7739 6.99993C3.30441 7.80697 3.06967 8.21048 3.01735 8.60491C2.94758 9.1308 3.09118 9.66266 3.41655 10.0835C3.56506 10.2756 3.77377 10.437 4.0977 10.639C4.57391 10.936 4.88032 11.4419 4.88029 12C4.88026 12.5581 4.57386 13.0639 4.0977 13.3608C3.77372 13.5629 3.56497 13.7244 3.41645 13.9165C3.09108 14.3373 2.94749 14.8691 3.01725 15.395C3.06957 15.7894 3.30432 16.193 3.7738 17C4.24329 17.807 4.47804 18.2106 4.79606 18.4527C5.22008 18.7756 5.75599 18.9181 6.28589 18.8489C6.52778 18.8173 6.77305 18.7186 7.11133 18.5412C7.60852 18.2804 8.2031 18.27 8.69012 18.549C9.17714 18.8281 9.46533 19.3443 9.48635 19.9021C9.50065 20.2815 9.53719 20.5417 9.63056 20.7654C9.83509 21.2554 10.2274 21.6448 10.7212 21.8478C11.0915 22 11.561 22 12.5 22C13.439 22 13.9085 22 14.2788 21.8478C14.7726 21.6448 15.1649 21.2554 15.3694 20.7654C15.4628 20.5417 15.4994 20.2815 15.5137 19.902C15.5347 19.3443 15.8228 18.8281 16.3098 18.549C16.7968 18.2699 17.3914 18.2804 17.8886 18.5412C18.2269 18.7186 18.4721 18.8172 18.714 18.8488C19.2439 18.9181 19.7798 18.7756 20.2038 18.4527C20.5219 18.2105 20.7566 17.807 21.2261 16.9999C21.6956 16.1929 21.9303 15.7894 21.9827 15.395C22.0524 14.8691 21.9088 14.3372 21.5835 13.9164C21.4349 13.7243 21.2262 13.5628 20.9022 13.3608C20.4261 13.0639 20.1197 12.558 20.1197 11.9999C20.1197 11.4418 20.4261 10.9361 20.9022 10.6392C21.2263 10.4371 21.435 10.2757 21.5836 10.0835C21.9089 9.66273 22.0525 9.13087 21.9828 8.60497C21.9304 8.21055 21.6957 7.80703 21.2262 7C20.7567 6.19297 20.522 5.78945 20.2039 5.54727C19.7799 5.22436 19.244 5.08185 18.7141 5.15109C18.4722 5.18269 18.2269 5.28136 17.8887 5.4588C17.3915 5.71959 16.7969 5.73002 16.3099 5.45096C15.8229 5.17191 15.5347 4.65566 15.5136 4.09794C15.4993 3.71848 15.4628 3.45833 15.3694 3.23463C15.1649 2.74458 14.7726 2.35523 14.2788 2.15224Z\" clip-rule=\"evenodd\" opacity=\".5\"/><path d=\"M15.5227 12C15.5227 13.6569 14.1694 15 12.4999 15C10.8304 15 9.47705 13.6569 9.47705 12C9.47705 10.3431 10.8304 9 12.4999 9C14.1694 9 15.5227 10.3431 15.5227 12Z\"/></g>", width: 24, height: 24 },
+};
+
+export type IconName = keyof typeof icons;
diff --git a/ui/src/index.ts b/ui/src/index.ts
new file mode 100644
index 00000000..f387d183
--- /dev/null
+++ b/ui/src/index.ts
@@ -0,0 +1,31 @@
+/**
+ * subturtle-ui — the Subturtle design system as Vue 3 components.
+ *
+ * Consumers must also import the stylesheet once:
+ *   import 'subturtle-ui/style.css';
+ * It carries the design tokens and every component's compiled CSS. All emitted classes are
+ * prefixed `st-`, so it cannot collide with the host application's own Tailwind build.
+ */
+import './styles/index.css';
+
+// Icon
+export { default as StIcon } from './icon/StIcon.vue';
+
+// Elements
+export { default as StAvatar } from './elements/StAvatar.vue';
+export { default as StBadge } from './elements/StBadge.vue';
+export { default as StButton } from './elements/StButton.vue';
+export { default as StCard } from './elements/StCard.vue';
+export { default as StEmptyState } from './elements/StEmptyState.vue';
+export { default as StIconButton } from './elements/StIconButton.vue';
+export { default as StSkeleton } from './elements/StSkeleton.vue';
+
+// Brand
+export { default as StBundleCard } from './brand/StBundleCard.vue';
+export { default as StStatTile } from './brand/StStatTile.vue';
+
+// Shell
+export { default as StAppShell } from './shell/StAppShell.vue';
+export { default as StSidebarNav } from './shell/StSidebarNav.vue';
+
+export type { StNavGroup, StNavItem, StTone, StSize, StPadding, StElevation } from './types';
diff --git a/ui/src/shell/StAppShell.vue b/ui/src/shell/StAppShell.vue
new file mode 100644
index 00000000..09555965
--- /dev/null
+++ b/ui/src/shell/StAppShell.vue
@@ -0,0 +1,107 @@
+<template>
+    <div
+        class="st-flex st-h-full st-min-h-0 st-overflow-hidden st-bg-page st-font-sans"
+        :data-rail="collapsed ? 'collapsed' : 'expanded'"
+        :style="{ '--sidebar-w': collapsed ? COLLAPSED_W : undefined }"
+    >
+        <aside
+            class="st-relative st-flex st-flex-col st-shrink-0 st-w-sidebar st-h-full st-bg-card st-border-r st-border-subtle st-px-4 st-py-5 st-transition-[width] st-duration-base st-ease-out"
+        >
+            <div class="st-flex st-items-center st-gap-[10px] st-px-2 st-pt-1 st-pb-[22px]" :class="collapsed ? 'st-justify-center' : ''">
+                <img v-if="logoSrc" :src="logoSrc" alt="" class="st-w-[34px] st-h-[34px] st-shrink-0" />
+                <span
+                    v-if="!collapsed && productName"
+                    class="st-text-[22px] st-font-black st-tracking-[-0.03em] st-text-strong st-truncate"
+                >
+                    {{ productName }}
+                </span>
+            </div>
+
+            <StSidebarNav :groups="nav" :active="active" :collapsed="collapsed" @navigate="$emit('navigate', $event)" />
+
+            <button
+                v-if="collapsible"
+                type="button"
+                class="st-absolute st-top-[76px] -st-right-[14px] st-z-20 st-flex st-items-center st-justify-center st-w-7 st-h-7 st-p-0 st-rounded-circle st-border st-border-subtle st-bg-card st-shadow-sm st-text-muted st-cursor-pointer st-focus-ring hover:st-text-body"
+                :aria-label="collapsed ? 'Expand menu' : 'Collapse menu'"
+                :title="collapsed ? 'Expand menu' : 'Collapse menu'"
+                :aria-expanded="!collapsed"
+                @click="$emit('update:collapsed', !collapsed)"
+            >
+                <StIcon :name="collapsed ? 'solar:alt-arrow-right-linear' : 'solar:alt-arrow-left-linear'" :size="17" />
+            </button>
+
+            <div v-if="$slots['sidebar-footer']" class="st-pt-4">
+                <slot name="sidebar-footer" :collapsed="collapsed" />
+            </div>
+        </aside>
+
+        <div class="st-flex-1 st-flex st-flex-col st-min-w-0 st-overflow-hidden">
+            <header
+                class="st-shrink-0 st-flex st-items-center st-justify-between st-h-[68px] st-px-8 st-border-b st-border-subtle st-bg-page/80 st-backdrop-blur-[8px]"
+            >
+                <span class="st-text-md st-font-extrabold st-text-strong st-min-w-0 st-truncate">
+                    <slot name="title" />
+                </span>
+                <div class="st-flex st-items-center st-gap-3 st-shrink-0">
+                    <slot name="header-right" />
+                </div>
+            </header>
+
+<!-- overflow-x must be clipped, not visible: the ambient blobs are positioned past the
+                 right edge, and a scrolling box cannot keep overflow-x visible — it would silently
+                 become auto and add a horizontal scrollbar. -->
+            <main class="st-flex-1 st-overflow-y-auto st-overflow-x-clip st-relative">
+                <template v-if="ambient">
+                    <div
+                        class="st-pointer-events-none st-absolute -st-top-[10%] -st-left-[6%] st-w-[36%] st-h-[36%] st-rounded-circle st-bg-primary/5 st-blur-[120px]"
+                    />
+                    <div
+                        class="st-pointer-events-none st-absolute -st-bottom-[10%] -st-right-[6%] st-w-[36%] st-h-[36%] st-rounded-circle st-bg-accent/5 st-blur-[120px]"
+                    />
+                </template>
+
+                <div class="st-relative st-mx-auto st-px-8 st-pt-8 st-pb-16" :style="{ maxWidth }">
+                    <slot />
+                </div>
+            </main>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+    import StIcon from '../icon/StIcon.vue';
+    import StSidebarNav from './StSidebarNav.vue';
+    import type { StNavGroup } from '../types';
+
+    /** Rail width when collapsed. Expanded width is --sidebar-w from the token sheet (17rem). */
+    const COLLAPSED_W = '76px';
+
+    withDefaults(
+        defineProps<{
+            nav?: StNavGroup[];
+            /** id of the active nav item. Fully controlled — the shell keeps no selection state. */
+            active?: string;
+            productName?: string;
+            logoSrc?: string;
+            /** Content column width. */
+            maxWidth?: string;
+            /** The soft rose/jade background blobs behind the page content. */
+            ambient?: boolean;
+            /** Shows the rail collapse toggle. */
+            collapsible?: boolean;
+            /** v-model:collapsed. Persistence is the app's job. */
+            collapsed?: boolean;
+        }>(),
+        {
+            nav: () => [],
+            productName: 'Subturtle',
+            maxWidth: 'var(--container-max)',
+            ambient: true,
+            collapsible: true,
+            collapsed: false,
+        }
+    );
+
+    defineEmits<{ navigate: [string]; 'update:collapsed': [boolean] }>();
+</script>
diff --git a/ui/src/shell/StSidebarNav.vue b/ui/src/shell/StSidebarNav.vue
new file mode 100644
index 00000000..7ab7f8d5
--- /dev/null
+++ b/ui/src/shell/StSidebarNav.vue
@@ -0,0 +1,110 @@
+<template>
+    <nav class="st-sidebar-nav st-flex st-flex-col st-gap-[18px] st-flex-1 st-min-h-0">
+        <div v-for="(group, gi) in groups" :key="group.section || gi">
+            <div
+                v-if="group.section && !collapsed"
+                class="st-px-[10px] st-pb-2 st-text-2xs st-font-extrabold st-tracking-caps st-uppercase st-text-faint"
+            >
+                {{ group.section }}
+            </div>
+
+            <div class="st-flex st-flex-col st-gap-[2px]">
+                <button
+                    v-for="item in group.items"
+                    :key="item.id"
+                    type="button"
+                    class="st-nav-item st-flex st-items-center st-gap-[11px] st-w-full st-p-[10px] st-rounded-md st-border-none st-text-sm st-text-left st-cursor-pointer st-transition st-duration-fast st-ease-out st-focus-ring"
+                    :class="
+                        item.id === active
+                            ? 'st-bg-primary-soft st-text-rose-700 st-font-extrabold'
+                            : 'st-bg-transparent st-text-body st-font-semibold hover:st-bg-ink-50'
+                    "
+                    :aria-current="item.id === active ? 'page' : undefined"
+                    @click="$emit('navigate', item.id)"
+                >
+                    <StIcon
+                        v-if="item.icon"
+                        :name="item.icon"
+                        :size="22"
+                        :class="item.id === active ? 'st-text-primary' : 'st-text-muted'"
+                    />
+                    <!-- Kept in the DOM when collapsed: it is the button's accessible name, and
+                         the stylesheet turns it into a hover/focus tooltip. -->
+                    <span class="st-rail-label st-flex-1">{{ item.label }}</span>
+                    <span
+                        v-if="item.badge != null && !collapsed"
+                        class="st-text-2xs st-font-extrabold"
+                        :class="item.id === active ? 'st-text-rose-700' : 'st-text-faint'"
+                    >
+                        {{ item.badge }}
+                    </span>
+                </button>
+            </div>
+        </div>
+    </nav>
+</template>
+
+<script setup lang="ts">
+    import StIcon from '../icon/StIcon.vue';
+    import type { StNavGroup } from '../types';
+
+    withDefaults(
+        defineProps<{
+            groups?: StNavGroup[];
+            active?: string;
+            collapsed?: boolean;
+        }>(),
+        { groups: () => [], collapsed: false }
+    );
+
+    defineEmits<{ navigate: [string] }>();
+</script>
+
+<style>
+    /* Expanded: the nav scrolls if it outgrows the rail. */
+    .st-sidebar-nav {
+        overflow-y: auto;
+    }
+
+    /*
+     * Collapsed: overflow must be visible or the label tooltips get clipped (a box with
+     * overflow-y:auto cannot keep overflow-x:visible). With seven or so items the rail is
+     * short enough that dropping the scroll costs nothing.
+     */
+    [data-rail='collapsed'] .st-sidebar-nav {
+        overflow: visible;
+    }
+
+    [data-rail='collapsed'] .st-nav-item {
+        position: relative;
+        justify-content: center;
+    }
+
+    [data-rail='collapsed'] .st-nav-item > .st-rail-label {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        overflow: hidden;
+        clip-path: inset(50%);
+        white-space: nowrap;
+    }
+
+    [data-rail='collapsed'] .st-nav-item:hover > .st-rail-label,
+    [data-rail='collapsed'] .st-nav-item:focus-visible > .st-rail-label {
+        left: calc(100% + 8px);
+        top: 50%;
+        transform: translateY(-50%);
+        z-index: 30;
+        width: auto;
+        height: auto;
+        overflow: visible;
+        clip-path: none;
+        padding: 6px 11px;
+        border-radius: var(--radius-sm);
+        background: rgb(var(--ink-950));
+        color: rgb(var(--white));
+        font-size: var(--text-xs);
+        font-weight: 700;
+        box-shadow: var(--shadow-md);
+    }
+</style>
diff --git a/ui/src/styles/index.css b/ui/src/styles/index.css
new file mode 100644
index 00000000..f6749103
--- /dev/null
+++ b/ui/src/styles/index.css
@@ -0,0 +1,57 @@
+/* Google Fonts must be the first statement in the file, or browsers drop it. */
+@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&family=JetBrains+Mono:wght@400;500;600&display=swap');
+@import './tokens.css';
+
+@tailwind base;
+@tailwind components;
+
+/*
+ * Deliberately NOT a reset. Preflight is off (see tailwind.config.cjs) so the library never
+ * restyles a host page's elements. This one rule is the exception: every component's layout
+ * math assumes border-box. Both current consumers already set it via their own preflight —
+ * it is repeated so the library also works in a page with no reset at all, such as an
+ * extension content script.
+ */
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+/*
+ * Helper classes for CONSUMERS, written as plain CSS rather than inside `@layer components`.
+ * Tailwind purges its own layers against this package's `content` globs, which only cover
+ * src/ — a class used solely in a consuming app would be stripped from the shipped stylesheet.
+ * They sit before `@tailwind utilities` so utility classes still override them.
+ */
+
+/* The rose eyebrow label that sits above page and section titles across the product. */
+.st-overline {
+    display: inline-flex;
+    align-items: center;
+    gap: 7px;
+    font-size: var(--text-2xs);
+    font-weight: 800;
+    letter-spacing: var(--tracking-caps);
+    text-transform: uppercase;
+    color: rgb(var(--color-primary));
+}
+
+.st-overline::before {
+    content: '';
+    width: 7px;
+    height: 7px;
+    border-radius: 50%;
+    background: rgb(var(--color-primary));
+}
+
+/*
+ * Shared focus ring. The design system has no focus treatment at all — every control in this
+ * library opts into this one so the components are keyboard-usable.
+ */
+.st-focus-ring:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px var(--ring-focus);
+}
+
+@tailwind utilities;
diff --git a/ui/src/styles/tokens.css b/ui/src/styles/tokens.css
new file mode 100644
index 00000000..d0818c0b
--- /dev/null
+++ b/ui/src/styles/tokens.css
@@ -0,0 +1,196 @@
+/* ============================================================
+   Subturtle design tokens.
+
+   Ported from the Claude Design system
+   (_ds/subturtle-design-system-main-…/tokens/*.css). Token NAMES are kept byte-identical to
+   the design source so this file and the .dc.html screens can be read side by side.
+
+   One deliberate difference: colors are stored as space-separated RGB channels rather than
+   hex, so Tailwind can compose them as `rgb(var(--token) / <alpha-value>)`. That is what
+   makes opacity modifiers (`st-bg-primary/5`, the ambient blobs) work, and it is the hook a
+   dark theme will use — a dark palette is then a pure-CSS override of this block, with no
+   component changes. Write raw CSS against them as `rgb(var(--rose-500))`.
+   ============================================================ */
+
+:root {
+    /* ---- Brand: Rose (primary) ---------------------------- */
+    --rose-50: 255 241 245;
+    --rose-100: 255 227 236;
+    --rose-200: 254 205 218;
+    --rose-300: 253 164 189;
+    --rose-400: 251 111 150;
+    --rose-500: 249 30 90; /* #f91e5a — the brand mark */
+    --rose-600: 227 11 75;
+    --rose-700: 189 8 64;
+    --rose-800: 156 10 58;
+    --rose-900: 132 13 54;
+
+    /* ---- Grow: Jade (secondary / progress) ---------------- */
+    --jade-50: 236 253 246;
+    --jade-100: 210 249 232;
+    --jade-200: 168 240 211;
+    --jade-300: 110 226 185;
+    --jade-400: 52 205 156;
+    --jade-500: 20 180 133; /* #14b485 */
+    --jade-600: 10 145 108;
+    --jade-700: 9 116 88;
+    --jade-800: 10 92 71;
+    --jade-900: 9 76 60;
+
+    /* ---- Neutrals: warm mauve-gray ------------------------ */
+    --ink-950: 27 22 32;
+    --ink-900: 39 31 45;
+    --ink-800: 56 47 63;
+    --ink-700: 77 68 85;
+    --ink-600: 102 92 110;
+    --ink-500: 133 122 141;
+    --ink-400: 165 157 172;
+    --ink-300: 201 194 207;
+    --ink-200: 230 224 234;
+    --ink-150: 238 233 241;
+    --ink-100: 244 240 246;
+    --ink-50: 250 248 251;
+    --paper: 248 245 247;
+    --white: 255 255 255;
+
+    /* ---- Semantic hues ------------------------------------ */
+    --amber-100: 254 240 211;
+    --amber-500: 245 165 36;
+    --amber-600: 212 134 11;
+    --red-100: 255 226 226;
+    --red-500: 239 68 68;
+    --red-600: 217 45 45;
+    --sky-100: 220 241 254;
+    --sky-500: 31 156 240;
+    --sky-600: 13 127 205;
+
+    /* ---- Semantic aliases — reference these in product UI -- */
+    --color-primary: var(--rose-500);
+    --color-primary-hover: var(--rose-600);
+    --color-primary-press: var(--rose-700);
+    --color-primary-soft: var(--rose-100);
+    --color-primary-tint: var(--rose-50);
+    --color-on-primary: var(--white);
+
+    --color-accent: var(--jade-500);
+    --color-accent-hover: var(--jade-600);
+    --color-accent-soft: var(--jade-100);
+    --color-accent-tint: var(--jade-50);
+    --color-on-accent: var(--white);
+
+    --text-strong: var(--ink-950);
+    --text-body: var(--ink-800);
+    --text-muted: var(--ink-500);
+    --text-faint: var(--ink-400);
+    --text-on-dark: var(--white);
+    --text-link: var(--rose-600);
+
+    --surface-page: var(--paper);
+    --surface-card: var(--white);
+    --surface-sunken: var(--ink-100);
+    --surface-raised: var(--white);
+    --surface-inverse: var(--ink-950);
+    /* Channels, so callers pick their own alpha: rgb(var(--surface-overlay) / 0.45) */
+    --surface-overlay: var(--ink-950);
+
+    --border-subtle: var(--ink-200);
+    --border-default: var(--ink-300);
+    --border-strong: var(--ink-400);
+    /* A finished color, not channels — it is dropped straight into box-shadow. */
+    --ring-focus: rgb(249 30 90 / 0.35);
+
+    --color-success: var(--jade-500);
+    --color-success-soft: var(--jade-100);
+    --color-warning: var(--amber-500);
+    --color-warning-soft: var(--amber-100);
+    --color-danger: var(--red-500);
+    --color-danger-soft: var(--red-100);
+    --color-info: var(--sky-500);
+    --color-info-soft: var(--sky-100);
+
+    /* ---- Typography --------------------------------------- */
+    --font-sans: 'Nunito', ui-rounded, 'Segoe UI', system-ui, -apple-system, sans-serif;
+    --font-display: 'Nunito', ui-rounded, system-ui, sans-serif;
+    --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
+
+    --text-2xs: 0.6875rem; /* 11px — counters, micro-labels */
+    --text-xs: 0.75rem; /* 12px — captions, meta */
+    --text-sm: 0.875rem; /* 14px — secondary UI */
+    --text-base: 1rem; /* 16px — body */
+    --text-md: 1.125rem; /* 18px — lead body / card titles */
+    --text-lg: 1.375rem; /* 22px — section titles */
+    --text-xl: 1.75rem; /* 28px — page titles */
+    --text-2xl: 2.25rem; /* 36px — display */
+    --text-3xl: 3rem; /* 48px — hero */
+    --text-4xl: 3.75rem; /* 60px — big stats */
+
+    --leading-tight: 1.1;
+    --leading-snug: 1.25;
+    --leading-normal: 1.5;
+    --leading-relaxed: 1.65;
+
+    --tracking-tight: -0.02em;
+    --tracking-normal: 0;
+    --tracking-wide: 0.04em;
+    --tracking-caps: 0.12em; /* overlines / eyebrow labels */
+
+    /* ---- Spacing & layout (4px base grid) ----------------- */
+    --control-h-sm: 2rem; /* 32 */
+    --control-h-md: 2.5rem; /* 40 */
+    --control-h-lg: 3rem; /* 48 */
+    --card-pad: 1.5rem;
+    --card-pad-lg: 2rem;
+
+    --container-max: 80rem; /* 1280 */
+    --content-max: 44rem;
+    --sidebar-w: 17rem; /* 272 — StAppShell overrides this inline when collapsed */
+    --gutter: 1.5rem;
+    --gutter-lg: 2.5rem;
+
+    /* ---- Radius ------------------------------------------- */
+    --radius-xs: 6px;
+    --radius-sm: 10px;
+    --radius-md: 14px; /* inputs / small cards */
+    --radius-lg: 20px; /* cards */
+    --radius-xl: 28px; /* feature panels */
+    --radius-2xl: 36px; /* hero surfaces */
+    --radius-pill: 999px;
+    --radius-circle: 50%;
+
+    /* ---- Shadows (warm, soft, layered — never pure black) - */
+    --shadow-xs: 0 1px 2px rgb(39 31 45 / 0.06);
+    --shadow-sm: 0 1px 3px rgb(39 31 45 / 0.07), 0 1px 2px rgb(39 31 45 / 0.05);
+    --shadow-md: 0 4px 14px rgb(39 31 45 / 0.08), 0 2px 4px rgb(39 31 45 / 0.05);
+    --shadow-lg: 0 12px 30px rgb(39 31 45 / 0.1), 0 4px 10px rgb(39 31 45 / 0.05);
+    --shadow-xl: 0 24px 50px rgb(39 31 45 / 0.14), 0 8px 18px rgb(39 31 45 / 0.06);
+    --shadow-primary: 0 8px 22px rgb(249 30 90 / 0.3);
+    --shadow-accent: 0 8px 22px rgb(20 180 133 / 0.28);
+    --shadow-inset: inset 0 1px 2px rgb(39 31 45 / 0.08);
+
+    /* ---- Motion ------------------------------------------- */
+    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
+    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
+    --dur-fast: 120ms;
+    --dur-base: 200ms;
+    --dur-slow: 360ms;
+
+    /* ---- Z-index ------------------------------------------ */
+    --z-sticky: 100;
+    --z-overlay: 200;
+    --z-modal: 300;
+    --z-toast: 400;
+    --z-tooltip: 500;
+}
+
+/*
+ * Dark theme — intentionally empty for now.
+ *
+ * The design system ships light values only, and the product keeps its theme switcher, so
+ * toggling dark currently leaves anything built on this library in its light palette. When
+ * dark lands, redefine the semantic aliases here (--text-*, --surface-*, --border-*, and the
+ * --color-* pairs); no component should need to change.
+ */
+:root.dark {
+    /* TODO: dark palette. */
+}
diff --git a/ui/src/types/index.ts b/ui/src/types/index.ts
new file mode 100644
index 00000000..d331aa2a
--- /dev/null
+++ b/ui/src/types/index.ts
@@ -0,0 +1,20 @@
+/** A single entry in the sidebar. `id` is what `@navigate` emits and what `active` matches. */
+export interface StNavItem {
+    id: string;
+    label: string;
+    /** Iconify name, e.g. 'solar:chart-2-bold-duotone'. Must be in the generated icon set. */
+    icon?: string;
+    /** Rendered when not null/undefined — `0` is shown, matching the design. */
+    badge?: string | number | null;
+}
+
+export interface StNavGroup {
+    /** Uppercase eyebrow above the group. Omit for an unlabelled group. */
+    section?: string;
+    items: StNavItem[];
+}
+
+export type StTone = 'primary' | 'accent' | 'neutral' | 'danger';
+export type StSize = 'sm' | 'md' | 'lg';
+export type StPadding = 'none' | 'sm' | 'md' | 'lg';
+export type StElevation = 'none' | 'sm' | 'md' | 'lg';
diff --git a/ui/tailwind-tokens.cjs b/ui/tailwind-tokens.cjs
new file mode 100644
index 00000000..20407589
--- /dev/null
+++ b/ui/tailwind-tokens.cjs
@@ -0,0 +1,103 @@
+/**
+ * Design tokens exposed to a CONSUMING app's Tailwind config.
+ *
+ * The library's own components compile against tailwind.config.cjs and ship as static CSS, so
+ * they need none of this. But an app also writes page-level markup in the design system's
+ * language, and its Tailwind knows nothing about our tokens. Spread this into `theme.extend`
+ * to get an `st-` namespace beside the app's existing scales:
+ *
+ *   // tailwind.config.cjs
+ *   const stTokens = require('subturtle-ui/tailwind-tokens');
+ *   theme: { extend: { ...stTokens } }
+ *
+ *   <div class="rounded-st-lg bg-st-card text-st-strong shadow-st-sm">
+ *
+ * Everything resolves to the CSS custom properties in dist/style.css, so values have exactly
+ * one source of truth (src/styles/tokens.css) and a future dark theme reaches app markup too.
+ * Names are additive — no existing app color, radius or size is touched.
+ */
+const c = (token) => `rgb(var(${token}) / <alpha-value>)`;
+
+module.exports = {
+    colors: {
+        st: {
+            primary: c('--color-primary'),
+            'primary-hover': c('--color-primary-hover'),
+            'primary-soft': c('--color-primary-soft'),
+            'primary-tint': c('--color-primary-tint'),
+            accent: c('--color-accent'),
+            'accent-soft': c('--color-accent-soft'),
+
+            strong: c('--text-strong'),
+            body: c('--text-body'),
+            muted: c('--text-muted'),
+            faint: c('--text-faint'),
+            link: c('--text-link'),
+
+            page: c('--surface-page'),
+            card: c('--surface-card'),
+            sunken: c('--surface-sunken'),
+            inverse: c('--surface-inverse'),
+            line: c('--border-subtle'),
+
+            success: c('--color-success'),
+            'success-soft': c('--color-success-soft'),
+            warning: c('--color-warning'),
+            'warning-soft': c('--color-warning-soft'),
+            danger: c('--color-danger'),
+            'danger-soft': c('--color-danger-soft'),
+            info: c('--color-info'),
+            'info-soft': c('--color-info-soft'),
+
+            'rose-400': c('--rose-400'),
+            'rose-600': c('--rose-600'),
+            'rose-700': c('--rose-700'),
+            'jade-600': c('--jade-600'),
+            'jade-700': c('--jade-700'),
+            'amber-600': c('--amber-600'),
+            'sky-600': c('--sky-600'),
+            'ink-100': c('--ink-100'),
+            'ink-150': c('--ink-150'),
+            'ink-300': c('--ink-300'),
+            'ink-800': c('--ink-800'),
+            'ink-950': c('--ink-950'),
+        },
+    },
+    fontFamily: {
+        'st-display': 'var(--font-display)',
+        'st-sans': 'var(--font-sans)',
+    },
+    fontSize: {
+        'st-2xs': 'var(--text-2xs)',
+        'st-xs': 'var(--text-xs)',
+        'st-sm': 'var(--text-sm)',
+        'st-base': 'var(--text-base)',
+        'st-md': 'var(--text-md)',
+        'st-lg': 'var(--text-lg)',
+        'st-xl': 'var(--text-xl)',
+        'st-2xl': 'var(--text-2xl)',
+        'st-3xl': 'var(--text-3xl)',
+    },
+    letterSpacing: {
+        'st-tight': 'var(--tracking-tight)',
+        'st-caps': 'var(--tracking-caps)',
+    },
+    borderRadius: {
+        'st-sm': 'var(--radius-sm)',
+        'st-md': 'var(--radius-md)',
+        'st-lg': 'var(--radius-lg)',
+        'st-xl': 'var(--radius-xl)',
+        'st-pill': 'var(--radius-pill)',
+    },
+    boxShadow: {
+        'st-xs': 'var(--shadow-xs)',
+        'st-sm': 'var(--shadow-sm)',
+        'st-md': 'var(--shadow-md)',
+        'st-lg': 'var(--shadow-lg)',
+        'st-primary': 'var(--shadow-primary)',
+    },
+    maxWidth: {
+        'st-container': 'var(--container-max)',
+        'st-content': 'var(--content-max)',
+    },
+};
diff --git a/ui/tailwind.config.cjs b/ui/tailwind.config.cjs
new file mode 100644
index 00000000..ec14a96b
--- /dev/null
+++ b/ui/tailwind.config.cjs
@@ -0,0 +1,158 @@
+/**
+ * Library-private Tailwind config.
+ *
+ * Two properties matter and must not be changed casually:
+ *   - `prefix: 'st-'` keeps every emitted class out of the host app's namespace. The compiled
+ *     dist/style.css loads alongside the consumer's own Tailwind build, so an unprefixed
+ *     `.rounded-lg` or `.bg-primary` would silently fight it and load order would decide.
+ *   - preflight is off, so the library never injects a global reset into a host page.
+ *
+ * Because of those two, this config never has to agree with any consumer's Tailwind config.
+ * Colors resolve through CSS custom properties (space-separated RGB channels) so opacity
+ * modifiers work and a future dark theme is a pure-CSS change. See src/styles/tokens.css.
+ */
+const c = (token) => `rgb(var(${token}) / <alpha-value>)`;
+
+const scale = (name, steps) => Object.fromEntries(steps.map((s) => [String(s), c(`--${name}-${s}`)]));
+
+module.exports = {
+    prefix: 'st-',
+    darkMode: 'class',
+    content: ['./src/**/*.{vue,ts}'],
+    corePlugins: { preflight: false },
+    theme: {
+        colors: {
+            transparent: 'transparent',
+            current: 'currentColor',
+            inherit: 'inherit',
+            white: c('--white'),
+            paper: c('--paper'),
+            rose: scale('rose', [50, 100, 200, 300, 400, 500, 600, 700, 800, 900]),
+            jade: scale('jade', [50, 100, 200, 300, 400, 500, 600, 700, 800, 900]),
+            ink: scale('ink', [50, 100, 150, 200, 300, 400, 500, 600, 700, 800, 900, 950]),
+            amber: scale('amber', [100, 500, 600]),
+            red: scale('red', [100, 500, 600]),
+            sky: scale('sky', [100, 500, 600]),
+
+            primary: {
+                DEFAULT: c('--color-primary'),
+                hover: c('--color-primary-hover'),
+                press: c('--color-primary-press'),
+                soft: c('--color-primary-soft'),
+                tint: c('--color-primary-tint'),
+                on: c('--color-on-primary'),
+            },
+            accent: {
+                DEFAULT: c('--color-accent'),
+                hover: c('--color-accent-hover'),
+                soft: c('--color-accent-soft'),
+                tint: c('--color-accent-tint'),
+                on: c('--color-on-accent'),
+            },
+            success: { DEFAULT: c('--color-success'), soft: c('--color-success-soft') },
+            warning: { DEFAULT: c('--color-warning'), soft: c('--color-warning-soft') },
+            danger: { DEFAULT: c('--color-danger'), soft: c('--color-danger-soft') },
+            info: { DEFAULT: c('--color-info'), soft: c('--color-info-soft') },
+        },
+        extend: {
+            textColor: {
+                strong: c('--text-strong'),
+                body: c('--text-body'),
+                muted: c('--text-muted'),
+                faint: c('--text-faint'),
+                link: c('--text-link'),
+                'on-dark': c('--text-on-dark'),
+            },
+            backgroundColor: {
+                page: c('--surface-page'),
+                card: c('--surface-card'),
+                sunken: c('--surface-sunken'),
+                raised: c('--surface-raised'),
+                inverse: c('--surface-inverse'),
+            },
+            borderColor: {
+                DEFAULT: c('--border-subtle'),
+                subtle: c('--border-subtle'),
+                strong: c('--border-strong'),
+            },
+            fontFamily: {
+                sans: 'var(--font-sans)',
+                display: 'var(--font-display)',
+                mono: 'var(--font-mono)',
+            },
+            fontSize: {
+                '2xs': 'var(--text-2xs)',
+                xs: 'var(--text-xs)',
+                sm: 'var(--text-sm)',
+                base: 'var(--text-base)',
+                md: 'var(--text-md)',
+                lg: 'var(--text-lg)',
+                xl: 'var(--text-xl)',
+                '2xl': 'var(--text-2xl)',
+                '3xl': 'var(--text-3xl)',
+                '4xl': 'var(--text-4xl)',
+            },
+            lineHeight: {
+                tight: 'var(--leading-tight)',
+                snug: 'var(--leading-snug)',
+                normal: 'var(--leading-normal)',
+                relaxed: 'var(--leading-relaxed)',
+            },
+            letterSpacing: {
+                tight: 'var(--tracking-tight)',
+                normal: 'var(--tracking-normal)',
+                wide: 'var(--tracking-wide)',
+                caps: 'var(--tracking-caps)',
+            },
+            borderRadius: {
+                none: '0',
+                xs: 'var(--radius-xs)',
+                sm: 'var(--radius-sm)',
+                md: 'var(--radius-md)',
+                lg: 'var(--radius-lg)',
+                xl: 'var(--radius-xl)',
+                '2xl': 'var(--radius-2xl)',
+                pill: 'var(--radius-pill)',
+                circle: 'var(--radius-circle)',
+                full: '9999px',
+            },
+            boxShadow: {
+                xs: 'var(--shadow-xs)',
+                sm: 'var(--shadow-sm)',
+                md: 'var(--shadow-md)',
+                lg: 'var(--shadow-lg)',
+                xl: 'var(--shadow-xl)',
+                primary: 'var(--shadow-primary)',
+                accent: 'var(--shadow-accent)',
+                inset: 'var(--shadow-inset)',
+                none: 'none',
+            },
+            transitionDuration: {
+                fast: 'var(--dur-fast)',
+                base: 'var(--dur-base)',
+                slow: 'var(--dur-slow)',
+            },
+            transitionTimingFunction: {
+                out: 'var(--ease-out)',
+                'in-out': 'var(--ease-in-out)',
+                spring: 'var(--ease-spring)',
+            },
+            width: { sidebar: 'var(--sidebar-w)' },
+            maxWidth: { container: 'var(--container-max)', content: 'var(--content-max)' },
+            height: {
+                'control-sm': 'var(--control-h-sm)',
+                'control-md': 'var(--control-h-md)',
+                'control-lg': 'var(--control-h-lg)',
+            },
+            padding: { card: 'var(--card-pad)', 'card-lg': 'var(--card-pad-lg)' },
+            zIndex: {
+                sticky: 'var(--z-sticky)',
+                overlay: 'var(--z-overlay)',
+                modal: 'var(--z-modal)',
+                toast: 'var(--z-toast)',
+                tooltip: 'var(--z-tooltip)',
+            },
+        },
+    },
+    plugins: [],
+};
diff --git a/ui/tsconfig.build.json b/ui/tsconfig.build.json
new file mode 100644
index 00000000..05861b52
--- /dev/null
+++ b/ui/tsconfig.build.json
@@ -0,0 +1,5 @@
+{
+    "extends": "./tsconfig.json",
+    "include": ["src/**/*.ts", "src/**/*.vue"],
+    "exclude": ["src/**/*.spec.ts", "src/**/*.test.ts"]
+}
diff --git a/ui/tsconfig.json b/ui/tsconfig.json
new file mode 100644
index 00000000..724e45f7
--- /dev/null
+++ b/ui/tsconfig.json
@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "module": "ESNext",
+        "moduleResolution": "Bundler",
+        "lib": ["ES2020", "DOM", "DOM.Iterable"],
+        "strict": true,
+        "noUnusedLocals": true,
+        "jsx": "preserve",
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "declaration": true,
+        "emitDeclarationOnly": true,
+        "outDir": "dist",
+        "types": ["node"]
+    },
+    "include": ["src/**/*.ts", "src/**/*.vue", "vite.config.ts", "scripts/**/*.mjs"]
+}
diff --git a/ui/vite.config.ts b/ui/vite.config.ts
new file mode 100644
index 00000000..5b628d3a
--- /dev/null
+++ b/ui/vite.config.ts
@@ -0,0 +1,31 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import dts from 'vite-plugin-dts';
+import { resolve } from 'node:path';
+
+export default defineConfig({
+    plugins: [
+        vue(),
+        // Emit real .d.ts instead of shipping src/ and pointing `types` at .ts files —
+        // that shortcut is why consuming pilotui needs a `// @ts-ignore` on its import.
+        dts({ tsconfigPath: './tsconfig.build.json', insertTypesEntry: true, rollupTypes: false }),
+    ],
+    build: {
+        lib: {
+            entry: resolve(__dirname, 'src/index.ts'),
+            formats: ['es', 'cjs'],
+            fileName: (format) => (format === 'es' ? 'index.js' : 'index.cjs'),
+        },
+        rollupOptions: {
+            external: ['vue'],
+            output: { globals: { vue: 'Vue' }, assetFileNames: 'style.css' },
+        },
+        cssCodeSplit: false,
+        sourcemap: true,
+        // Ship readable output and let each consumer's bundler minify. Beyond being the
+        // convention for libraries, esbuild's identifier mangling collided across the
+        // concatenated SFC modules here and produced a duplicate top-level binding that
+        // Rollup rejected downstream.
+        minify: false,
+    },
+});
diff --git a/ui/yarn.lock b/ui/yarn.lock
new file mode 100644
index 00000000..0bc9aef4
--- /dev/null
+++ b/ui/yarn.lock
@@ -0,0 +1,1549 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
+"@babel/helper-string-parser@^7.29.7":
+  version "7.29.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz#7f0871d99824d23137d60f86fcf6130fd5a1b51f"
+  integrity sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==
+
+"@babel/helper-validator-identifier@^7.29.7":
+  version "7.29.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz#bd87084ced0c796ec46bda492de6e83d29e89fc2"
+  integrity sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==
+
+"@babel/parser@^7.29.8":
+  version "7.29.8"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.29.8.tgz#9653716a2f10c677b98fbc63d4bfb000c302cf17"
+  integrity sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==
+  dependencies:
+    "@babel/types" "^7.29.8"
+
+"@babel/types@^7.29.8":
+  version "7.29.8"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.29.8.tgz#1229eef31d85156d70fa3f4cd859376d0eaf6863"
+  integrity sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.29.7"
+    "@babel/helper-validator-identifier" "^7.29.7"
+
+"@esbuild/aix-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f"
+  integrity sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==
+
+"@esbuild/android-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz#09d9b4357780da9ea3a7dfb833a1f1ff439b4052"
+  integrity sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==
+
+"@esbuild/android-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.21.5.tgz#9b04384fb771926dfa6d7ad04324ecb2ab9b2e28"
+  integrity sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==
+
+"@esbuild/android-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.21.5.tgz#29918ec2db754cedcb6c1b04de8cd6547af6461e"
+  integrity sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==
+
+"@esbuild/darwin-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz#e495b539660e51690f3928af50a76fb0a6ccff2a"
+  integrity sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==
+
+"@esbuild/darwin-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz#c13838fa57372839abdddc91d71542ceea2e1e22"
+  integrity sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==
+
+"@esbuild/freebsd-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz#646b989aa20bf89fd071dd5dbfad69a3542e550e"
+  integrity sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==
+
+"@esbuild/freebsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz#aa615cfc80af954d3458906e38ca22c18cf5c261"
+  integrity sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==
+
+"@esbuild/linux-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz#70ac6fa14f5cb7e1f7f887bcffb680ad09922b5b"
+  integrity sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==
+
+"@esbuild/linux-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz#fc6fd11a8aca56c1f6f3894f2bea0479f8f626b9"
+  integrity sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==
+
+"@esbuild/linux-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz#3271f53b3f93e3d093d518d1649d6d68d346ede2"
+  integrity sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==
+
+"@esbuild/linux-loong64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz#ed62e04238c57026aea831c5a130b73c0f9f26df"
+  integrity sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==
+
+"@esbuild/linux-mips64el@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz#e79b8eb48bf3b106fadec1ac8240fb97b4e64cbe"
+  integrity sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==
+
+"@esbuild/linux-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz#5f2203860a143b9919d383ef7573521fb154c3e4"
+  integrity sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==
+
+"@esbuild/linux-riscv64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz#07bcafd99322d5af62f618cb9e6a9b7f4bb825dc"
+  integrity sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==
+
+"@esbuild/linux-s390x@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz#b7ccf686751d6a3e44b8627ababc8be3ef62d8de"
+  integrity sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==
+
+"@esbuild/linux-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz#6d8f0c768e070e64309af8004bb94e68ab2bb3b0"
+  integrity sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==
+
+"@esbuild/netbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz#bbe430f60d378ecb88decb219c602667387a6047"
+  integrity sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==
+
+"@esbuild/openbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz#99d1cf2937279560d2104821f5ccce220cb2af70"
+  integrity sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==
+
+"@esbuild/sunos-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz#08741512c10d529566baba837b4fe052c8f3487b"
+  integrity sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==
+
+"@esbuild/win32-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz#675b7385398411240735016144ab2e99a60fc75d"
+  integrity sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==
+
+"@esbuild/win32-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz#1bfc3ce98aa6ca9a0969e4d2af72144c59c1193b"
+  integrity sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==
+
+"@esbuild/win32-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz#acad351d582d157bb145535db2a6ff53dd514b5c"
+  integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
+
+"@iconify/json@^2.2.319":
+  version "2.2.521"
+  resolved "https://registry.yarnpkg.com/@iconify/json/-/json-2.2.521.tgz#3ee4818f17be600fa979086124e50beda5af52da"
+  integrity sha512-A28AxL35ElpaZg1vk6tPf4/nJ/6KX+HGYVznyzaNYip0as9KTPfdqKxDI7A5mN4RXedxVOOugHN+nofxkUoEEQ==
+  dependencies:
+    "@iconify/types" "*"
+    pathe "^2.0.3"
+
+"@iconify/types@*":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@iconify/types/-/types-2.0.0.tgz#ab0e9ea681d6c8a1214f30cd741fe3a20cc57f57"
+  integrity sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==
+
+"@jridgewell/gen-mapping@^0.3.2":
+  version "0.3.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz#6342a19f44347518c93e43b1ac69deb3c4656a1f"
+  integrity sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
+  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
+
+"@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0", "@jridgewell/sourcemap-codec@^1.5.5":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
+
+"@jridgewell/trace-mapping@^0.3.24":
+  version "0.3.31"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz#db15d6781c931f3a251a3dac39501c98a6082fd0"
+  integrity sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@microsoft/api-extractor-model@7.33.11":
+  version "7.33.11"
+  resolved "https://registry.yarnpkg.com/@microsoft/api-extractor-model/-/api-extractor-model-7.33.11.tgz#bd0176a07f6aaa02da10c12283347ef7ad890a28"
+  integrity sha512-iDu1AtuRC2Z8XVs2SieZieVavF1FXPBX1C9pMexJh8Dx/Dd/3ZZ4nRQp/PU2Vk2rUHWuBz1wOyL4DcuhVnBXwg==
+  dependencies:
+    "@microsoft/tsdoc" "~0.16.0"
+    "@microsoft/tsdoc-config" "~0.18.1"
+    "@rushstack/node-core-library" "5.24.0"
+
+"@microsoft/api-extractor@^7.50.1":
+  version "7.59.0"
+  resolved "https://registry.yarnpkg.com/@microsoft/api-extractor/-/api-extractor-7.59.0.tgz#a34506bcea6f2bd7c09c0f6c83589070291f1634"
+  integrity sha512-KDYV8kSVjmG8JJWVg1f1aKxteNG1IQ44D07Rjhlcci8wlqrSFNhUfgv7dJhwT0W2h3NDIL5Vz2f+/DfO4OpDHw==
+  dependencies:
+    "@microsoft/api-extractor-model" "7.33.11"
+    "@microsoft/tsdoc" "~0.16.0"
+    "@microsoft/tsdoc-config" "~0.18.1"
+    "@rushstack/node-core-library" "5.24.0"
+    "@rushstack/rig-package" "0.7.3"
+    "@rushstack/terminal" "0.24.3"
+    "@rushstack/ts-command-line" "5.3.13"
+    diff "~8.0.2"
+    minimatch "10.2.3"
+    resolve "~1.22.1"
+    semver "~7.7.4"
+    source-map "~0.6.1"
+    typescript "5.9.3"
+
+"@microsoft/tsdoc-config@~0.18.1":
+  version "0.18.1"
+  resolved "https://registry.yarnpkg.com/@microsoft/tsdoc-config/-/tsdoc-config-0.18.1.tgz#7c560bce62abb5f9681e4d231b9ac35553b7e86b"
+  integrity sha512-9brPoVdfN9k9g0dcWkFeA7IH9bbcttzDJlXvkf8b2OBzd5MueR1V2wkKBL0abn0otvmkHJC6aapBOTJDDeMCZg==
+  dependencies:
+    "@microsoft/tsdoc" "0.16.0"
+    ajv "~8.18.0"
+    jju "~1.4.0"
+    resolve "~1.22.2"
+
+"@microsoft/tsdoc@0.16.0", "@microsoft/tsdoc@~0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@microsoft/tsdoc/-/tsdoc-0.16.0.tgz#2249090633e04063176863a050c8f0808d2b6d2b"
+  integrity sha512-xgAyonlVVS+q7Vc7qLW0UrJU7rSFcETRWsqdXZtjzRU8dF+6CkozTK4V4y1LwOX7j8r/vHphjDeMeGI4tNGeGA==
+
+"@napi-rs/lzma-linux-x64-gnu@1.5.1":
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/@napi-rs/lzma-linux-x64-gnu/-/lzma-linux-x64-gnu-1.5.1.tgz#e57d4306966078662038094fb38eb9146dc3aea9"
+  integrity sha512-oTXEIha4SsuXdTA4Iyskj0kpdx2yVXdhd75c2v3xGrHFfVMsbhTPZU/nMPL4sWKo4pBHm3aucLaqGlF696dTyQ==
+
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
+"@rollup/pluginutils@^5.1.4":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.4.0.tgz#ac23a29ced0247060a210815fca39c17de4d2f26"
+  integrity sha512-MfPp06CjRLfXQ3wY0R8vJDYBy/MvVcc9OulEfR0B8Iv9ko+GCNaRZ+EpJYFl27LhKsZK0o420sYCRHCjfCgeUg==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^4.0.2"
+
+"@rollup/rollup-android-arm-eabi@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.63.0.tgz#a85e4755658a6ab0ec48b41fdbc99375079755e1"
+  integrity sha512-70TeIFezKKy65LgAVyQh+w94/gjWhvPWaLaGGeMEgVrPkQhuj/M5bAYYZzIFUj9Y69oHyTm5Um/R6gcLh4A8JA==
+
+"@rollup/rollup-android-arm64@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.63.0.tgz#b386ce4a3e6ea13c584e80eda2d8b6ae37006a5d"
+  integrity sha512-YC86tYIHK6M1IV+wbzO+Bxk8RCBr6ZyWYgWxUCzaZD8mc8rrFoIJDNzDrkHBYRc/wKdrsIXmm6/F7NzrAO+OrA==
+
+"@rollup/rollup-darwin-arm64@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.63.0.tgz#7da6d7ff7a21d38dca15c28507a0120e508a42d0"
+  integrity sha512-oI+ECtUcli0y0fi4xpW82GdPIXdTkI8G8DSjG2LRuw09fPAGykaWYH/hXxiKuTxiAjiPSTIIuYUqof5Z2hShWw==
+
+"@rollup/rollup-darwin-x64@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.63.0.tgz#00986c8203efeada43f44801f4a6c7e646e560e4"
+  integrity sha512-NwV+1s7TiKrMe4owHyKB/dTLD7ZJD0YEBEhIz+hvav1Cu1GReJjF+rsdNwjzENQeIAbE/CoNiaAc5Vz2h5DPAA==
+
+"@rollup/rollup-freebsd-arm64@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.63.0.tgz#25d2a948024bd551ed4ad1faa8e4e25b89ada7bb"
+  integrity sha512-tWtHBTu5gOPK4u4Urtk4qAHW3zZ9rQAmbssO8gp7ELvGTGI3aCiq6NqyTQ0PCIg7KbHJF2UkGDDs77YZGxfjCA==
+
+"@rollup/rollup-freebsd-x64@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.63.0.tgz#a7448db8a4d07097f5b727e2359632a2041a514b"
+  integrity sha512-2qPoJiwTvtHQ27NnYvTnsgk8laXWYuVmNESG8WFZBcEPKLfZ3I27qBJarjVRQtwGeYyRfq5ZowHXih9lm2BItw==
+
+"@rollup/rollup-linux-arm-gnueabihf@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.63.0.tgz#850cf21fc8ea7ceb22d9781049ea066bb2cad0d1"
+  integrity sha512-FQwsTRvLNuHoTdICABJQfbPUSEueISGmnpT06tXTMpfprf5NiKLSXKA0A+w45wJnCmZAnzgqBwbt6ARFuyOi5w==
+
+"@rollup/rollup-linux-arm-musleabihf@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.63.0.tgz#48275b693ad399b9321fcc11884436c3eecb735c"
+  integrity sha512-BBVTXziw8mY1a4ZbWME9tZyfzqXCDPqaC7Z3heQ29p5dkvXzwL0NwelO8zLa8c3RBKvl3YTuSnBgsBhYBtwjIw==
+
+"@rollup/rollup-linux-arm64-gnu@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.63.0.tgz#2614ef8601b783d2a1a985afb98e96386908b6a1"
+  integrity sha512-w2Iyy9+RqKwx3d9qWMKsJg0FfRBsY0/pXNv0mCQ3ueRvJI6+QAScfD4nrMlzFLs2HNVW6Ew+mtZfDl9b7Ew5/Q==
+
+"@rollup/rollup-linux-arm64-musl@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.63.0.tgz#a1b95051d08bb14140bd235969405b4fc6be4603"
+  integrity sha512-YK++KtrFRHYE0P6/RtYEAy9t8F37znP+K03RrIuLPYOL6SVlObRumf/0OE4V/h63xL9DwkWbNssZfmA9hawuDA==
+
+"@rollup/rollup-linux-loong64-gnu@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.63.0.tgz#0214c140ddef6e6bb8aa77695e9fc5dce23be59f"
+  integrity sha512-aBfOG6fP7YkkPmTqPwufRJeFyz7WPpECv9XNbnsk9+vg7rxdih0lbtEel7jcRng4LZrrmU3FfitCFyEj4BWDWg==
+
+"@rollup/rollup-linux-loong64-musl@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.63.0.tgz#d7a86499ce332a6e6c0383a65c43268bfae1cd7a"
+  integrity sha512-LGaHEOeHNAag9VuS1Crs5DFg4RrU9MPi2nVnNJk9DTePx/B6RRYKVmrIXt2h7YOJlwjaFJ6lwtFDliZxScTLrQ==
+
+"@rollup/rollup-linux-ppc64-gnu@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.63.0.tgz#1f8a5d547b939116992b95b6add8bf58cfe10044"
+  integrity sha512-jClvk+J0FC3b7Udvegiw5/4hErbHtmsNsQgENnKXDWtNCJXsJYZH5WURvu7imDOO38xYml24eeh5x3A04ppwCw==
+
+"@rollup/rollup-linux-ppc64-musl@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.63.0.tgz#1da3aabff9c28f904feda2fa5de2df3c8cbb0d63"
+  integrity sha512-0OJlaGK+8+B777Ql5okIpD7ua5Ro9+VB9Ve0OKa28OQJZ1RbuUBVNHK/e3pr4BROqsyPl1JrPO1ZxJseCNffcA==
+
+"@rollup/rollup-linux-riscv64-gnu@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.63.0.tgz#9d72f4b78fc8207b9e6992fa9709c5811864887d"
+  integrity sha512-Ygsx+HoNH7afwi1bTIXbnTvVnsO+zurPLSYxybV1hHFVU72OWOCl6v05ql/z0hkpAPx+DK7Kn9Bi7MayCcjLTA==
+
+"@rollup/rollup-linux-riscv64-musl@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.63.0.tgz#8c46c680896832a4bff3b6f8fcc29608c1198bac"
+  integrity sha512-pDQxtMGb+OvG3fLwR2OkZlSd47hW+kWg4BYMG/++sR6RqorQccwPTDsxda5hPwiIeIErAnCF9ma3SAU06bdQtQ==
+
+"@rollup/rollup-linux-s390x-gnu@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.63.0.tgz#aedd6de425fd7f985719a89f4505d279115fc322"
+  integrity sha512-0BnUG9mS8I4SSHr3XsxVhuCMEiu+rX61xxZF5vujso4LaiAGFZFxvDjg6Xn6tLPNTUAfuCvQYas4LMQMVsKRSQ==
+
+"@rollup/rollup-linux-x64-gnu@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.63.0.tgz#395bdd1c0573a9df6adea131fd8946d5c2ba2e1a"
+  integrity sha512-Adu/VttB1dpPNW+FEacrZ+xVm9tFty84+RrFzsqlFaPxoJB+9XXyDGtp5dCOoBwGBIEVH0To7lExFXEx0BIF4A==
+
+"@rollup/rollup-linux-x64-musl@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.63.0.tgz#3350c151d4035083ccd224348c0bdcc389725f73"
+  integrity sha512-NQ3bDvjUbFKmP23671xUlXtKmqVsUBd6M4PQCvbmNtOy06hnQIdKHy8oG/6S3R/S6He1JgPk6A5VT+prAJMYEw==
+
+"@rollup/rollup-openbsd-x64@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.63.0.tgz#5b477381b7d012c35f0aa5e4c7e9417b53e55e27"
+  integrity sha512-u2eDAl4+0aFvA13GxlGBtTI3SS3sdgwgtV0HyjZ0QaQVCgNE+jqNGey+GtxWiq+wxr/UycAx/OnfJzApCFamvA==
+
+"@rollup/rollup-openharmony-arm64@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.63.0.tgz#5df574fd964511133c700f0e4525fb50866a4bce"
+  integrity sha512-XvRb5vfW3wAZQ+ZUG21AnHHDKtNcw99eigzEhjr//NZ3u7SoBaPP0seSc7FgP7p1epAEdAoZckMW9WY/+4w70w==
+
+"@rollup/rollup-win32-arm64-msvc@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.63.0.tgz#e47eb3cdf12a7b1b380083031d90325469d022f3"
+  integrity sha512-iZPmniy4kNBf5yo2RezbkYNNK5HPbXE9+g+twnbqSng7dtLEJy1SKoxiE/ni4FDacjyuZpEeb9U054N4EoKHYw==
+
+"@rollup/rollup-win32-ia32-msvc@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.63.0.tgz#ea3b85d79b84ea5d07277e5abb4f48842fe41837"
+  integrity sha512-mFBBd+LF37fnE8JnYUOH+imj0aPFPK30vpar4ehJkgnLj9sZn8ZxiRENmLtgIwxK7TC8klF6N57fxdNBwQoqOA==
+
+"@rollup/rollup-win32-x64-gnu@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.63.0.tgz#19e613c75237f09bdd744955549e785ef767836a"
+  integrity sha512-ujeqEY3B+zbGn3Z4Q03cUBG/LGWnBJncVT36WER31LcOsQk9+1dmINKKtvmmfChUvRbK1G0R8OhMWFgHgaZtAw==
+
+"@rollup/rollup-win32-x64-msvc@4.63.0":
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.63.0.tgz#2cfd1741b6693f78debdde1a5d4faa05bb75a349"
+  integrity sha512-hncn90N4sOky0L2LKE5oESKLbxCPeVo4eLA2LSMoDzM+879ml4WSr+Rr4DWknNIVVvS1Hirkc9hx02W6YxS8rQ==
+
+"@rushstack/node-core-library@5.24.0":
+  version "5.24.0"
+  resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-5.24.0.tgz#036c5cfc3b61ed6f5d7f02bfa0a4c6998c88b75c"
+  integrity sha512-g/Z47ZwARn/VkTnHcyJslrR26erRf1G5JbqPlfGZGBCrOcrEt8fTQXXDVhUDDNl/g/v3TXI1dNiAAT5FEks8BA==
+  dependencies:
+    ajv "~8.20.0"
+    ajv-draft-04 "~1.0.0"
+    ajv-formats "~3.0.1"
+    fs-extra "~11.3.0"
+    import-lazy "~4.0.0"
+    jju "~1.4.0"
+    resolve "~1.22.1"
+    semver "~7.7.4"
+
+"@rushstack/problem-matcher@0.2.1":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@rushstack/problem-matcher/-/problem-matcher-0.2.1.tgz#e9f6cac2dd6a882d60e76a8d4462b7d24b4f17e5"
+  integrity sha512-gulfhBs6n+I5b7DvjKRfhMGyUejtSgOHTclF/eONr8hcgF1APEDjhxIsfdUYYMzC3rvLwGluqLjbwCFZ8nxrog==
+
+"@rushstack/rig-package@0.7.3":
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/@rushstack/rig-package/-/rig-package-0.7.3.tgz#d28a5440b1e9f43046727ba7009d18d99314f251"
+  integrity sha512-aAA518n6wxxjCfnTAOjQnm7ngNE0FVHxHAw2pxKlIhxrMn0XQjGcXKF0oKWpjBgJOmsaJpVob/v+zr3zxgPWuA==
+  dependencies:
+    jju "~1.4.0"
+    resolve "~1.22.1"
+
+"@rushstack/terminal@0.24.3":
+  version "0.24.3"
+  resolved "https://registry.yarnpkg.com/@rushstack/terminal/-/terminal-0.24.3.tgz#008e35748d892789caadb67b0201ec22433df6b1"
+  integrity sha512-KxphDhPGC4xDrKg8O4yrWCEpPMi87aJc1iycXqMVh1dLgV0M34hiH9ZTgWjBRmcrT/OIHoOeWf48npcQFzgp+g==
+  dependencies:
+    "@rushstack/node-core-library" "5.24.0"
+    "@rushstack/problem-matcher" "0.2.1"
+    supports-color "~8.1.1"
+
+"@rushstack/ts-command-line@5.3.13":
+  version "5.3.13"
+  resolved "https://registry.yarnpkg.com/@rushstack/ts-command-line/-/ts-command-line-5.3.13.tgz#9fef63098215bb6490ede5bde5345df5d3cc8038"
+  integrity sha512-+jNbxhh8CkrZYxMk9X3GRYM2+Myr1xCCj+eHbJ9Vp+PCdNHS0TUl5QQFT6UbM/aTFRCzs5jiBTKYzBRpe5uYbQ==
+  dependencies:
+    "@rushstack/terminal" "0.24.3"
+    "@types/argparse" "1.0.38"
+    argparse "~1.0.9"
+    string-argv "~0.3.1"
+
+"@types/argparse@1.0.38":
+  version "1.0.38"
+  resolved "https://registry.yarnpkg.com/@types/argparse/-/argparse-1.0.38.tgz#a81fd8606d481f873a3800c6ebae4f1d768a56a9"
+  integrity sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==
+
+"@types/estree@1.0.9", "@types/estree@^1.0.0":
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.9.tgz#cf3f0e876d7bee15a93ab925b82bf570a3904a24"
+  integrity sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==
+
+"@types/node@^26.4.0":
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-26.4.0.tgz#4c4ca071c42241fe602741d02999f16b4e64c468"
+  integrity sha512-faiGnoIrLH/V8cibOMEAZ8pMw6oXqSukl29ra4mN8GdaB2ZewzeaLj+INpV5N+Z1eKWzY+IzaIZH2EIR6YZRNQ==
+  dependencies:
+    undici-types "~8.3.0"
+
+"@vitejs/plugin-vue@^5.2.1":
+  version "5.2.4"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz#9e8a512eb174bfc2a333ba959bbf9de428d89ad8"
+  integrity sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==
+
+"@volar/language-core@2.4.15":
+  version "2.4.15"
+  resolved "https://registry.yarnpkg.com/@volar/language-core/-/language-core-2.4.15.tgz#759d04cb4eab9920560b8bcfa4515d5b08a1b7ce"
+  integrity sha512-3VHw+QZU0ZG9IuQmzT68IyN4hZNd9GchGPhbD9+pa8CVv7rnoOZwo7T8weIbrRmihqy3ATpdfXFnqRrfPVK6CA==
+  dependencies:
+    "@volar/source-map" "2.4.15"
+
+"@volar/language-core@2.4.28", "@volar/language-core@~2.4.11":
+  version "2.4.28"
+  resolved "https://registry.yarnpkg.com/@volar/language-core/-/language-core-2.4.28.tgz#c21f365a91c1dffe8bd7264fd491770c8d74fef3"
+  integrity sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==
+  dependencies:
+    "@volar/source-map" "2.4.28"
+
+"@volar/source-map@2.4.15":
+  version "2.4.15"
+  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-2.4.15.tgz#18aba09994c0268e59a418f9d738e4a85302781d"
+  integrity sha512-CPbMWlUN6hVZJYGcU/GSoHu4EnCHiLaXI9n8c9la6RaI9W5JHX+NqG+GSQcB0JdC2FIBLdZJwGsfKyBB71VlTg==
+
+"@volar/source-map@2.4.28":
+  version "2.4.28"
+  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-2.4.28.tgz#b40254e8c96199e5f1e0796777c593c617ad270e"
+  integrity sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==
+
+"@volar/typescript@2.4.15":
+  version "2.4.15"
+  resolved "https://registry.yarnpkg.com/@volar/typescript/-/typescript-2.4.15.tgz#1445d23f8e4f9ad821b6bfa58cf4a2b980dc5f97"
+  integrity sha512-2aZ8i0cqPGjXb4BhkMsPYDkkuc2ZQ6yOpqwAuNwUoncELqoy5fRgOQtLR9gB0g902iS0NAkvpIzs27geVyVdPg==
+  dependencies:
+    "@volar/language-core" "2.4.15"
+    path-browserify "^1.0.1"
+    vscode-uri "^3.0.8"
+
+"@volar/typescript@^2.4.11":
+  version "2.4.28"
+  resolved "https://registry.yarnpkg.com/@volar/typescript/-/typescript-2.4.28.tgz#83f86356e84eb101b8081a44c104f2f2ced8411f"
+  integrity sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==
+  dependencies:
+    "@volar/language-core" "2.4.28"
+    path-browserify "^1.0.1"
+    vscode-uri "^3.0.8"
+
+"@vue/compiler-core@3.5.42":
+  version "3.5.42"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.42.tgz#9d159ca5b1e7d792a42e9b1ddf2fc31edc9333dc"
+  integrity sha512-2Ye1ilMtKXxl8qZUrQ5j0CdgenFp/HFQmta6rfRyfEsTG69L6Wk+tWuNoHYHMx9E8tF2Slvdg1FuwDvAXdy1LQ==
+  dependencies:
+    "@babel/parser" "^7.29.8"
+    "@vue/shared" "3.5.42"
+    entities "^7.0.1"
+    estree-walker "^2.0.2"
+    source-map-js "^1.2.1"
+
+"@vue/compiler-dom@3.5.42", "@vue/compiler-dom@^3.5.0":
+  version "3.5.42"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.42.tgz#2ac9570010bbffb7c08d8a904a956ecbabcdf6c6"
+  integrity sha512-qbhQZEFmycr+ni/qyuccS4sucNN7VAbDfbkvNxWOX2VfgFm90MNs3/UhRNKoPMEIVn0F8gdlYjLPvqxHwHeQOA==
+  dependencies:
+    "@vue/compiler-core" "3.5.42"
+    "@vue/shared" "3.5.42"
+
+"@vue/compiler-sfc@3.5.42":
+  version "3.5.42"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.42.tgz#502c50e7864a980b7f147b78974e3b49fefcc16d"
+  integrity sha512-fkCAFB4okcAANGMThboWnScp/gzWjU0ZSkVnjTIiplmMDq2uq0tIB3j+xVu4rhv5rvOgBySCysudmbMd6xRRqw==
+  dependencies:
+    "@babel/parser" "^7.29.8"
+    "@vue/compiler-core" "3.5.42"
+    "@vue/compiler-dom" "3.5.42"
+    "@vue/compiler-ssr" "3.5.42"
+    "@vue/shared" "3.5.42"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.21"
+    postcss "^8.5.19"
+    source-map-js "^1.2.1"
+
+"@vue/compiler-ssr@3.5.42":
+  version "3.5.42"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.42.tgz#a3121ad517e9062121762e452f125674cc6162fa"
+  integrity sha512-xmLk3wLkbizPAiLyomjgFFosf2ys9b5Ghb+oh/k2tnvipNz8OFrQOiTcWCzyK7MpBp9KkyGtfvgfLUivbmuGYA==
+  dependencies:
+    "@vue/compiler-dom" "3.5.42"
+    "@vue/shared" "3.5.42"
+
+"@vue/compiler-vue2@^2.7.16":
+  version "2.7.16"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz#2ba837cbd3f1b33c2bc865fbe1a3b53fb611e249"
+  integrity sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==
+  dependencies:
+    de-indent "^1.0.2"
+    he "^1.2.0"
+
+"@vue/language-core@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@vue/language-core/-/language-core-2.2.0.tgz#e48c54584f889f78b120ce10a050dfb316c7fcdf"
+  integrity sha512-O1ZZFaaBGkKbsRfnVH1ifOK1/1BUkyK+3SQsfnh6PmMmD4qJcTU8godCeA96jjDRTL6zgnK7YzCHfaUlH2r0Mw==
+  dependencies:
+    "@volar/language-core" "~2.4.11"
+    "@vue/compiler-dom" "^3.5.0"
+    "@vue/compiler-vue2" "^2.7.16"
+    "@vue/shared" "^3.5.0"
+    alien-signals "^0.4.9"
+    minimatch "^9.0.3"
+    muggle-string "^0.4.1"
+    path-browserify "^1.0.1"
+
+"@vue/language-core@2.2.12":
+  version "2.2.12"
+  resolved "https://registry.yarnpkg.com/@vue/language-core/-/language-core-2.2.12.tgz#d01f7e865f593f968cb65c12a13d8337e65641f0"
+  integrity sha512-IsGljWbKGU1MZpBPN+BvPAdr55YPkj2nB/TBNGNC32Vy2qLG25DYu/NBN2vNtZqdRbTRjaoYrahLrToim2NanA==
+  dependencies:
+    "@volar/language-core" "2.4.15"
+    "@vue/compiler-dom" "^3.5.0"
+    "@vue/compiler-vue2" "^2.7.16"
+    "@vue/shared" "^3.5.0"
+    alien-signals "^1.0.3"
+    minimatch "^9.0.3"
+    muggle-string "^0.4.1"
+    path-browserify "^1.0.1"
+
+"@vue/reactivity@3.5.42":
+  version "3.5.42"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.42.tgz#800220f023d36fd04d94460c7c7ab5808f8ae75f"
+  integrity sha512-TzNNfKpb7hDxbQltwAut8VDQA5YP+BuRlxntHUuRjyKwlMvmAPbs3unhCvieijifY6vFfVBwsS7wG/C7uq+bEQ==
+  dependencies:
+    "@vue/shared" "3.5.42"
+
+"@vue/runtime-core@3.5.42":
+  version "3.5.42"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.42.tgz#a8af85746d6f9a9f1f8e4626be24eb0b8c9a1e72"
+  integrity sha512-9uACtuHs7vJGkm5Bp3xu4xRDLFTIYy5DgxpToVjqGIAhAEKwQfsaLvKINhM6nFVp6bZPRFGdDqd1g52MqKsotA==
+  dependencies:
+    "@vue/reactivity" "3.5.42"
+    "@vue/shared" "3.5.42"
+
+"@vue/runtime-dom@3.5.42":
+  version "3.5.42"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.42.tgz#c7b487a92b2c381db547c1aa5040bd7febb40448"
+  integrity sha512-rsCmhiWLaRxGltLwhlCWyYkFn7WAbKRh0q17eZ1A6Dq6eqc2ACQ61IIryxz0LrsvCzHSilLA9JHovVwM8CNE2g==
+  dependencies:
+    "@vue/reactivity" "3.5.42"
+    "@vue/runtime-core" "3.5.42"
+    "@vue/shared" "3.5.42"
+    csstype "^3.2.3"
+
+"@vue/server-renderer@3.5.42":
+  version "3.5.42"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.42.tgz#27c3d4743273bf7e839fc5a5e2f7db25e8d779e8"
+  integrity sha512-2++5dUyYS4gvo7xQXSECUDhB7TS0aOl5SeVfC5qSq1Jgfhjvegw1zqhwTIR3imZ+QYPJQw9gfcFvXGAjGZ7ajQ==
+  dependencies:
+    "@vue/compiler-ssr" "3.5.42"
+    "@vue/runtime-dom" "3.5.42"
+    "@vue/shared" "3.5.42"
+
+"@vue/shared@3.5.42", "@vue/shared@^3.5.0":
+  version "3.5.42"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.42.tgz#a413cf21262502662354cda3b65ab31bca979202"
+  integrity sha512-2rPxex1jQf4jvl9MOHl6YaXCPcrNqz/FstMOEh3QWY+/OME9nQTvl9WYeCwhW7AFjaR0SnngZGlp/wkR6rkI6g==
+
+acorn@^8.16.0:
+  version "8.18.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.18.0.tgz#4faf01b2d6d326bfeed97aea1f52220b5f4c1940"
+  integrity sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==
+
+ajv-draft-04@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz#3b64761b268ba0b9e668f0b41ba53fce0ad77fc8"
+  integrity sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==
+
+ajv-formats@~3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-3.0.1.tgz#3d5dc762bca17679c3c2ea7e90ad6b7532309578"
+  integrity sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==
+  dependencies:
+    ajv "^8.0.0"
+
+ajv@^8.0.0, ajv@~8.20.0:
+  version "8.20.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.20.0.tgz#304b3636add88ba7d936760dd50ece006dea95f9"
+  integrity sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+    fast-uri "^3.0.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+
+ajv@~8.18.0:
+  version "8.18.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.18.0.tgz#8864186b6738d003eb3a933172bb3833e10cefbc"
+  integrity sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+    fast-uri "^3.0.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+
+alien-signals@^0.4.9:
+  version "0.4.14"
+  resolved "https://registry.yarnpkg.com/alien-signals/-/alien-signals-0.4.14.tgz#9ff8f72a272300a51692f54bd9bbbada78fbf539"
+  integrity sha512-itUAVzhczTmP2U5yX67xVpsbbOiquusbWVyA9N+sy6+r6YVbFkahXvNCeEPWEOMhwDYwbVbGHFkVL03N9I5g+Q==
+
+alien-signals@^1.0.3:
+  version "1.0.13"
+  resolved "https://registry.yarnpkg.com/alien-signals/-/alien-signals-1.0.13.tgz#8d6db73462f742ee6b89671fbd8c37d0b1727a7e"
+  integrity sha512-OGj9yyTnJEttvzhTUWuscOvtqxq5vrhF7vL9oS0xJ2mK0ItPYP1/y+vCFebfxoEyAz0++1AIwJ5CMr+Fk3nDmg==
+
+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
+anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+arg@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
+
+argparse@~1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
+  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
+  dependencies:
+    sprintf-js "~1.0.2"
+
+autoprefixer@^10.4.20:
+  version "10.5.4"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.5.4.tgz#3b7dd848b4155514a95ad1f6ce598844bea09697"
+  integrity sha512-MaU0U/za7N3r6brxD4YB/l4NSrFzLPlANv6wEuQVaIPlD3L4W9rFcQPbL/EilY9BHhHvhfcz3gInDLrEtWT4EA==
+  dependencies:
+    browserslist "^4.28.6"
+    caniuse-lite "^1.0.30001806"
+    fraction.js "^5.3.4"
+    picocolors "^1.1.1"
+    postcss-value-parser "^4.2.0"
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+balanced-match@^4.0.2:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-4.0.4.tgz#bfb10662feed8196a2c62e7c68e17720c274179a"
+  integrity sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==
+
+baseline-browser-mapping@^2.11.12:
+  version "2.11.19"
+  resolved "https://registry.yarnpkg.com/baseline-browser-mapping/-/baseline-browser-mapping-2.11.19.tgz#4711abac48b88ccb56b5817e86f1b3a9a0764276"
+  integrity sha512-Grytf1xOxOEMTGRwx6rLGKkTabd4vMg3VrKdj/7joCmV0qgh4QwMMO6xh34YEXQqirAuUdgQGa5orJQQ+69RBw==
+
+binary-extensions@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
+  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
+
+brace-expansion@^2.0.2:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.1.4.tgz#589dab11c0018d0366be64cd8bf12c8dbecc8326"
+  integrity sha512-hGfVzPxthbf3+2yjg/RBs60cB0FhqBS/zvdV/4wn4/BmN0bNMMHPc4V/BbFieqf1TKAGGAHnY4eSjajCl0f2Xg==
+  dependencies:
+    balanced-match "^1.0.0"
+
+brace-expansion@^5.0.2:
+  version "5.0.9"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-5.0.9.tgz#7c72438809b5fa5babf54199a1f1c281a6984fcf"
+  integrity sha512-ScQ4IuvIEF1TMlP7Zt+vjJ//9zlPb2SDcxWxM3bk8s6t6GGdJ7KO1dCcTidOPJKePW30LE/2cT7wCyPho9/Wxg==
+  dependencies:
+    balanced-match "^4.0.2"
+
+braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+  dependencies:
+    fill-range "^7.1.1"
+
+browserslist@^4.28.6:
+  version "4.28.8"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.28.8.tgz#a3c79ceb70028527e5da7dafc887f3200b5168c0"
+  integrity sha512-V2NpofLblG64mfOtSgDhOJESZEGogzDMBv/q+W6oc4LXWP/q75eOXoOaaOu1EOadB9U4Bwx/e0yzbvwKH8zalA==
+  dependencies:
+    baseline-browser-mapping "^2.11.12"
+    caniuse-lite "^1.0.30001809"
+    electron-to-chromium "^1.5.402"
+    node-releases "^2.0.53"
+    update-browserslist-db "^1.3.0"
+
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
+caniuse-lite@^1.0.30001806, caniuse-lite@^1.0.30001809:
+  version "1.0.30001810"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001810.tgz#4970b477dea3278374de9bc43aa8f5d39fc3cda2"
+  integrity sha512-TITQPUkaz+aVk5GL6NhOdwk1aEaNTSDPsGFWrTuhKGtjTF70jL/Oht2W4c6rXUe5fu7Ie19VIahAXHIIiWWNeg==
+
+chokidar@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
+  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+commander@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+compare-versions@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/compare-versions/-/compare-versions-6.1.1.tgz#7af3cc1099ba37d244b3145a9af5201b629148a9"
+  integrity sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==
+
+confbox@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.1.8.tgz#820d73d3b3c82d9bd910652c5d4d599ef8ff8b06"
+  integrity sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==
+
+confbox@^0.2.4:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.2.4.tgz#592e7be71f882a4a874e3c88f0ac1ef6f7da1ce5"
+  integrity sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+csstype@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.2.3.tgz#ec48c0f3e993e50648c86da559e2610995cf989a"
+  integrity sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==
+
+de-indent@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
+  integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
+
+debug@^4.4.0:
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
+  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
+  dependencies:
+    ms "^2.1.3"
+
+didyoumean@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
+diff@~8.0.2:
+  version "8.0.4"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-8.0.4.tgz#4f5baf3188b9b2431117b962eb20ba330fadf696"
+  integrity sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==
+
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
+electron-to-chromium@^1.5.402:
+  version "1.5.415"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.415.tgz#edd7356bfb4752a12c8293f8e38a00778b13bbb4"
+  integrity sha512-958V+Kbhtgz+SxXeEVKBjrlKRBIDAYvUJfwhjxMZ5S6ut9jAl7l9ZKBkBrvjyjZE36PabLUo2L8kEeV5O4vgJg==
+
+entities@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-7.0.1.tgz#26e8a88889db63417dcb9a1e79a3f1bc92b5976b"
+  integrity sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==
+
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+esbuild@^0.21.3:
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.21.5.tgz#9ca301b120922959b766360d8ac830da0d02997d"
+  integrity sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==
+  optionalDependencies:
+    "@esbuild/aix-ppc64" "0.21.5"
+    "@esbuild/android-arm" "0.21.5"
+    "@esbuild/android-arm64" "0.21.5"
+    "@esbuild/android-x64" "0.21.5"
+    "@esbuild/darwin-arm64" "0.21.5"
+    "@esbuild/darwin-x64" "0.21.5"
+    "@esbuild/freebsd-arm64" "0.21.5"
+    "@esbuild/freebsd-x64" "0.21.5"
+    "@esbuild/linux-arm" "0.21.5"
+    "@esbuild/linux-arm64" "0.21.5"
+    "@esbuild/linux-ia32" "0.21.5"
+    "@esbuild/linux-loong64" "0.21.5"
+    "@esbuild/linux-mips64el" "0.21.5"
+    "@esbuild/linux-ppc64" "0.21.5"
+    "@esbuild/linux-riscv64" "0.21.5"
+    "@esbuild/linux-s390x" "0.21.5"
+    "@esbuild/linux-x64" "0.21.5"
+    "@esbuild/netbsd-x64" "0.21.5"
+    "@esbuild/openbsd-x64" "0.21.5"
+    "@esbuild/sunos-x64" "0.21.5"
+    "@esbuild/win32-arm64" "0.21.5"
+    "@esbuild/win32-ia32" "0.21.5"
+    "@esbuild/win32-x64" "0.21.5"
+
+escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
+estree-walker@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
+
+exsolve@^1.0.8:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/exsolve/-/exsolve-1.1.1.tgz#c055418255459b6ecde4e59de0060a3e97bc7572"
+  integrity sha512-9U/jZUgjnSGyntRr6y5Muu1MJcwFl6kPu7k8qLF0IMNfLqvw0NZ4nnVDq0RVoZ0RvCyumib4Ez3KYrVfilrw+g==
+
+fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-glob@^3.3.2:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
+  integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.8"
+
+fast-uri@^3.0.1:
+  version "3.1.6"
+  resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.1.6.tgz#bfdd308ef763f835fed059f3c6c925f708e33e3a"
+  integrity sha512-7Ical1vFEMr0onbVzEDIreM22I4khW+fzyQPwvAFWBp1iwdshSZRsL4jjRvPG9JP1uiqMHRto+YU6R2/CzDz5Q==
+
+fastq@^1.6.0:
+  version "1.20.1"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.20.1.tgz#ca750a10dc925bc8b18839fd203e3ef4b3ced675"
+  integrity sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==
+  dependencies:
+    reusify "^1.0.4"
+
+fdir@^6.5.0:
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.5.0.tgz#ed2ab967a331ade62f18d077dae192684d50d350"
+  integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
+
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+fraction.js@^5.3.4:
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-5.3.4.tgz#8c0fcc6a9908262df4ed197427bdeef563e0699a"
+  integrity sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==
+
+fs-extra@~11.3.0:
+  version "11.3.6"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.3.6.tgz#f7cb80e9df550cd1db6f537fa5cdd568d3e70d10"
+  integrity sha512-w8ZNZr2mKIc7qeNaQ9AVPT1+iFaI+Avd4xudVOvdDJ8VytREi1Ft5Ih7hd9jjehod8vAM5GMsfQ/TpPf4EyoEA==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fsevents@~2.3.2, fsevents@~2.3.3:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+graceful-fs@^4.1.6, graceful-fs@^4.2.0:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
+hasown@^2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.4.tgz#8c62d8cb90beb2aad5d0a5b67581ad9854c3f003"
+  integrity sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==
+  dependencies:
+    function-bind "^1.1.2"
+
+he@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
+import-lazy@~4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-4.0.0.tgz#e8eb627483a0a43da3c03f3e35548be5cb0cc153"
+  integrity sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-core-module@^2.16.1:
+  version "2.16.2"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.2.tgz#3e07450a8080ebce3fbf0cac494f4d2ab324e082"
+  integrity sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==
+  dependencies:
+    hasown "^2.0.3"
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+jiti@^1.21.7:
+  version "1.21.7"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
+  integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
+
+jju@~1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/jju/-/jju-1.4.0.tgz#a3abe2718af241a2b2904f84a625970f389ae32a"
+  integrity sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==
+
+json-schema-traverse@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
+  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+jsonfile@^6.0.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.2.1.tgz#b6e31717f22cc37330b081ce0051ed5de53af2f6"
+  integrity sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+kolorist@^1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/kolorist/-/kolorist-1.8.0.tgz#edddbbbc7894bc13302cdf740af6374d4a04743c"
+  integrity sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==
+
+lilconfig@^3.1.1, lilconfig@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4"
+  integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
+
+lines-and-columns@^1.1.6:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
+  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+
+local-pkg@^1.0.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-1.2.1.tgz#9628389399851d78f3b50c9236eddb02f0c31b2b"
+  integrity sha512-++gUqRDEvcnN6Zhqrr+y/CkVEHhlrR96vZn3nZZPYzMcBUyBtTKzB9NadClFIsIVSsu+3i9tfk/erqy9kAmt7Q==
+  dependencies:
+    mlly "^1.7.4"
+    pkg-types "^2.3.0"
+    quansync "^0.2.11"
+
+magic-string@^0.30.17, magic-string@^0.30.21:
+  version "0.30.21"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.21.tgz#56763ec09a0fa8091df27879fd94d19078c00d91"
+  integrity sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.5"
+
+merge2@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+micromatch@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
+minimatch@10.2.3:
+  version "10.2.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-10.2.3.tgz#c0ef582f21071b0123a5bbf275252ebda921fbf6"
+  integrity sha512-Rwi3pnapEqirPSbWbrZaa6N3nmqq4Xer/2XooiOKyV3q12ML06f7MOuc5DVH8ONZIFhwIYQ3yzPH4nt7iWHaTg==
+  dependencies:
+    brace-expansion "^5.0.2"
+
+minimatch@^9.0.3:
+  version "9.0.9"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.9.tgz#9b0cb9fcb78087f6fd7eababe2511c4d3d60574e"
+  integrity sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==
+  dependencies:
+    brace-expansion "^2.0.2"
+
+mlly@^1.7.4:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.8.2.tgz#e7f7919a82d13b174405613117249a3f449d78bb"
+  integrity sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==
+  dependencies:
+    acorn "^8.16.0"
+    pathe "^2.0.3"
+    pkg-types "^1.3.1"
+    ufo "^1.6.3"
+
+ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+muggle-string@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/muggle-string/-/muggle-string-0.4.1.tgz#3b366bd43b32f809dc20659534dd30e7c8a0d328"
+  integrity sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==
+
+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
+nanoid@^3.3.17:
+  version "3.3.18"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.18.tgz#f66a2de1199ffde0fcf21c8a5f13106b1c081913"
+  integrity sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==
+
+node-releases@^2.0.53:
+  version "2.0.53"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.53.tgz#0fe5ad8a7935e075172f574e56f0c20f07fa41af"
+  integrity sha512-D9UOmYG3UH1V+ENW56t5QXBwJw1YEY18ruVeus89Rw+SyIgjPkCO84bRzO3uNIYosJbNwiabWVn48o3uJLjxFQ==
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+object-assign@^4.0.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
+path-browserify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.1.tgz#d98454a9c3753d5790860f16f68867b9e46be1fd"
+  integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+pathe@^2.0.1, pathe@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/pathe/-/pathe-2.0.3.tgz#3ecbec55421685b70a9da872b2cff3e1cbed1716"
+  integrity sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==
+
+picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.2.tgz#5a942915e26b372dc0f0e6753149a16e6b1c5601"
+  integrity sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==
+
+picomatch@^4.0.2, picomatch@^4.0.4:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.7.tgz#6313360034ccb36b3dc61ecbdff78121f90fe21f"
+  integrity sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==
+
+pirates@^4.0.1:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.7.tgz#643b4a18c4257c8a65104b73f3049ce9a0a15e22"
+  integrity sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==
+
+pkg-types@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.3.1.tgz#bd7cc70881192777eef5326c19deb46e890917df"
+  integrity sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==
+  dependencies:
+    confbox "^0.1.8"
+    mlly "^1.7.4"
+    pathe "^2.0.1"
+
+pkg-types@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-2.3.1.tgz#fa27ed0940efcf40bba453b0e5cab41217b0d442"
+  integrity sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==
+  dependencies:
+    confbox "^0.2.4"
+    exsolve "^1.0.8"
+    pathe "^2.0.3"
+
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-js@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.1.0.tgz#003b63c6edde948766e40f3daf7e997ae43a5ce6"
+  integrity sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+"postcss-load-config@^4.0.2 || ^5.0 || ^6.0":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-6.0.1.tgz#6fd7dcd8ae89badcf1b2d644489cbabf83aa8096"
+  integrity sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==
+  dependencies:
+    lilconfig "^3.1.1"
+
+postcss-nested@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.2.0.tgz#4c2d22ab5f20b9cb61e2c5c5915950784d068131"
+  integrity sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==
+  dependencies:
+    postcss-selector-parser "^6.1.1"
+
+postcss-selector-parser@^6.1.1, postcss-selector-parser@^6.1.2:
+  version "6.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.4.tgz#fdec4ca80f5781bd216ca9bf89a2a0fccfffa5f0"
+  integrity sha512-bIoJLOmjCO1S9XdY/DcnR5hJxvrDir1PbGChrzXG3vw0/FOliy/fA3dmdhQ441kah4gKv+TwckGzex6wNS5cnQ==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@^8.4.43, postcss@^8.4.47, postcss@^8.4.49, postcss@^8.5.19:
+  version "8.5.26"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.26.tgz#6e75135780c7e10df3433bf2266c552d35c8c620"
+  integrity sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==
+  dependencies:
+    nanoid "^3.3.17"
+    picocolors "^1.1.1"
+    source-map-js "^1.2.1"
+
+quansync@^0.2.11:
+  version "0.2.11"
+  resolved "https://registry.yarnpkg.com/quansync/-/quansync-0.2.11.tgz#f9c3adda2e1272e4f8cf3f1457b04cbdb4ee692a"
+  integrity sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+read-cache@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.2.tgz#3bfa40e27574216bd893276ced75d81e6649ca52"
+  integrity sha512-/peqiBB/n07gQGLsWaHho3WfvUyRscw0gYTsEFMhrIe/nWLkYaf5SbKYjGYqtRV3aPwykJgF2VEMo1ac4bnsGA==
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+require-from-string@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
+  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+resolve@^1.1.7, resolve@^1.22.8, resolve@~1.22.1, resolve@~1.22.2:
+  version "1.22.12"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.12.tgz#f5b2a680897c69c238a13cd16b15671f8b73549f"
+  integrity sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==
+  dependencies:
+    es-errors "^1.3.0"
+    is-core-module "^2.16.1"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+reusify@^1.0.4:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.1.0.tgz#0fe13b9522e1473f51b558ee796e08f11f9b489f"
+  integrity sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==
+
+rollup@^4.20.0:
+  version "4.63.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.63.0.tgz#55798a9834a55957544a971acc0f8365ca265b87"
+  integrity sha512-T5vnZ2y4QqC3/4P+w2+JO+Q/OVdnPsv4XcSYJYMEn0R9/jjl5AgLwO9LAZMzP2lN71O6pypn91rB7lDstUkfrQ==
+  dependencies:
+    "@types/estree" "1.0.9"
+  optionalDependencies:
+    "@napi-rs/lzma-linux-x64-gnu" "1.5.1"
+    "@rollup/rollup-android-arm-eabi" "4.63.0"
+    "@rollup/rollup-android-arm64" "4.63.0"
+    "@rollup/rollup-darwin-arm64" "4.63.0"
+    "@rollup/rollup-darwin-x64" "4.63.0"
+    "@rollup/rollup-freebsd-arm64" "4.63.0"
+    "@rollup/rollup-freebsd-x64" "4.63.0"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.63.0"
+    "@rollup/rollup-linux-arm-musleabihf" "4.63.0"
+    "@rollup/rollup-linux-arm64-gnu" "4.63.0"
+    "@rollup/rollup-linux-arm64-musl" "4.63.0"
+    "@rollup/rollup-linux-loong64-gnu" "4.63.0"
+    "@rollup/rollup-linux-loong64-musl" "4.63.0"
+    "@rollup/rollup-linux-ppc64-gnu" "4.63.0"
+    "@rollup/rollup-linux-ppc64-musl" "4.63.0"
+    "@rollup/rollup-linux-riscv64-gnu" "4.63.0"
+    "@rollup/rollup-linux-riscv64-musl" "4.63.0"
+    "@rollup/rollup-linux-s390x-gnu" "4.63.0"
+    "@rollup/rollup-linux-x64-gnu" "4.63.0"
+    "@rollup/rollup-linux-x64-musl" "4.63.0"
+    "@rollup/rollup-openbsd-x64" "4.63.0"
+    "@rollup/rollup-openharmony-arm64" "4.63.0"
+    "@rollup/rollup-win32-arm64-msvc" "4.63.0"
+    "@rollup/rollup-win32-ia32-msvc" "4.63.0"
+    "@rollup/rollup-win32-x64-gnu" "4.63.0"
+    "@rollup/rollup-win32-x64-msvc" "4.63.0"
+    fsevents "~2.3.2"
+
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
+semver@~7.7.4:
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.4.tgz#28464e36060e991fa7a11d0279d2d3f3b57a7e8a"
+  integrity sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==
+
+source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
+
+source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+sprintf-js@~1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
+  integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
+
+string-argv@~0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.2.tgz#2b6d0ef24b656274d957d54e0a4bbf6153dc02b6"
+  integrity sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==
+
+sucrase@^3.35.0:
+  version "3.35.1"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.1.tgz#4619ea50393fe8bd0ae5071c26abd9b2e346bfe1"
+  integrity sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    tinyglobby "^0.2.11"
+    ts-interface-checker "^0.1.9"
+
+supports-color@~8.1.1:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+tailwindcss@^3.4.17:
+  version "3.4.19"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.19.tgz#af2a0a4ae302d52ebe078b6775e799e132500ee2"
+  integrity sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    arg "^5.0.2"
+    chokidar "^3.6.0"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.3.2"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    jiti "^1.21.7"
+    lilconfig "^3.1.3"
+    micromatch "^4.0.8"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.1.1"
+    postcss "^8.4.47"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.2 || ^5.0 || ^6.0"
+    postcss-nested "^6.2.0"
+    postcss-selector-parser "^6.1.2"
+    resolve "^1.22.8"
+    sucrase "^3.35.0"
+
+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
+
+tinyglobby@^0.2.11:
+  version "0.2.17"
+  resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.17.tgz#562a9a6c9eb2b3b123d39719f9af5bb44fcd7631"
+  integrity sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==
+  dependencies:
+    fdir "^6.5.0"
+    picomatch "^4.0.4"
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
+typescript@5.9.3, typescript@^5.6.3:
+  version "5.9.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.9.3.tgz#5b4f59e15310ab17a216f5d6cf53ee476ede670f"
+  integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==
+
+ufo@^1.6.3:
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.6.4.tgz#7a8fb875fcc6382d2c7d0b3692738b0500a92467"
+  integrity sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==
+
+undici-types@~8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-8.3.0.tgz#44e9fc9f3244648cdea35e4f9bb2d681e9410809"
+  integrity sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==
+
+universalify@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
+  integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
+
+update-browserslist-db@^1.3.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.3.1.tgz#a71c28dd22f505481dbc4689087b18d933e90afd"
+  integrity sha512-ZZ61DsRsOnakl74HAmp3oSN4aXUmEWXf+i/yv0h7tIBfICc3VdrFErQKUUKPgu3AMsTUMbcongALEN4l6GSUrQ==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.1"
+
+util-deprecate@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+vite-plugin-dts@^4.3.0:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/vite-plugin-dts/-/vite-plugin-dts-4.5.4.tgz#51b60aaaa760d9cf5c2bb3676c69d81910d6b08c"
+  integrity sha512-d4sOM8M/8z7vRXHHq/ebbblfaxENjogAAekcfcDCCwAyvGqnPrc7f4NZbvItS+g4WTgerW0xDwSz5qz11JT3vg==
+  dependencies:
+    "@microsoft/api-extractor" "^7.50.1"
+    "@rollup/pluginutils" "^5.1.4"
+    "@volar/typescript" "^2.4.11"
+    "@vue/language-core" "2.2.0"
+    compare-versions "^6.1.1"
+    debug "^4.4.0"
+    kolorist "^1.8.0"
+    local-pkg "^1.0.0"
+    magic-string "^0.30.17"
+
+vite@^5.4.11:
+  version "5.4.21"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-5.4.21.tgz#84a4f7c5d860b071676d39ba513c0d598fdc7027"
+  integrity sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==
+  dependencies:
+    esbuild "^0.21.3"
+    postcss "^8.4.43"
+    rollup "^4.20.0"
+  optionalDependencies:
+    fsevents "~2.3.3"
+
+vscode-uri@^3.0.8:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.2.0.tgz#1cb1fd3cee7426b66732afc3fb86343d596d5fb4"
+  integrity sha512-m2gXo3bn0G1kT9InzMf07fTbqMbGtyckj3bH5ktLO+1Ssv+yiATZ4dhwaQv9UZWxJh6E9IFGnQyjgWVDWVBDrg==
+
+vue-tsc@^2.1.10:
+  version "2.2.12"
+  resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-2.2.12.tgz#5f719b08ef7390a763c1a20169ca5c9d09d55688"
+  integrity sha512-P7OP77b2h/Pmk+lZdJ0YWs+5tJ6J2+uOQPo7tlBnY44QqQSPYvS0qVT4wqDJgwrZaLe47etJLLQRFia71GYITw==
+  dependencies:
+    "@volar/typescript" "2.4.15"
+    "@vue/language-core" "2.2.12"
+
+vue@^3.5.12:
+  version "3.5.42"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.42.tgz#6099e750a19c68a5c09f785808d5abb01558a3c1"
+  integrity sha512-4RyHQTbQvOPs3MfvUO1Sg0YRrKNnA0mAVtvpd12Tg1fKDN7OHBUl1IqSn8zGJjK9nI3NkNp8cgTpVrSZC5TTcA==
+  dependencies:
+    "@vue/compiler-dom" "3.5.42"
+    "@vue/compiler-sfc" "3.5.42"
+    "@vue/runtime-dom" "3.5.42"
+    "@vue/server-renderer" "3.5.42"
+    "@vue/shared" "3.5.42"