npm - @papercraneai/cli - Versions diffs - 1.5.6 → 1.6.0-beta.1 - Mend

@papercraneai/cli 1.5.6 → 1.6.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/bin/papercrane.js +170 -251
package/components/command-listener.tsx +52 -0
package/components/dashboard-grid.tsx +61 -0
package/components/error-reporter.tsx +112 -0
package/components/theme-provider.tsx +10 -0
package/components/theme-switcher.tsx +54 -0
package/components/theme-toggle.tsx +21 -0
package/components/ui/accordion.tsx +66 -0
package/components/ui/alert-dialog.tsx +157 -0
package/components/ui/alert.tsx +66 -0
package/components/ui/aspect-ratio.tsx +11 -0
package/components/ui/avatar.tsx +53 -0
package/components/ui/badge.tsx +46 -0
package/components/ui/breadcrumb.tsx +109 -0
package/components/ui/button-group.tsx +83 -0
package/components/ui/button.tsx +60 -0
package/components/ui/calendar.tsx +216 -0
package/components/ui/card.tsx +92 -0
package/components/ui/carousel.tsx +241 -0
package/components/ui/chart.tsx +357 -0
package/components/ui/checkbox.tsx +32 -0
package/components/ui/collapsible.tsx +33 -0
package/components/ui/command.tsx +184 -0
package/components/ui/context-menu.tsx +252 -0
package/components/ui/dialog.tsx +143 -0
package/components/ui/drawer.tsx +135 -0
package/components/ui/dropdown-menu.tsx +257 -0
package/components/ui/empty.tsx +104 -0
package/components/ui/field.tsx +248 -0
package/components/ui/form.tsx +167 -0
package/components/ui/hover-card.tsx +44 -0
package/components/ui/input-group.tsx +170 -0
package/components/ui/input-otp.tsx +77 -0
package/components/ui/input.tsx +21 -0
package/components/ui/item.tsx +193 -0
package/components/ui/kbd.tsx +28 -0
package/components/ui/label.tsx +24 -0
package/components/ui/menubar.tsx +276 -0
package/components/ui/navigation-menu.tsx +168 -0
package/components/ui/pagination.tsx +127 -0
package/components/ui/popover.tsx +48 -0
package/components/ui/progress.tsx +31 -0
package/components/ui/radio-group.tsx +45 -0
package/components/ui/resizable.tsx +56 -0
package/components/ui/scroll-area.tsx +58 -0
package/components/ui/select.tsx +187 -0
package/components/ui/separator.tsx +28 -0
package/components/ui/sheet.tsx +139 -0
package/components/ui/sidebar.tsx +726 -0
package/components/ui/skeleton.tsx +13 -0
package/components/ui/slider.tsx +63 -0
package/components/ui/sonner.tsx +40 -0
package/components/ui/spinner.tsx +16 -0
package/components/ui/switch.tsx +31 -0
package/components/ui/table.tsx +116 -0
package/components/ui/tabs.tsx +66 -0
package/components/ui/textarea.tsx +18 -0
package/components/ui/toggle-group.tsx +83 -0
package/components/ui/toggle.tsx +47 -0
package/components/ui/tooltip.tsx +61 -0
package/lib/dev-server.js +395 -0
package/lib/environment-client.js +50 -12
package/package.json +65 -4
package/public/themes/blue.css +69 -0
package/public/themes/default.css +70 -0
package/public/themes/green.css +69 -0
package/public/themes/orange.css +69 -0
package/public/themes/red.css +69 -0
package/public/themes/rose.css +69 -0
package/public/themes/violet.css +69 -0
package/public/themes/yellow.css +69 -0
package/runtime-hooks/use-mobile.ts +19 -0
package/runtime-lib/papercrane.ts +49 -0
package/runtime-lib/utils.ts +6 -0

package/lib/dev-server.js ADDED Viewed

