Canvas
Working with the Hub canvas — where artifacts come to life.
The canvas is the main content area within the Hub where artifacts are rendered and viewed. It adapts based on what you're looking at — dashboard widgets, task lists, or full-screen artifact documents.
Canvas Views
The Hub canvas switches between several views depending on your navigation:
Tab Views
When a Hub tab is selected (Dashboard, Tasks, Weekly Digest), the canvas shows the corresponding content:
- Dashboard — Overview cards with focus tasks, activity charts, quick shortcuts, and connector status
- Tasks — Filterable task list grouped by workspace, managed by AI through chat
- Weekly Digest — Your Monday summary of the previous week's activity and action items
Workspace View (Artifact List)
When you click a workspace in the Hub sidebar, the canvas switches to show that workspace's artifacts:
- A header with the workspace name, artifact count, and a back button
- Artifact cards sorted by last modified, each showing title, type, version, and timestamp
- An empty state prompting you to ask Cosmo to create artifacts if none exist yet
Artifact Viewer
When you click an artifact, the canvas renders it as a full interactive HTML document:
- Sticky header — Always visible at the top with the artifact title, version badge, back button, refresh control, and edit toggle
- HTML content — The artifact's complete content rendered in a secure, sandboxed frame
- Interactive charts — Chart.js visualizations with tooltips and hover effects
- Auto-refresh — When the artifact is updated via chat, the viewer refreshes automatically
Artifact Editor
Click the pencil icon in the artifact header to enter edit mode and modify the artifact's content directly — without going through chat.
Formatting toolbar:
| Action | Keyboard |
|---|---|
| Bold | Ctrl/Cmd + B |
| Italic | Ctrl/Cmd + I |
| Underline | Ctrl/Cmd + U |
| Heading 2 / Heading 3 | Toolbar buttons |
| Bullet list | Toolbar button |
| Numbered list | Toolbar button |
Saving and discarding:
- Click Save or press Ctrl/Cmd + S to persist your changes
- Click Discard or press Escape to exit without saving
- If a save fails, the editor stays open and shows the error so you can retry
Chat consistency: The next time Cosmo reads this artifact (e.g. to summarise or update it via chat), it uses the saved version — manual edits are fully reflected in the AI context.
Navigation
The canvas supports drill-down navigation with a simple back-button pattern:
- Hub tabs (Dashboard / Tasks / Digest) — the default top-level views
- Workspace click — drills into that workspace's artifact list
- Artifact click — opens the full artifact viewer
- Back button — returns one level up (artifact → workspace list → Hub tabs)
Clicking any Hub tab at any point returns you directly to the top-level tab views.
Maximize & Full Screen Mode
When viewing an app or artifact, you can expand the canvas to full screen to review wide dashboards, tables, or complex workflows without distraction:
- Maximize — Click the expand icon in the top right of the Hub tab strip. The chat and sidebar tuck away smoothly, letting the canvas and app iframe expand to 100% of the window.
- Responsive adaptivity — The embedded app or artifact responds dynamically to the full width and re-adapts smoothly when resized.
- Minimize / Restore — Click the minimize icon in the tab strip or press Escape to return to the split-view layout. Your chat history, scroll positions, and unsaved drafts are fully preserved.
Security
Artifact HTML is rendered in a sandboxed iframe with allow-scripts permission only. This means:
- Charts and interactive elements work normally
- The artifact cannot access your Cosmo session, cookies, or local storage
- The artifact cannot navigate away or open popups
- External network requests from within the artifact are blocked