fix: address code review feedback - improve ID generation uniqueness and add regex documentation

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

packages/plugin-designer/src/AppCreationWizard.tsx

@@ -120,7 +120,7 @@ let navItemCounter = 0;
 
 function createNavId(prefix: string): string {
   navItemCounter += 1;
-  return `${prefix}_${navItemCounter}`;
+  return `${prefix}_${Date.now()}_${navItemCounter}`;
 }
 
 // ============================================================================

packages/plugin-designer/src/DashboardEditor.tsx

@@ -70,7 +70,7 @@ let widgetCounter = 0;
 
 function createWidgetId(): string {
   widgetCounter += 1;
-  return `widget_${widgetCounter}`;
+  return `widget_${Date.now()}_${widgetCounter}`;
 }
 
 // ============================================================================

packages/plugin-designer/src/NavigationDesigner.tsx

@@ -65,7 +65,7 @@ let ndCounter = 0;
 
 function createId(prefix: string): string {
   ndCounter += 1;
-  return `${prefix}_${ndCounter}`;
+  return `${prefix}_${Date.now()}_${ndCounter}`;
 }
 
 const NAV_TYPE_META: Record<NavigationItemType, { label: string; color: string; Icon: React.FC<{ className?: string }> }> = {

packages/plugin-designer/src/PageCanvasEditor.tsx

@@ -80,7 +80,7 @@ let canvasCounter = 0;
 
 function createComponentId(): string {
   canvasCounter += 1;
-  return `component_${canvasCounter}`;
+  return `component_${Date.now()}_${canvasCounter}`;
 }
 
 // ============================================================================

packages/types/src/app.ts

@@ -446,6 +446,8 @@ export type EditorMode = 'edit' | 'preview' | 'code';
 
 /**
  * Validate an app name is snake_case.
+ * Pattern: starts with lowercase letter, followed by lowercase letters/digits,
+ * with optional underscore-separated segments (no trailing/leading/double underscores).
  */
 export function isValidAppName(name: string): boolean {
   return /^[a-z][a-z0-9]*(_[a-z0-9]+)*$/.test(name);