@autono/open-pages 0.5.0 → 0.7.0

package/src/app/styles.css

@@ -58,6 +58,10 @@
   --radius-3xl: calc(var(--radius) * 2.2);
   --radius-4xl: calc(var(--radius) * 2.6);
 
+  /* House motion curve — one strong ease-out for every chrome entrance,
+     instead of per-file cubic-bezier literals. */
+  --ease-swift: cubic-bezier(0.22, 1, 0.36, 1);
+
   --shadow-edge: 0 0 0 0.5px oklch(0 0 0 / 0.06), 0 1px 0 oklch(0 0 0 / 0.025);
   --shadow-floating:
     0 0 0 0.5px oklch(0 0 0 / 0.08), 0 1px 1px oklch(0 0 0 / 0.04),
@@ -68,6 +72,9 @@
 }
 
 :root {
+  /* Runtime copy of the @theme token for inline style/JS consumers. */
+  --ease-swift: cubic-bezier(0.22, 1, 0.36, 1);
+
   /* Pure neutral ramp — zero chroma, flat surfaces, hairline borders.
      Near-white background with white cards floating on a slightly
      recessed canvas. */
@@ -110,7 +117,9 @@
   /* Tight, considered radius — drops the trendy 10px squish for 6px crisp. */
   --radius: 0.375rem;
 
-  --sidebar: oklch(0.98 0 0);
+  /* Chrome ground — matches --canvas so sidebar, rails, and panels sit on
+     one continuous surface; content floats above it as elevated cards. */
+  --sidebar: oklch(0.975 0 0);
   --sidebar-foreground: oklch(0.185 0 0);
   --sidebar-primary: oklch(0.185 0 0);
   --sidebar-primary-foreground: oklch(0.985 0 0);
@@ -121,9 +130,11 @@
 }
 
 .dark {
-  --background: oklch(0.145 0 0);
+  /* Lifted well above the near-black chrome ground (--sidebar 0.1) so the
+     elevated content cards read at a glance on dim displays. */
+  --background: oklch(0.175 0 0);
   --foreground: oklch(0.93 0 0);
-  --canvas: oklch(0.125 0 0);
+  --canvas: oklch(0.1 0 0);
 
   --card: oklch(0.19 0 0);
   --card-foreground: oklch(0.93 0 0);
@@ -155,7 +166,7 @@
   --chart-4: oklch(0.7 0.13 160);
   --chart-5: oklch(0.65 0 0);
 
-  --sidebar: oklch(0.17 0 0);
+  --sidebar: oklch(0.1 0 0);
   --sidebar-foreground: oklch(0.93 0 0);
   --sidebar-primary: oklch(0.925 0 0);
   --sidebar-primary-foreground: oklch(0.17 0 0);
@@ -225,6 +236,31 @@
   }
 }
 