@@ -0,0 +1,395 @@
+import path from 'path';
+import fs from 'fs/promises';
+import fsSync from 'fs';
+import os from 'os';
+import { fileURLToPath } from 'url';
+import { execSync } from 'child_process';
+import { createRequire } from 'module';
+const require = createRequire(import.meta.url);
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const cliRoot = path.resolve(__dirname, '..');
+const cliVersion = require(path.join(cliRoot, 'package.json')).version;
+// Local dev: running from source (e.g. tools/papercrane-cli/).
+// Published: running from inside node_modules/@papercraneai/cli/.
+const isLocalDev = !cliRoot.includes('node_modules');
+// ---------------------------------------------------------------------------
+// Templates
+// ---------------------------------------------------------------------------
+const BT = '`'; // backtick character for use in templates
+const LAYOUT_TEMPLATE = `import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import { ThemeProvider } from "@/components/theme-provider";
+import { ErrorReporter } from "@/components/error-reporter";
+import { CommandListener } from "@/components/command-listener";
+import "./globals.css";
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+export const metadata: Metadata = {
+  title: "Dashboard",
+  description: "Local dashboard preview",
+};
+const themeInitScript = ${BT}
+(function() {
+  try {
+    var params = new URLSearchParams(window.location.search);
+    var theme = params.get('theme');
+    var color = params.get('color');
+    if (theme === 'dark') {
+      document.documentElement.classList.add('dark');
+      localStorage.setItem('theme', 'dark');
+    } else if (theme === 'light') {
+      document.documentElement.classList.remove('dark');
+      localStorage.setItem('theme', 'light');
+    }
+    if (color && color !== 'default') {
+      var link = document.createElement('link');
+      link.id = 'color-theme-stylesheet';
+      link.rel = 'stylesheet';
+      link.href = '/themes/' + color + '.css';
+      document.head.appendChild(link);
+    }
+  } catch (e) {}
+})();
+${BT};
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <head>
+        <script dangerouslySetInnerHTML={{ __html: themeInitScript }} />
+      </head>
+      <body
+        className={${BT}\${geistSans.variable} \${geistMono.variable} antialiased${BT}}
+      >
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <ErrorReporter />
+          <CommandListener />
+          {children}
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}
+`;
+const GLOBALS_CSS_TEMPLATE = `@import "tailwindcss";
+@import "tw-animate-css";
+@source "../node_modules/@papercraneai/cli/components";
+@custom-variant dark (&:is(.dark *));
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+:root {
+  --radius: 0.65rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+`;
+const POSTCSS_CONFIG = `const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+export default config;
+`;
+// ---------------------------------------------------------------------------
+// Public API
+// ---------------------------------------------------------------------------
+const SCAFFOLDING_FILES = [
+  'app/layout.tsx',
+  'app/globals.css',
+  'tsconfig.json',
+  'postcss.config.mjs',
+  'next.config.mjs',
+  '.npmrc',
+];
+/**
+ * Delete scaffolding files so generateScaffolding will recreate them.
+ * Does not touch package.json, node_modules, or dashboard files in app/.
+ */
+export async function resetScaffolding(workspaceDir) {
+  for (const file of SCAFFOLDING_FILES) {
+    try { await fs.unlink(path.join(workspaceDir, file)); } catch {}
+  }
+}
+/**
+ * Generate the project structure inside the workspace.
+ * Creates package.json, tsconfig.json, postcss.config.mjs, app/layout.tsx, app/globals.css.
+ * Runs npm install if node_modules doesn't exist.
+ */
+export async function generateScaffolding(workspaceDir) {
+  const appDir = path.join(workspaceDir, 'app');
+  await fs.mkdir(appDir, { recursive: true });
+  // layout.tsx and globals.css in app/
+  const layoutPath = path.join(appDir, 'layout.tsx');
+  const globalsPath = path.join(appDir, 'globals.css');
+  try { await fs.access(layoutPath); } catch {
+    await fs.writeFile(layoutPath, LAYOUT_TEMPLATE, 'utf-8');
+  }
+  try { await fs.access(globalsPath); } catch {
+    await fs.writeFile(globalsPath, GLOBALS_CSS_TEMPLATE, 'utf-8');
+  }
+  // package.json — @papercraneai/cli brings in next, react, and all dashboard deps
+  const pkgPath = path.join(workspaceDir, 'package.json');
+  try { await fs.access(pkgPath); } catch {
+    const pkg = {
+      private: true,
+      dependencies: {
+        "@papercraneai/cli": isLocalDev ? `file:${cliRoot}` : cliVersion,
+      },
+    };
+    await fs.writeFile(pkgPath, JSON.stringify(pkg, null, 2), 'utf-8');
+  }
+  // .npmrc
+  const npmrcPath = path.join(workspaceDir, '.npmrc');
+  try { await fs.access(npmrcPath); } catch {
+    await fs.writeFile(npmrcPath, [
+      'legacy-peer-deps=true',   // react-simple-maps peer dep compatibility
+      'install-links=true',      // ensures file: deps get transitive deps hoisted
+    ].join('\n') + '\n', 'utf-8');
+  }
+  // tsconfig.json — path aliases resolve through node_modules/@papercraneai/cli
+  const tsconfigPath = path.join(workspaceDir, 'tsconfig.json');
+  const tsconfig = {
+    compilerOptions: {
+      target: "ES2017",
+      lib: ["dom", "dom.iterable", "esnext"],
+      allowJs: true,
+      skipLibCheck: true,
+      strict: false,
+      noEmit: true,
+      incremental: true,
+      module: "esnext",
+      esModuleInterop: true,
+      moduleResolution: "bundler",
+      resolveJsonModule: true,
+      isolatedModules: true,
+      jsx: "react-jsx",
+      plugins: [{ name: "next" }],
+      paths: {
+        "@/components/*": ["./node_modules/@papercraneai/cli/components/*"],
+        "@/lib/*": ["./node_modules/@papercraneai/cli/runtime-lib/*"],
+        "@/hooks/*": ["./node_modules/@papercraneai/cli/runtime-hooks/*"],
+      },
+    },
+    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", "**/*.mts"],
+    exclude: ["node_modules"],
+  };
+  await fs.writeFile(tsconfigPath, JSON.stringify(tsconfig, null, 2), 'utf-8');
+  // postcss.config.mjs — Tailwind compilation
+  await fs.writeFile(path.join(workspaceDir, 'postcss.config.mjs'), POSTCSS_CONFIG, 'utf-8');
+  // next.config.mjs
+  const nextConfigPath = path.join(workspaceDir, 'next.config.mjs');
+  const transpileLine = isLocalDev ? `  transpilePackages: ['@papercraneai/cli'],\n` : '';
+  const nextConfig = `/** @type {import('next').NextConfig} */
+const nextConfig = {
+${transpileLine}  turbopack: {
+    root: ${JSON.stringify(workspaceDir)},
+  },
+};
+export default nextConfig;
+`;
+  await fs.writeFile(nextConfigPath, nextConfig, 'utf-8');
+  // npm install — only if node_modules doesn't exist yet
+  const nmDir = path.join(workspaceDir, 'node_modules');
+  if (!fsSync.existsSync(nmDir)) {
+    console.log('Installing dependencies...');
+    execSync('npm install', { cwd: workspaceDir, stdio: 'inherit' });
+  }
+}
+/**
+ * Start the Next.js dev server.
+ *
+ * The workspace IS the Next.js project root. Structure:
+ *   workspaces/{id}/
+ *     package.json      ← depends on @papercraneai/cli
+ *     node_modules/     ← installed via npm install
+ *     app/              ← layout.tsx, globals.css, dashboard routes
+ *     tsconfig.json     ← @/ path aliases via node_modules/@papercraneai/cli
+ *     postcss.config.mjs
+ */
+export async function startDevServer(workspaceDir, port) {
+  const next = (await import('next')).default;
+  const express = (await import('express')).default;
+  const projectDir = workspaceDir;
+  const nextApp = next({
+    dev: true,
+    dir: projectDir,
+  });
+  await nextApp.prepare();
+  const handle = nextApp.getRequestHandler();
+  const server = express();
+  // Serve theme CSS from CLI package
+  server.use('/themes', express.static(path.join(cliRoot, 'public', 'themes')));
+  // Everything else -> Next.js
+  server.all('/{*path}', (req, res) => handle(req, res));
+  return new Promise((resolve) => {
+    server.listen(port, () => resolve());
+  });
+}
+// ---------------------------------------------------------------------------
+// Internal helpers
+// ---------------------------------------------------------------------------

package/lib/environment-client.js CHANGED Viewed

@@ -212,15 +212,21 @@ export async function pullWorkspace(workspaceId, onProgress = null) {
     if (onProgress) onProgress(filePath, i + 1, filePaths.length);
     try {
+      // Skip binary files — the API can't serve them correctly
+      if (isBinaryFile(filePath)) continue;
       const { content } = await readFile(workspaceId, filePath);
-      const localFilePath = join(localPath, filePath);
+      // Remap cloud paths into dashboards/app/
+      const localRelPath = remapCloudToLocal(filePath);
+      const localFilePath = join(localPath, localRelPath);
       // Ensure directory exists
       await mkdir(dirname(localFilePath), { recursive: true });
       // Write file
       await fsWriteFile(localFilePath, content, 'utf-8');
-      downloaded.push(filePath);
+      downloaded.push(localRelPath);
     } catch (error) {
       // Skip files that can't be read (e.g., binary files)
       console.warn(`Skipping ${filePath}: ${error.message}`);
@@ -230,6 +236,27 @@ export async function pullWorkspace(workspaceId, onProgress = null) {
   return { localPath, files: downloaded };
 }
+/**
+ * Remap cloud workspace path to local path.
+ * The cloud workspace root IS the Next.js app directory,
+ * so all files go into app/.
+ * Cloud: ga4-dashboard/page.tsx → Local: app/ga4-dashboard/page.tsx
+ */
+function remapCloudToLocal(cloudPath) {
+  return 'app/' + cloudPath;
+}
+/**
+ * Remap local path back to cloud workspace path.
+ * Local: app/ga4-dashboard/page.tsx → Cloud: ga4-dashboard/page.tsx
+ */
+function remapLocalToCloud(localPath) {
+  if (localPath.startsWith('app/')) {
+    return localPath.slice('app/'.length);
+  }
+  return localPath;
+}
 // Binary file extensions to skip during push
 const BINARY_EXTENSIONS = new Set([
   'ico', 'png', 'jpg', 'jpeg', 'gif', 'webp', 'svg', 'bmp',
@@ -262,8 +289,10 @@ async function collectLocalFiles(dir, prefix = '') {
   try {
     const entries = await readdir(dir, { withFileTypes: true });
     for (const entry of entries) {
-      // Skip hidden files and common non-source directories
-      if (entry.name.startsWith('.') || entry.name === 'node_modules') continue;
+      // Skip hidden files, infrastructure files, and non-source directories
+      if (entry.name.startsWith('.') || entry.name === 'node_modules' ||
+          entry.name === 'tsconfig.json' || entry.name === 'postcss.config.mjs' ||
+          entry.name === 'next-env.d.ts') continue;
       const itemPath = prefix ? `${prefix}/${entry.name}` : entry.name;
       const fullPath = join(dir, entry.name);
@@ -293,24 +322,32 @@ export async function pushWorkspace(workspaceId, onProgress = null, pathFilter =
   const { readFile: fsReadFile } = await import('fs/promises');
   const localPath = getLocalWorkspacePath(workspaceId);
+  const appPath = join(localPath, 'app');
-  // Collect local files
-  let filePaths = await collectLocalFiles(localPath);
+  // Collect local files from dashboards/app/ directory
+  let filePaths = await collectLocalFiles(appPath, 'app');
   // Apply path filter if specified
   if (pathFilter) {
-    const normalizedFilter = pathFilter.replace(/^\/+|\/+$/g, ''); // Remove leading/trailing slashes
-    filePaths = filePaths.filter(p => p.startsWith(normalizedFilter + '/') || p === normalizedFilter);
+    const normalizedFilter = pathFilter.replace(/^\/+|\/+$/g, '');
+    // Allow filtering by dashboard name (e.g., "sales-overview")
+    // filePaths are like "app/sales-overview/page.tsx"
+    // cloudPaths are like "sales-overview/page.tsx"
+    filePaths = filePaths.filter(p => {
+      const cloudPath = remapLocalToCloud(p);
+      return cloudPath.startsWith(normalizedFilter + '/') ||
+             cloudPath === normalizedFilter;
+    });
   }
   if (filePaths.length === 0) {
     const msg = pathFilter
-      ? `No files found matching '${pathFilter}' in ${localPath}`
-      : `No files found in ${localPath}. Run 'papercrane pull' first.`;
+      ? `No files found matching '${pathFilter}' in ${appPath}`
+      : `No files found in ${appPath}. Run 'papercrane pull' first.`;
     throw new Error(msg);
   }
-  // Upload each file
+  // Upload each file, remapping local paths to cloud paths
   const uploaded = [];
   for (let i = 0; i < filePaths.length; i++) {
     const filePath = filePaths[i];
@@ -319,7 +356,8 @@ export async function pushWorkspace(workspaceId, onProgress = null, pathFilter =
     const localFilePath = join(localPath, filePath);
     const content = await fsReadFile(localFilePath, 'utf-8');
-    await writeFile(workspaceId, filePath, content);
+    const cloudPath = remapLocalToCloud(filePath);
+    await writeFile(workspaceId, cloudPath, content);
     uploaded.push(filePath);
   }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@papercraneai/cli",
-  "version": "1.5.6",
+  "version": "1.6.0-beta.1",
   "description": "CLI tool for managing OAuth credentials for LLM integrations",
   "main": "index.js",
   "type": "module",
@@ -9,7 +9,11 @@
   },
   "files": [
     "bin",
-    "lib"
+    "lib",
+    "components",
+    "runtime-lib",
+    "runtime-hooks",
+    "public"
   ],
   "publishConfig": {
     "access": "public"
@@ -26,11 +30,68 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "commander": "^12.0.0",
+    "@hookform/resolvers": "^5.2.2",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tailwindcss/postcss": "^4",
+    "@tanstack/react-table": "^8.21.3",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "axios": "^1.6.0",
     "chalk": "^4.1.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "commander": "^12.0.0",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "express": "^5.1.0",
     "https-proxy-agent": "^7.0.4",
+    "input-otp": "^1.4.2",
     "inquirer": "^8.2.6",
-    "open": "^8.4.2"
+    "lucide-react": "^0.559.0",
+    "next": "^16.1.7",
+    "next-themes": "^0.4.6",
+    "open": "^8.4.2",
+    "react": "19.2.1",
+    "react-day-picker": "^9.12.0",
+    "react-dom": "19.2.1",
+    "react-hook-form": "^7.68.0",
+    "react-resizable-panels": "^3.0.6",
+    "react-simple-maps": "^3.0.0",
+    "recharts": "^2.15.4",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4",
+    "topojson-client": "^3.1.0",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5",
+    "vaul": "^1.1.2",
+    "zod": "^4.1.13"
   }
 }

package/public/themes/blue.css ADDED Viewed

@@ -0,0 +1,69 @@
+/* Blue Theme - Paste OKLCH values from shadcn themes page */
+:root {
+    --radius: 0.65rem;
+    --background: oklch(1 0 0);
+    --foreground: oklch(0.141 0.005 285.823);
+    --card: oklch(1 0 0);
+    --card-foreground: oklch(0.141 0.005 285.823);
+    --popover: oklch(1 0 0);
+    --popover-foreground: oklch(0.141 0.005 285.823);
+    --primary: oklch(0.488 0.243 264.376);
+    --primary-foreground: oklch(0.97 0.014 254.604);
+    --secondary: oklch(0.967 0.001 286.375);
+    --secondary-foreground: oklch(0.21 0.006 285.885);
+    --muted: oklch(0.967 0.001 286.375);
+    --muted-foreground: oklch(0.552 0.016 285.938);
+    --accent: oklch(0.967 0.001 286.375);
+    --accent-foreground: oklch(0.21 0.006 285.885);
+    --destructive: oklch(0.577 0.245 27.325);
+    --border: oklch(0.92 0.004 286.32);
+    --input: oklch(0.92 0.004 286.32);
+    --ring: oklch(0.708 0 0);
+    --chart-1: oklch(0.809 0.105 251.813);
+    --chart-2: oklch(0.623 0.214 259.815);
+    --chart-3: oklch(0.546 0.245 262.881);
+    --chart-4: oklch(0.488 0.243 264.376);
+    --chart-5: oklch(0.424 0.199 265.638);
+    --sidebar: oklch(0.985 0 0);
+    --sidebar-foreground: oklch(0.141 0.005 285.823);
+    --sidebar-primary: oklch(0.546 0.245 262.881);
+    --sidebar-primary-foreground: oklch(0.97 0.014 254.604);
+    --sidebar-accent: oklch(0.967 0.001 286.375);
+    --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+    --sidebar-border: oklch(0.92 0.004 286.32);
+    --sidebar-ring: oklch(0.708 0 0);
+}
+.dark {
+    --background: oklch(0.141 0.005 285.823);
+    --foreground: oklch(0.985 0 0);
+    --card: oklch(0.21 0.006 285.885);
+    --card-foreground: oklch(0.985 0 0);
+    --popover: oklch(0.21 0.006 285.885);
+    --popover-foreground: oklch(0.985 0 0);
+    --primary: oklch(0.488 0.243 264.376);
+    --primary-foreground: oklch(0.97 0.014 254.604);
+    --secondary: oklch(0.274 0.006 286.033);
+    --secondary-foreground: oklch(0.985 0 0);
+    --muted: oklch(0.274 0.006 286.033);
+    --muted-foreground: oklch(0.705 0.015 286.067);
+    --accent: oklch(0.274 0.006 286.033);
+    --accent-foreground: oklch(0.985 0 0);
+    --destructive: oklch(0.704 0.191 22.216);
+    --border: oklch(1 0 0 / 10%);
+    --input: oklch(1 0 0 / 15%);
+    --ring: oklch(0.556 0 0);
+    --chart-1: oklch(0.809 0.105 251.813);
+    --chart-2: oklch(0.623 0.214 259.815);
+    --chart-3: oklch(0.546 0.245 262.881);
+    --chart-4: oklch(0.488 0.243 264.376);
+    --chart-5: oklch(0.424 0.199 265.638);
+    --sidebar: oklch(0.21 0.006 285.885);
+    --sidebar-foreground: oklch(0.985 0 0);
+    --sidebar-primary: oklch(0.623 0.214 259.815);
+    --sidebar-primary-foreground: oklch(0.97 0.014 254.604);
+    --sidebar-accent: oklch(0.274 0.006 286.033);
+    --sidebar-accent-foreground: oklch(0.985 0 0);
+    --sidebar-border: oklch(1 0 0 / 10%);
+    --sidebar-ring: oklch(0.439 0 0);
+}