@ramme-io/create-app 1.0.3 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramme-io/create-app",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "bin": {
     "create-ramme-app": "./index.js"

package/template/src/components/{AddEntitiesModal.tsx → AddItemsModal.tsx}

@@ -10,19 +10,19 @@ import {
 
 // Mock data is fine as is
 const mockData = [
-  { id: 34982, name: 'Entity Name 1', sector: 'Technology' },
-  { id: 34983, name: 'Entity Name 2', sector: 'Finance' },
-  { id: 34984, name: 'Entity Name 3', sector: 'Healthcare' },
-  { id: 34985, name: 'Global Corp', sector: 'Finance' },
-  { id: 34986, name: 'Innovate LLC', sector: 'Technology' },
+  { id: 34561, name: 'Item Name 1', color: 'Blue' },
+  { id: 76552, name: 'Item Name 2', color: 'Red' },
+  { id: 54364, name: 'Item Name 3', color: 'Yellow' },
+  { id: 87655, name: 'Item Name 3', color: 'Red' },
+  { id: 98676, name: 'Item Name 3', color: 'Yellow' },
 ];
 
-interface AddEntitiesModalProps {
+interface AddItemsModalProps {
   isOpen: boolean;
   onClose: () => void;
 }
 
-export const AddEntitiesModal: React.FC<AddEntitiesModalProps> = ({
+export const AddItemsModal: React.FC<AddItemsModalProps> = ({
   isOpen,
   onClose,
 }) => {
@@ -48,8 +48,8 @@ export const AddEntitiesModal: React.FC<AddEntitiesModalProps> = ({
       field: 'id',
     },
     {
-      headerName: 'Sector',
-      field: 'sector',
+      headerName: 'Color',
+      field: 'color',
     },
   ], []);
 
@@ -60,7 +60,7 @@ export const AddEntitiesModal: React.FC<AddEntitiesModalProps> = ({
         <Button variant="secondary" onClick={onClose}>
           Cancel
         </Button>
-        <Button variant="primary">Add to Workflow</Button>
+        <Button variant="primary">Add Items</Button>
       </div>
     </div>
   );
@@ -69,11 +69,11 @@ export const AddEntitiesModal: React.FC<AddEntitiesModalProps> = ({
     <Modal
       isOpen={isOpen}
       onClose={onClose}
-      title="Add Entities"
+      title="Add Items"
       footer={modalFooter}
     >
       <div className="space-y-4">
-        <h3 className="text-lg font-semibold">Select Entity(s)</h3>
+        <h3 className="text-lg font-semibold">Select Item(s)</h3>
         <SearchInput placeholder="Search by name" />
         <DataTable
           // --- FIX: Use the correct prop names ---

package/template/src/pages/prototypes/{EntitySelectorPage.tsx → ItemSelectorPage.tsx}

@@ -1,17 +1,17 @@
 import { useState } from 'react';
 import { Button, PageHeader } from '@ramme-io/ui';
-import { AddEntitiesModal } from '../../components/AddEntitiesModal';
+import { AddItemsModal } from '../../components/AddItemsModal';
 
 
 
-const EntitySelectorPage = () => {
+const ItemSelectorPage = () => {
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   return (
     <div>
       <PageHeader
-        title="Prototype: Entity Selection"
-        description="This page demonstrates the 'Add Entities' modal component."
+        title="Prototype: Item Selection"
+        description="This page demonstrates the 'Add Items' modal component."
       />
       <div className="mt-8">
         <Button onClick={() => setIsModalOpen(true)}>
@@ -19,7 +19,7 @@ const EntitySelectorPage = () => {
         </Button>
       </div>
 
-      <AddEntitiesModal
+      <AddItemsModal
         isOpen={isModalOpen}
         onClose={() => setIsModalOpen(false)}
       />
@@ -27,4 +27,4 @@ const EntitySelectorPage = () => {
   );
 };
 
-export default EntitySelectorPage;
+export default ItemSelectorPage;

package/template/src/templates/dashboard/dashboard.sitemap.ts

@@ -4,7 +4,6 @@ import { type SitemapEntry } from '../../core/sitemap-entry';
 import Dashboard from '../../pages/Dashboard';
 import AiChat from '../../pages/AiChat';
 import DataGridPage from '../../pages/DataGridPage';
-import AccountingLedgerPage from '../../pages/AccountingLedgerPage';
 import Styleguide from '../../pages/styleguide/Styleguide';
 import DataLayout from '../../layouts/DataLayout';
 
@@ -23,7 +22,7 @@ import ColorsSection from '../../pages/styleguide/sections/colors/ColorsSection'
 import IconsSection from '../../pages/styleguide/sections/icons/IconsSection';
 
 // --- ADD THIS IMPORT ---
-import EntitySelectorPage from '../../pages/prototypes/EntitySelectorPage';
+import ItemSelectorPage from '../../pages/prototypes/ItemSelectorPage';
 
 
 export const dashboardSitemap: SitemapEntry[] = [
@@ -41,7 +40,7 @@ export const dashboardSitemap: SitemapEntry[] = [
     path: 'prototypes/entity-selector',
     title: 'Entity Prototype',
     icon: 'beaker',
-    component: EntitySelectorPage,
+    component: ItemSelectorPage,
   },
   {
     id: 'ai-chat',
@@ -57,8 +56,7 @@ export const dashboardSitemap: SitemapEntry[] = [
     icon: 'database',
     component: DataLayout,
     children: [
-      { id: 'grid', path: 'grid', title: 'Data Grid', component: DataGridPage, icon: 'table' },
-      { id: 'ledger', path: 'ledger', title: 'Ledger', component: AccountingLedgerPage, icon: 'book-open' },
+      { id: 'users', path: 'users', title: 'Users', component: DataGridPage, icon: 'table' }
     ],
   },
   {