+/*
+ * Grid entrance — a quiet rise used by card grids. Pair with a small
+ * per-item animation-delay for a capped stagger.
+ */
+@keyframes osd-rise-in {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.rise-in {
+  animation: osd-rise-in 350ms var(--ease-swift) both;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .rise-in {
+    animation: none;
+  }
+}
+
 /*
  * Comment input cue — kept from the original design but retoned to match
  * the new palette (warm vermillion + amber instead of the AI-classic

package/src/app/virtual.d.ts

@@ -53,4 +53,5 @@ declare module 'virtual:open-pages/themes' {
     default: PageComponent;
     design?: DesignSystem;
   }>;
+  export function demoImportUrl(id: string): string;
 }

package/src/locale/en.ts

@@ -18,7 +18,7 @@ export const en: Locale = {
     title: 'Page not found',
   },
   home: {
-    appTitle: 'open-pages',
+    appTitle: 'Autono',
     draft: 'Draft',
     duplicate: 'Duplicate',
     themes: 'Themes',
@@ -28,7 +28,7 @@ export const en: Locale = {
     menu: 'Menu',
     newFolder: 'New folder',
     folderName: 'Folder name',
-    updateAvailable: 'open-pages {version} is available',
+    updateAvailable: 'Autono {version} is available',
     updatePackage: 'Update',
     updatingPackage: 'Updating',
     updatePackageDone: 'Updated. Restart the dev server to use the new version.',
@@ -124,6 +124,7 @@ export const en: Locale = {
     noMatchingAssetsHint: 'Try adjusting your search or filters.',
     clearFilters: 'Clear filters',
     searchLogos: 'Search logos',
+    searchFonts: 'Search fonts',
     upload: 'Upload',
     dropToUpload: 'Drop to upload',
     loading: 'Loading…',
@@ -161,6 +162,18 @@ export const en: Locale = {
     logoSearchEmptyHintSuffix: '.',
     logoVariantLight: 'Light',
     logoVariantDark: 'Dark',
+    fontSearchTitle: 'Search Google Fonts',
+    fontSearchPoweredByPrefix: 'Powered by ',
+    fontSearchPlaceholder: 'Search font families…',
+    fontSearchPreviewPlaceholder: 'Preview text',
+    fontSearchErrorTitle: "Couldn't reach Google Fonts",
+    fontSearchErrorBody: 'Check your connection and try again.',
+    fontSearchNoResults: 'No fonts for "{query}"',
+    fontSearchEmpty: 'No fonts available',
+    fontSearchEmptyHintPrefix: 'Try a different family name, or browse the full catalog at ',
+    fontSearchEmptyHintSuffix: '.',
+    fontWeightLabel: 'Weight',
+    fontPreviewSample: 'The quick brown fox jumps over the lazy dog 0123456789',
     toastUploadFailed: 'Upload failed ({status})',
     toastReplaced: 'Replaced {name}',
     toastUploadedAs: 'Uploaded as {name}',
@@ -170,6 +183,7 @@ export const en: Locale = {
     toastDeleteFailed: 'Delete failed ({status})',
     toastDeleted: 'Deleted {name}',
     toastDownloadFailed: 'Failed to download logo',
+    toastFontDownloadFailed: 'Failed to download font',
     toastSearchFailed: 'Search failed',
   },
   commandMenu: {
@@ -196,10 +210,7 @@ export const en: Locale = {
     dark: 'Dark',
     system: 'System',
   },
-  languageToggle: {
-    toggleAria: 'Change language',
-    title: 'Language',
-  },
+
   themes: {
     title: 'Themes',
     noThemesTitle: 'No themes yet',

package/src/locale/ja.ts

@@ -18,7 +18,7 @@ export const ja: Locale = {
     title: 'ページが見つかりません',
   },
   home: {
-    appTitle: 'open-pages',
+    appTitle: 'Autono',
     draft: '下書き',
     duplicate: '複製',
     themes: 'テーマ',
@@ -28,7 +28,7 @@ export const ja: Locale = {
     menu: 'メニュー',
     newFolder: '新規フォルダ',
     folderName: 'フォルダ名',
-    updateAvailable: 'open-pages {version} が利用可能です',
+    updateAvailable: 'Autono {version} が利用可能です',
     updatePackage: '更新',
     updatingPackage: '更新中',
     updatePackageDone: '更新しました。新しいバージョンを使うには dev server を再起動してください。',
@@ -124,6 +124,7 @@ export const ja: Locale = {
     noMatchingAssetsHint: '検索条件またはフィルターを調整してください。',
     clearFilters: 'フィルターをクリア',
     searchLogos: 'ロゴを検索',
+    searchFonts: 'フォントを検索',
     upload: 'アップロード',
     dropToUpload: 'ドロップでアップロード',
     loading: '読み込み中…',
@@ -163,6 +164,19 @@ export const ja: Locale = {
     logoSearchEmptyHintSuffix: '。',
     logoVariantLight: 'ライト',
     logoVariantDark: 'ダーク',
+    fontSearchTitle: 'Google Fonts を検索',
+    fontSearchPoweredByPrefix: 'Powered by ',
+    fontSearchPlaceholder: 'フォントファミリーで検索…',
+    fontSearchPreviewPlaceholder: 'プレビューテキスト',
+    fontSearchErrorTitle: 'Google Fonts に接続できません',
+    fontSearchErrorBody: '接続を確認して再試行してください。',
+    fontSearchNoResults: '「{query}」のフォントは見つかりません',
+    fontSearchEmpty: '利用可能なフォントはありません',
+    fontSearchEmptyHintPrefix:
+      '別のファミリー名を試すか、次のサイトでカタログ全体を閲覧してください: ',
+    fontSearchEmptyHintSuffix: '。',
+    fontWeightLabel: 'ウェイト',
+    fontPreviewSample: 'いろはにほへと 永遠 ABCabc 0123456789',
     toastUploadFailed: 'アップロードに失敗しました ({status})',
     toastReplaced: '{name} を置き換えました',
     toastUploadedAs: '{name} としてアップロードしました',
@@ -172,6 +186,7 @@ export const ja: Locale = {
     toastDeleteFailed: '削除に失敗しました ({status})',
     toastDeleted: '{name} を削除しました',
     toastDownloadFailed: 'ロゴのダウンロードに失敗しました',
+    toastFontDownloadFailed: 'フォントのダウンロードに失敗しました',
     toastSearchFailed: '検索に失敗しました',
   },
   commandMenu: {
@@ -198,10 +213,7 @@ export const ja: Locale = {
     dark: 'ダーク',
     system: 'システム',
   },
-  languageToggle: {
-    toggleAria: '言語を切り替え',
-    title: '言語',
-  },
+
   themes: {
     title: 'テーマ',
     noThemesTitle: 'テーマがまだありません',

package/src/locale/types.ts

@@ -121,6 +121,7 @@ export type Locale = {
     noMatchingAssetsHint: string;
     clearFilters: string;
     searchLogos: string;
+    searchFonts: string;
     upload: string;
     dropToUpload: string;
     loading: string;
@@ -158,6 +159,20 @@ export type Locale = {
     logoSearchEmptyHintSuffix: string;
     logoVariantLight: string;
     logoVariantDark: string;
+    fontSearchTitle: string;
+    fontSearchPoweredByPrefix: string;
+    fontSearchPlaceholder: string;
+    fontSearchPreviewPlaceholder: string;
+    fontSearchErrorTitle: string;
+    fontSearchErrorBody: string;
+    /** template: 'No fonts for "{query}"' */
+    fontSearchNoResults: string;
+    fontSearchEmpty: string;
+    fontSearchEmptyHintPrefix: string;
+    fontSearchEmptyHintSuffix: string;
+    fontWeightLabel: string;
+    fontPreviewSample: string;
+    /** template: "Upload failed ({status})" */
     toastUploadFailed: string;
     toastReplaced: string;
     toastUploadedAs: string;
@@ -167,6 +182,7 @@ export type Locale = {
     toastDeleteFailed: string;
     toastDeleted: string;
     toastDownloadFailed: string;
+    toastFontDownloadFailed: string;
     toastSearchFailed: string;
   };
   commandMenu: {
@@ -193,10 +209,7 @@ export type Locale = {
     dark: string;
     system: string;
   };
-  languageToggle: {
-    toggleAria: string;
-    title: string;
-  };
+
   themes: {
     title: string;
     noThemesTitle: string;

package/src/locale/zh-cn.ts

@@ -18,7 +18,7 @@ export const zhCN: Locale = {
     title: '未找到页面',
   },
   home: {
-    appTitle: 'open-pages',
+    appTitle: 'Autono',
     draft: '草稿',
     duplicate: '复制',
     themes: '主题',
@@ -26,9 +26,9 @@ export const zhCN: Locale = {
     folders: '頁面夹',
     pages: '幻灯片',
     menu: '菜单',
-    newFolder: '新建頁面夹',
-    folderName: '頁面夹名称',
-    updateAvailable: 'open-pages {version} 已发布',
+    newFolder: '新建文件夹',
+    folderName: '文件夹名称',
+    updateAvailable: 'Autono {version} 已发布',
     updatePackage: '更新',
     updatingPackage: '更新中',
     updatePackageDone: '已更新。请重启 dev server 以使用新版本。',
@@ -124,6 +124,7 @@ export const zhCN: Locale = {
     noMatchingAssetsHint: '请调整搜索或筛选条件。',
     clearFilters: '清除筛选',
     searchLogos: '搜索 Logo',
+    searchFonts: '搜索字体',
     upload: '上传',
     dropToUpload: '拖入即可上传',
     loading: '加载中…',
@@ -161,6 +162,18 @@ export const zhCN: Locale = {
     logoSearchEmptyHintSuffix: '。',
     logoVariantLight: '浅色',
     logoVariantDark: '深色',
+    fontSearchTitle: '搜索 Google Fonts',
+    fontSearchPoweredByPrefix: '由 ',
+    fontSearchPlaceholder: '搜索字体家族…',
+    fontSearchPreviewPlaceholder: '预览文字',
+    fontSearchErrorTitle: '无法连接至 Google Fonts',
+    fontSearchErrorBody: '请检查网络连接后重试。',
+    fontSearchNoResults: '找不到「{query}」的字体',
+    fontSearchEmpty: '无可用字体',
+    fontSearchEmptyHintPrefix: '试试其他字体家族名,或在以下网站浏览完整目录: ',
+    fontSearchEmptyHintSuffix: '。',
+    fontWeightLabel: '字重',
+    fontPreviewSample: '永和九年 岁在癸丑 ABCabc 0123456789',
     toastUploadFailed: '上传失败 ({status})',
     toastReplaced: '已替换 {name}',
     toastUploadedAs: '已以 {name} 上传',
@@ -170,6 +183,7 @@ export const zhCN: Locale = {
     toastDeleteFailed: '删除失败 ({status})',
     toastDeleted: '已删除 {name}',
     toastDownloadFailed: '下载 Logo 失败',
+    toastFontDownloadFailed: '下载字体失败',
     toastSearchFailed: '搜索失败',
   },
   commandMenu: {
@@ -196,10 +210,7 @@ export const zhCN: Locale = {
     dark: '深色',
     system: '系统',
   },
-  languageToggle: {
-    toggleAria: '切换语言',
-    title: '语言',
-  },
+
   themes: {
     title: '主题',
     noThemesTitle: '尚无主题',

package/src/locale/zh-tw.ts

@@ -18,7 +18,7 @@ export const zhTW: Locale = {
     title: '找不到頁面',
   },
   home: {
-    appTitle: 'open-pages',
+    appTitle: 'Autono',
     draft: '草稿',
     duplicate: '複製',
     themes: '主題',
@@ -28,7 +28,7 @@ export const zhTW: Locale = {
     menu: '選單',
     newFolder: '新增資料夾',
     folderName: '資料夾名稱',
-    updateAvailable: 'open-pages {version} 已發布',
+    updateAvailable: 'Autono {version} 已發布',
     updatePackage: '更新',
     updatingPackage: '更新中',
     updatePackageDone: '已更新。請重新啟動 dev server 以使用新版本。',
@@ -124,6 +124,7 @@ export const zhTW: Locale = {
     noMatchingAssetsHint: '請調整搜尋或篩選條件。',
     clearFilters: '清除篩選',
     searchLogos: '搜尋 Logo',
+    searchFonts: '搜尋字型',
     upload: '上傳',
     dropToUpload: '拖入即可上傳',
     loading: '載入中…',
@@ -161,6 +162,18 @@ export const zhTW: Locale = {
     logoSearchEmptyHintSuffix: '。',
     logoVariantLight: '淺色',
     logoVariantDark: '深色',
+    fontSearchTitle: '搜尋 Google Fonts',
+    fontSearchPoweredByPrefix: '由 ',
+    fontSearchPlaceholder: '搜尋字型家族…',
+    fontSearchPreviewPlaceholder: '預覽文字',
+    fontSearchErrorTitle: '無法連線至 Google Fonts',
+    fontSearchErrorBody: '請檢查網路連線後重試。',
+    fontSearchNoResults: '找不到「{query}」的字型',
+    fontSearchEmpty: '沒有可用的字型',
+    fontSearchEmptyHintPrefix: '試試其他字型家族名稱,或在以下網站瀏覽完整目錄: ',
+    fontSearchEmptyHintSuffix: '。',
+    fontWeightLabel: '字重',
+    fontPreviewSample: '永和九年 歲在癸丑 ABCabc 0123456789',
     toastUploadFailed: '上傳失敗 ({status})',
     toastReplaced: '已取代 {name}',
     toastUploadedAs: '已以 {name} 上傳',
@@ -170,6 +183,7 @@ export const zhTW: Locale = {
     toastDeleteFailed: '刪除失敗 ({status})',
     toastDeleted: '已刪除 {name}',
     toastDownloadFailed: '下載 Logo 失敗',
+    toastFontDownloadFailed: '下載字型失敗',
     toastSearchFailed: '搜尋失敗',
   },
   commandMenu: {
@@ -196,10 +210,7 @@ export const zhTW: Locale = {
     dark: '深色',
     system: '系統',
   },
-  languageToggle: {
-    toggleAria: '切換語言',
-    title: '語言',
-  },
+
   themes: {
     title: '主題',
     noThemesTitle: '尚無主題',

package/src/shared/update-package.ts

@@ -0,0 +1,193 @@
+import { type StdioOptions, spawn } from 'node:child_process';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+export const PKG = '@autono/open-pages';
+const CACHE_TTL_MS = 10 * 60 * 1000;
+const COMMAND_TIMEOUT_MS = 300_000;
+
+export type PackageManager = 'npm' | 'pnpm' | 'yarn' | 'bun';
+export type CommandSpec = { cmd: string; args: string[]; shell?: boolean };
+
+let cache: { at: number; latest: string | null } | null = null;
+
+function parseSemver(v: string): [number, number, number] | null {
+  const m = /^v?(\d+)\.(\d+)\.(\d+)/.exec(v.trim());
+  if (!m) return null;
+  return [Number(m[1]), Number(m[2]), Number(m[3])];
+}
+
+export function isOutdated(current: string, latest: string): boolean {
+  const a = parseSemver(current);
+  const b = parseSemver(latest);
+  if (!a || !b) return false;
+  for (let i = 0; i < 3; i++) {
+    if (b[i] > a[i]) return true;
+    if (b[i] < a[i]) return false;
+  }
+  return false;
+}
+
+/** npm `latest` dist-tag, cached for 10 minutes. Network failures yield null. */
+export async function fetchLatest(now = Date.now()): Promise<string | null> {
+  if (cache && now - cache.at < CACHE_TTL_MS) return cache.latest;
+  try {
+    const res = await fetch(`https://registry.npmjs.org/${PKG}/latest`, {
+      signal: AbortSignal.timeout(3000),
+      headers: { accept: 'application/json' },
+    });
+    if (!res.ok) throw new Error(`registry ${res.status}`);
+    const body = (await res.json()) as { version?: unknown };
+    const latest = typeof body.version === 'string' ? body.version : null;
+    cache = { at: now, latest };
+    return latest;
+  } catch {
+    return cache?.latest ?? null;
+  }
+}
+
+export function invalidateLatestCache(): void {
+  cache = null;
+}
+
+async function fileExists(file: string): Promise<boolean> {
+  try {
+    await fs.access(file);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+// Lockfiles identify the workspace's package manager; npm_config_user_agent
+// only identifies the process driving this run (e.g. `npx` in a pnpm repo).
+const LOCKFILES: ReadonlyArray<readonly [string, PackageManager]> = [
+  ['pnpm-lock.yaml', 'pnpm'],
+  ['yarn.lock', 'yarn'],
+  ['bun.lockb', 'bun'],
+  ['bun.lock', 'bun'],
+  ['package-lock.json', 'npm'],
+];
+
+const PROJECT_ROOT_MARKERS = ['pnpm-workspace.yaml', '.git'];
+
+async function declaredPackageManager(dir: string): Promise<PackageManager | null> {
+  try {
+    const raw = await fs.readFile(path.join(dir, 'package.json'), 'utf8');
+    const declared = (JSON.parse(raw) as { packageManager?: unknown }).packageManager;
+    if (typeof declared !== 'string') return null;
+    const name = declared.split('@')[0];
+    return name === 'npm' || name === 'pnpm' || name === 'yarn' || name === 'bun' ? name : null;
+  } catch {
+    return null;
+  }
+}
+
+async function isProjectRoot(dir: string): Promise<boolean> {
+  for (const marker of PROJECT_ROOT_MARKERS) {
+    if (await fileExists(path.join(dir, marker))) return true;
+  }
+  return false;
+}
+
+export async function detectPackageManager(cwd: string): Promise<PackageManager> {
+  // Workspace members have no lockfile of their own; it lives at the root.
+  // The walk stops at the project root so a lockfile in an unrelated
+  // ancestor directory never picks the manager.
+  let dir = cwd;
+  while (true) {
+    const declared = await declaredPackageManager(dir);
+    if (declared) return declared;
+    for (const [lockfile, pm] of LOCKFILES) {
+      if (await fileExists(path.join(dir, lockfile))) return pm;
+    }
+    const parent = path.dirname(dir);
+    if (parent === dir || (await isProjectRoot(dir))) break;
+    dir = parent;
+  }
+
+  const ua = process.env.npm_config_user_agent ?? '';
+  if (ua.startsWith('pnpm')) return 'pnpm';
+  if (ua.startsWith('yarn')) return 'yarn';
+  if (ua.startsWith('bun')) return 'bun';
+  return 'npm';
+}
+
+export async function updateCommandFor(
+  packageManager: PackageManager,
+  cwd: string,
+): Promise<CommandSpec> {
+  switch (packageManager) {
+    case 'pnpm': {
+      // pnpm rejects plain `add` at a workspace root with ERR_PNPM_ADDING_TO_ROOT.
+      const workspaceRoot = await fileExists(path.join(cwd, 'pnpm-workspace.yaml'));
+      return {
+        cmd: 'pnpm',
+        args: workspaceRoot
+          ? ['add', '--workspace-root', `${PKG}@latest`]
+          : ['add', `${PKG}@latest`],
+      };
+    }
+    case 'yarn':
+      return { cmd: 'yarn', args: ['add', `${PKG}@latest`] };
+    case 'bun':
+      return { cmd: 'bun', args: ['add', `${PKG}@latest`] };
+    case 'npm':
+      return { cmd: 'npm', args: ['install', `${PKG}@latest`] };
+  }
+}
+
+/**
+ * The freshly installed package's own CLI, so skills come from the new
+ * version rather than whatever process is driving the update.
+ */
+export function installCommandFor(packageManager: PackageManager): CommandSpec {
+  return { cmd: packageManager, args: ['install'] };
+}
+
+export function localOpenPagesCommand(cwd: string, args: string[]): CommandSpec {
+  const bin = path.join(cwd, 'node_modules', ...PKG.split('/'), 'bin.js');
+  return { cmd: process.execPath, args: [bin, ...args], shell: false };
+}
+
+export function formatCommand(spec: CommandSpec): string {
+  return [spec.cmd, ...spec.args].join(' ');
+}
+
+export async function runCommand(
+  spec: CommandSpec,
+  cwd: string,
+  opts: { stdio?: StdioOptions } = {},
+): Promise<void> {
+  await new Promise<void>((resolve, reject) => {
+    const child = spawn(spec.cmd, spec.args, {
+      cwd,
+      env: process.env,
+      shell: spec.shell ?? process.platform === 'win32',
+      stdio: opts.stdio ?? ['ignore', 'ignore', 'pipe'],
+    });
+    let stderr = '';
+    const timer = setTimeout(() => {
+      child.kill();
+      reject(new Error(`${formatCommand(spec)} timed out`));
+    }, COMMAND_TIMEOUT_MS);
+
+    child.stderr?.on('data', (chunk: Buffer) => {
+      stderr += chunk.toString('utf8');
+      if (stderr.length > 2000) stderr = stderr.slice(-2000);
+    });
+    child.on('error', (err) => {
+      clearTimeout(timer);
+      reject(err);
+    });
+    child.on('close', (code) => {
+      clearTimeout(timer);
+      if (code === 0) {
+        resolve();
+        return;
+      }
+      const detail = stderr.trim();
+      reject(new Error(detail || `${formatCommand(spec)} exited with code ${code ?? 'unknown'}`));
+    });
+  });
+}

package/workspace/components.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "radix-nova",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "styles/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "rtl": false,
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "menuColor": "default",
+  "menuAccent": "subtle",
+  "registries": {}
+}

package/workspace/deps.json

@@ -0,0 +1,24 @@
+{
+  "react": "^19.2.0",
+  "react-dom": "^19.2.0",
+  "@base-ui/react": "^1.7.0",
+  "@fontsource-variable/geist": "^5.3.0",
+  "@shadcn/react": "^0.3.1",
+  "class-variance-authority": "^0.7.1",
+  "clsx": "^2.1.1",
+  "cmdk": "^1.1.1",
+  "date-fns": "^4.4.0",
+  "embla-carousel-react": "^8.6.0",
+  "input-otp": "^1.5.0",
+  "lucide-react": "^1.37.0",
+  "next-themes": "^0.4.6",
+  "radix-ui": "^1.6.7",
+  "react-day-picker": "^10.0.1",
+  "react-resizable-panels": "^4.12.3",
+  "recharts": "^3.8.0",
+  "shadcn": "^4.19.0",
+  "sonner": "^2.0.8",
+  "tailwind-merge": "^3.6.0",
+  "tw-animate-css": "^1.4.0",
+  "vaul": "^1.1.2"
+}

package/workspace/hooks/use-mobile.ts

@@ -0,0 +1,19 @@
+import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}

package/workspace/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}