@papercraneai/cli 1.6.1 → 1.7.0-beta.1

package/bin/papercrane.js

@@ -646,10 +646,10 @@ Use these Tailwind classes for theme-aware colors:
     console.log(chalk.bold('DASHBOARD GRID LAYOUT'));
     console.log(chalk.dim('─'.repeat(60)));
     console.log(`
-  ${chalk.green('✅')} Wrap dashboard widgets in ${chalk.cyan('<DashboardGrid cols={4} rowHeight={140} gap={16}>')}
-  ${chalk.green('✅')} Give each child a unique ${chalk.cyan('id')} attribute (e.g. id="revenue-chart")
+  ${chalk.green('✅')} Wrap dashboard widgets in ${chalk.cyan('<DashboardGrid cols={4} rowHeight={140} gap={16}>')} — required for layout editing and data inspection
+  ${chalk.green('✅')} Give each child a unique ${chalk.cyan('id')} attribute (e.g. id="revenue-chart") — required for drag, resize, delete, and inspect
   ${chalk.green('✅')} Add grid placement classes: ${chalk.cyan('col-start-N col-span-N row-start-N row-span-N')}
-  ${chalk.green('✅')} Grid is 4 columns. col-start: 1-4, col-span: 1-4, row-start: 1+, row-span: 1+
+  ${chalk.green('✅')} Default grid is 4 columns. col-start: 1-4, col-span: 1-4, row-start: 1+, row-span: 1+ (users can expand beyond 4 via layout editor)
   ${chalk.red('❌')} Do NOT use responsive grid classes (grid-cols-2 md:grid-cols-4)
   ${chalk.red('❌')} Do NOT use sm:/md:/lg: breakpoint prefixes on grid placement classes
   ${chalk.dim('   Header/title sections above DashboardGrid are fine as plain divs')}
@@ -669,6 +669,10 @@ Use these Tailwind classes for theme-aware colors:
     ChartContainer, ChartTooltip, ChartTooltipContent (from @/components/ui/chart)
     BarChart, LineChart, AreaChart, PieChart (from recharts)
     XAxis, YAxis, Bar, Line, Area, Pie, Cell
+
+  ${chalk.green('Map Components:')}
+    ComposableMap, Geographies, Geography, Marker, ZoomableGroup (from react-simple-maps)
+    GeoJSON URL: https://cdn.jsdelivr.net/npm/world-atlas@2/countries-110m.json
 `);
 
     console.log(chalk.bold('QUICK START'));

package/components/command-listener.tsx

@@ -15,8 +15,7 @@ export function CommandListener() {
 
     async function init() {
       try {
-        const pkg = "@papercrane/" + "dashboard-grid/plugin"
-        const mod = await import(/* turbopackIgnore: true */ pkg)
+        const mod = await import("@papercrane/dashboard-grid/plugin")
         if (!cancelled && mod.createCommandHandler) {
           handlerRef.current = mod.createCommandHandler()
         }

package/components/dashboard-grid.tsx

@@ -10,7 +10,8 @@ interface DashboardGridProps {
   className?: string
 }
 
-// Try to load the enterprise DashboardGrid from the plugin
+// Load the DashboardGrid plugin for edit mode, resize, delete, and inspect features.
+// Falls back to a plain CSS grid when the plugin is not installed.
 let pluginGrid: React.ComponentType<DashboardGridProps> | null = null
 let pluginLoaded = false
 
@@ -23,8 +24,7 @@ export function DashboardGrid(props: DashboardGridProps) {
 
     async function loadPlugin() {
       try {
-        const pkg = "@papercrane/" + "dashboard-grid/plugin"
-        const mod = await import(/* turbopackIgnore: true */ pkg)
+        const mod = await import("@papercrane/dashboard-grid/plugin")
         if (mod.createPlugin) {
           const plugin = mod.createPlugin()
           pluginGrid = plugin.DashboardGrid

package/lib/dev-server.js

@@ -332,7 +332,7 @@ export async function generateScaffolding(workspaceDir) {
   const nextConfigPath = path.join(workspaceDir, 'next.config.mjs');
   const nextConfig = `/** @type {import('next').NextConfig} */
 const nextConfig = {
-  transpilePackages: ['@papercraneai/cli'],
+  transpilePackages: ['@papercraneai/cli', '@papercrane/dashboard-grid'],
   turbopack: {
     root: ${JSON.stringify(workspaceDir)},
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papercraneai/cli",
-  "version": "1.6.1",
+  "version": "1.7.0-beta.1",
   "description": "CLI tool for managing OAuth credentials for LLM integrations",
   "main": "index.js",
   "type": "module",
@@ -75,7 +75,7 @@
     "input-otp": "^1.4.2",
     "inquirer": "^8.2.6",
     "lucide-react": "^0.559.0",
-    "next": "^16.1.7",
+    "next": "16.1.7",
     "next-themes": "^0.4.6",
     "open": "^8.4.2",
     "react": "19.2.1",
@@ -93,5 +93,11 @@
     "typescript": "^5",
     "vaul": "^1.1.2",
     "zod": "^4.1.13"
+  },
+  "overrides": {
+    "react-simple-maps": {
+      "react": "$react",
+      "react-dom": "$react-dom"
+    }
   }
 }