|
1 | 1 | # ObjectUI Development Roadmap |
2 | 2 |
|
3 | | -> **Last Updated:** March 23, 2026 |
| 3 | +> **Last Updated:** April 1, 2026 |
4 | 4 | > **Current Version:** v0.5.x |
5 | 5 | > **Spec Version:** @objectstack/spec v3.3.0 |
6 | 6 | > **Client Version:** @objectstack/client v3.3.0 |
7 | 7 | > **Target UX Benchmark:** 🎯 Airtable parity |
8 | | -> **Current Priority:** AppShell Navigation · Designer Interaction · **View Config Live Preview Sync ✅** · Dashboard Config Panel · Airtable UX Polish · **Flow Designer ✅** · **App Creation & Editing Flow ✅** · **System Settings & App Management ✅** · **Right-Side Visual Editor Drawer ✅** · **Object Manager & Field Designer ✅** · **AI SDUI Chatbot (service-ai + vercel/ai) ✅** |
| 8 | +> **Current Priority:** AppShell Navigation · Designer Interaction · **View Config Live Preview Sync ✅** · Dashboard Config Panel · Airtable UX Polish · **Flow Designer ✅** · **App Creation & Editing Flow ✅** · **System Settings & App Management ✅** · **Right-Side Visual Editor Drawer ✅** · **Object Manager & Field Designer ✅** · **AI SDUI Chatbot (service-ai + vercel/ai) ✅** · **Unified Home Dashboard ✅** |
9 | 9 |
|
10 | 10 | --- |
11 | 11 |
|
12 | 12 | ## 📋 Executive Summary |
13 | 13 |
|
14 | 14 | ObjectUI is a universal Server-Driven UI (SDUI) engine built on React + Tailwind + Shadcn. It renders JSON metadata from the @objectstack/spec protocol into pixel-perfect, accessible, and interactive enterprise interfaces. |
15 | 15 |
|
16 | | -**Where We Are:** Foundation is **solid and shipping** — 35 packages, 99+ components, 6,700+ tests, 80 Storybook stories, 43/43 builds passing, ~85% protocol alignment. SpecBridge, Expression Engine, Action Engine, data binding, all view plugins (Grid/Kanban/Calendar/Gantt/Timeline/Map/Gallery), Record components, Report engine, Dashboard BI features, mobile UX, i18n (11 locales), WCAG AA accessibility, Console through Phase 20 (L3), **AppShell Navigation Renderer** (P0.1), **Flow Designer** (P2.4), **Feed/Chatter UI** (P1.5), **App Creation & Editing Flow** (P1.11), **System Settings & App Management** (P1.12), **Page/Dashboard Editor Console Integration** (P1.11), **Right-Side Visual Editor Drawer** (P1.11), and **Console Engine Schema Integration** (P1.14) — all ✅ complete. **ViewDesigner** has been removed — its capabilities (drag-to-reorder, undo/redo) are now provided by the ViewConfigPanel (right-side config panel). |
| 16 | +**Where We Are:** Foundation is **solid and shipping** — 35 packages, 99+ components, 6,700+ tests, 80 Storybook stories, 43/43 builds passing, ~85% protocol alignment. SpecBridge, Expression Engine, Action Engine, data binding, all view plugins (Grid/Kanban/Calendar/Gantt/Timeline/Map/Gallery), Record components, Report engine, Dashboard BI features, mobile UX, i18n (11 locales), WCAG AA accessibility, Console through Phase 20 (L3), **AppShell Navigation Renderer** (P0.1), **Flow Designer** (P2.4), **Feed/Chatter UI** (P1.5), **App Creation & Editing Flow** (P1.11), **System Settings & App Management** (P1.12), **Page/Dashboard Editor Console Integration** (P1.11), **Right-Side Visual Editor Drawer** (P1.11), **Console Engine Schema Integration** (P1.14), and **Unified Home Dashboard** (P1.7.1) — all ✅ complete. **ViewDesigner** has been removed — its capabilities (drag-to-reorder, undo/redo) are now provided by the ViewConfigPanel (right-side config panel). |
17 | 17 |
|
18 | 18 | **What Remains:** The gap to **Airtable-level UX** is primarily in: |
19 | 19 | 1. ~~**AppShell** — No dynamic navigation renderer from spec JSON (last P0 blocker)~~ ✅ Complete |
@@ -222,6 +222,22 @@ ObjectUI is a universal Server-Driven UI (SDUI) engine built on React + Tailwind |
222 | 222 | - ✅ `useNavigationOverlay` hook delegates `new_window` to `onNavigate` when available for app-specific URL control |
223 | 223 | - ✅ plugin-view `handleRowClick` supports `split` and `popover` branches |
224 | 224 |
|
| 225 | +### P1.7.1 Console — Unified Home Dashboard (Workspace) ✅ |
| 226 | + |
| 227 | +- [x] **HomePage component** — Unified landing page displaying all available applications |
| 228 | +- [x] **Route integration** — `/home` route added with proper authentication guards |
| 229 | +- [x] **App cards grid** — Responsive grid layout showing all active apps with icons, descriptions, and branding colors |
| 230 | +- [x] **QuickActions section** — Quick access cards for creating apps, managing objects, and system settings |
| 231 | +- [x] **Recent items** — Display recently accessed objects, dashboards, and pages using `useRecentItems` hook |
| 232 | +- [x] **Starred items** — Display user-favorited items using `useFavorites` hook with star/unstar toggle |
| 233 | +- [x] **Empty state** — Helpful guidance for new users with "Create First App" and "System Settings" CTAs |
| 234 | +- [x] **i18n support** — All labels support internationalization via `useObjectTranslation` |
| 235 | +- [x] **RootRedirect update** — Root path (`/`) now redirects to `/home` instead of first app |
| 236 | +- [x] **Responsive design** — Mobile-friendly grid layouts that adapt to screen size |
| 237 | +- [x] **Airtable/Notion UX pattern** — Inspired by industry-leading workspace home pages |
| 238 | + |
| 239 | +**Impact:** Users now have a unified workspace dashboard that provides overview of all applications, quick actions, and recent activity. This eliminates the previous behavior of auto-redirecting to the first app, giving users better control and visibility. |
| 240 | + |
225 | 241 | ### P1.8 Console — View Config Panel (Phase 20) |
226 | 242 |
|
227 | 243 | - [x] Inline ViewConfigPanel for all view types (Airtable-style right sidebar) |
|
0 commit comments