Skip to content

Create screen: BuildHero, DAM picker, nav updates #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
fluid-chey merged 5 commits into from
Mar 13, 2026
Merged

Create screen: BuildHero, DAM picker, nav updates #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4f5d520
Keep Campaigns tab active when clicking a campaign; show drill-down i…
Jonathanvergara Mar 13, 2026
628cb59
Make app the home/index screen: serve at / instead of /app/
Jonathanvergara Mar 13, 2026
2b78c72
Fix landing: base /app/, redirect / to /app/ (keep template previews …
Jonathanvergara Mar 13, 2026
19c0d78
Nav: Add Create (plus) first, rename Create to My Creations (masonry …
Jonathanvergara Mar 13, 2026
6d45e33
Create screen: BuildHero, tools/dimension dropdowns, DAM picker + sel…
Jonathanvergara Mar 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,3 +8,7 @@ dogfood-output/
canvas/fluid.db
canvas/fluid.db-wal
canvas/fluid.db-shm
# Environment (tokens, secrets — never commit)
canvas/.env
.env
.env.local
3 changes: 3 additions & 0 deletions canvas/.env.example
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
# Fluid API token for the DAM Picker (see https://docs.fluid.app/docs/guides/dam-picker-sdk-guide)
# Copy this file to .env and replace the value with your token.
VITE_FLUID_DAM_TOKEN=
6 changes: 3 additions & 3 deletions canvas/src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -224,12 +224,12 @@ export function App() {
);
}

// Campaigns tab: only show campaigns list (folders). Creations live in the Creations tab.
if (createViewportTab === 'campaigns') {
// Campaigns tab: show campaign list only at dashboard; when a campaign is selected, show drill-down in same tab.
if (createViewportTab === 'campaigns' && currentView === 'dashboard') {
return <CampaignDashboard />;
}

// Creations tab: show creations hierarchy (creations → slides → iterations)
// Creations tab at dashboard, or either tab when drilled in: show creations hierarchy (creations → slides → iterations)
switch (currentView) {
case 'dashboard':
return (
Expand Down
14 changes: 10 additions & 4 deletions canvas/src/components/AppShell.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import { Breadcrumb } from './Breadcrumb';
import { LeftNav } from './LeftNav';
import { ChatSidebar } from './ChatSidebar';
import { VoiceGuide } from './VoiceGuide';
import { BuildHero } from './BuildHero';

interface AppShellProps {
/**
Expand Down Expand Up @@ -71,7 +72,13 @@ export function AppShell({ leftSidebar, rightSidebar, children, onNewCreation }:
case 'create':
return (
<div style={{ display: 'flex', flexDirection: 'column', height: '100%', overflow: 'hidden' }}>
{/* Create viewport header: tabs row + breadcrumb row */}
<BuildHero />
</div>
);

case 'my-creations':
return (
<div style={{ display: 'flex', flexDirection: 'column', height: '100%', overflow: 'hidden' }}>
<div style={{
flexShrink: 0,
display: 'flex',
Expand Down Expand Up @@ -150,7 +157,7 @@ export function AppShell({ leftSidebar, rightSidebar, children, onNewCreation }:
<line x1="12" y1="5" x2="12" y2="19" />
<line x1="5" y1="12" x2="19" y2="12" />
</svg>
New Campaign
Create New
</button>
) : onNewCreation ? (
<button
Expand Down Expand Up @@ -181,7 +188,7 @@ export function AppShell({ leftSidebar, rightSidebar, children, onNewCreation }:
<line x1="12" y1="5" x2="12" y2="19" />
<line x1="5" y1="12" x2="19" y2="12" />
</svg>
create New
Create New
</button>
) : null}
</div>
Expand All @@ -190,7 +197,6 @@ export function AppShell({ leftSidebar, rightSidebar, children, onNewCreation }:
<Breadcrumb />
</div>
</div>
{/* Campaign drill-down content */}
<div style={{ flex: 1, overflow: 'hidden', display: 'flex', flexDirection: 'column' }}>
{children}
</div>
Expand Down
Loading