Source: src/app/composition/_blocks/page-header.tsx
Composition group
Headers & navigation
Page-level orientation: breadcrumbed mastheads, tabs, tools, search, and state-aware action bars.
Source: src/app/composition/_blocks/command-palette.tsx
Source: src/app/composition/_blocks/table-toolbar.tsx
Source: src/app/composition/_blocks/sticky-save-bar.tsx
Source: src/app/composition/_blocks/sub-nav-tabs.tsx
Workspace
Campaigns panel goes here
Source: src/app/composition/_blocks/announcement-banner.tsx
New: retention automation is out of beta
Recover at-risk records with branching sequences, quiet hours, and per-workspace sending limits — no code required.
Source: src/app/composition/_blocks/detail-page-header.tsx
Source: src/app/composition/_blocks/global-search-bar.tsx
Results for “out”
Source: src/app/composition/_blocks/account-menu.tsx
Workspaces
Composition group
Metrics & charts
Compact KPI summaries and honest visualizations for trend, comparison, rank, and capacity.
Source: src/app/composition/_blocks/kpi-row.tsx
Total value
$482,190
Active records
12,480
Average cycle
3.8 days
Exception rate
1.84%
Source: src/app/composition/_blocks/trend-chart-card.tsx
Source: src/app/composition/_blocks/period-comparison.tsx
Bookings by campaign
July vs June · signed opportunities
Q3 enterprise outbound
+22%
Product launch loop
−8%
Webinar follow-up
+42%
Churn save sequence
−6%
Source: src/app/composition/_blocks/usage-meter.tsx
Source: src/app/composition/_blocks/rank-breakdown.tsx
Value by segment
1,715 records in active segments
- 01
Enterprise
81248%
- 02
Mid-market
43125%
- 03
SMB
29817%
- 04
Other
17410%
Shares are computed from live values — the Other row keeps the list honest when the top-N does not sum to 100%.
Source: src/app/composition/_blocks/goal-gauge.tsx
Attainment goal
Bookings target · Q3 · Northstar
Counted so far
5,712
of 8,400 records by Dec 31
On pace · 82%
Source: src/app/composition/_blocks/stacked-area-chart.tsx
Source: src/app/composition/_blocks/funnel-stages.tsx
Activation funnel
Last 30 days · first-time visitors
Visited landing page
48,210
Started trial
9,384
19.5%Activated workspace
4,102
43.7%Invited a teammate
1,876
45.7%Upgraded to paid
742
39.6%
Source: src/app/composition/_blocks/heatmap-grid.tsx
Engagement density
Touches per hour band · last 4 weeks
15,237 touches
Busiest Tue 11a–2p
Composition group
Tables & lists
Record tables, feeds, rosters, timelines, selection states, and master–detail surfaces.
Source: src/app/composition/_blocks/records-table.tsx
Campaigns
4 of 128 records shown on canvas
- Q3 enterprise outbound$148,200CMP-1042MPMina ParkActive+22.4%
- Product launch loop$96,400CMP-1039TLTomas LindActive+8.1%
- Webinar follow-up$74,100CMP-1031ACAri ChenPaused-8.4%
- Churn save sequence$31,800CMP-1027MPMina ParkDraft0.0%
Source: src/app/composition/_blocks/activity-feed.tsx
Recent activity
Across every workspace you follow
- MP
Mina Park launched Q3 enterprise outbound
in Workspace · Northstar
- TL
Tomas Lind approved Product launch loop
in Workspace · Northstar
- AC
Ari Chen commented on Webinar follow-up
“Let’s move the first touch to Monday.”
- SYS
System paused Churn save sequence
automation rule · low engagement
Source: src/app/composition/_blocks/selectable-table.tsx
Campaigns
Select rows to reveal the bulk bar
- QEQ3 enterprise outbound2h agoMina ParkActive
- PLProduct launch loop5h agoTomas LindActive
- WFWebinar follow-up1d agoAri ChenPaused
- CSChurn save sequence3d agoMina ParkDraft
Source: src/app/composition/_blocks/timeline.tsx
Audit trail
Every state change, in order
Workspace created
Mina Park ·
Q3 plan approved
Tomas Lind ·
Campaign launched
Mina Park ·
Segment refresh scheduled
Automation ·
Done · In progress · Scheduled
Source: src/app/composition/_blocks/team-roster.tsx
Team
5 members · 3 working groups
- MP
Mina Park
Admin · reviews 22
APEMAM4+1 - TL
Tomas Lind
Member · reviews 17
APEMAM3 - AC
Ari Chen
Reviewer · reviews 31
APEMAM5+2 - NH
Noor Haddad
Member · reviews 9
APEM2 - DR
Diego Ramos
Member · reviews 14
APEMAM3
Source: src/app/composition/_blocks/kanban-board.tsx
To do
2Cold list refresh
Draft follow-up cadence
In progress
2Webinar hand-raise routing
Churn save experiment
Done
1SPF/DKIM alignment
Source: src/app/composition/_blocks/versions-history.tsx
Version history
Every published change to this automation
- TL
v1.4.2Current
Quiet hours respected for EU workspaces
Tomas Lind · Today, 09:12
- AC
v1.4.1
Fix: duplicate sends on retry
Ari Chen · Yesterday
- MP
v1.4.0
Branching sequences GA
Mina Park · Mon, 14:40
- TL
v1.3.9
Deliverability report format
Tomas Lind · Aug 12
Source: src/app/composition/_blocks/file-list.tsx
Files
Attached to this campaign
- Synced
q3-outbound-results.xlsx
1.2 MB · Sheet · Updated 2h ago
- Pending
launch-notes.md
24 KB · Document · You edited
- Synced
hero-cover-final.png
3.8 MB · Image · Uploaded yesterday
- Synced
exports-july.zip
18.4 MB · Archive · Auto-generated
Source: src/app/composition/_blocks/people-directory.tsx
Team
6 members · 2 reviewers on coverage
Mina Park
Admin · Growth
Tomas Lind
Reviewer · Ops
Ari Chen
Member · Growth
Sofia Reyes
Member · Design
Jonas Weber
Reviewer · Data
Nadia Okafor
Member · Ops
Composition group
Media & gallery
Visual-asset surfaces: media grids, pickers, uploads, and previews.
Source: src/app/composition/_blocks/media-library.tsx
Source: src/app/composition/_blocks/image-picker.tsx
Cover image
Used in cards, emails, and social previews · 1600 × 900
hero dark · 842 KB
Source: src/app/composition/_blocks/avatar-upload.tsx
Profile photo
PNG or JPG, up to 2 MB.
Source: src/app/composition/_blocks/thumbnail-strip.tsx
Gallery
Up to 8 images · hover to remove
Dragging reorders. First image becomes the cover.
Source: src/app/composition/_blocks/asset-detail.tsx
hero-dark.png
Used by 3 records · 2 in the library
- Type
- Image · PNG
- Dimensions
- 1600 × 900
- Size
- 842 KB
- Uploaded
- Feb 12, 2025 · 14:32
- Uploaded by
- Mina Park
- Checksum
- sha256:9f2c…e41a
Source: src/app/composition/_blocks/upload-dropzone.tsx
Drag & drop files here, or browse
PNG, JPG, PDF, CSV up to 20 MB each
hero-cover-final.png
3.8 MB of 3.8 MBcase-study-ellen.pdf
2.1 MB of 4.4 MBexport-july.csv
0 B — interrupted
2 of 5 GB used · 3 GB free
Source: src/app/composition/_blocks/gallery-viewer.tsx
Hero cover.png
2400 × 1350 · PNG · 3.8 MB · Updated 2h ago
Composition group
Forms & settings
Settings panels, field groups, uploads, permissions, save bars, and destructive controls.
Source: src/app/composition/_blocks/settings-panel.tsx
General
How the workspace presents to members and visitors.
Changing this breaks existing links for 24 hours.
Source: src/app/composition/_blocks/settings-rows.tsx
Notifications
Description-left, control-right. Switches save immediately.
Push notifications
Also controls in-app banners on this device.
Email digest
A daily summary when something needs review.
Mentions
Only direct @mentions, never group noise.
Security alerts
Sign-ins from new devices and failed attempts.
Changes apply across every device you're signed in on.
Source: src/app/composition/_blocks/multi-step-wizard.tsx
Source: src/app/composition/_blocks/field-states.tsx
This workspace URL is available.
Enter a valid email address.
Use 12+ characters for a stronger password.
Checking…
Managed by your workspace admin.
Source: src/app/composition/_blocks/danger-zone.tsx
Danger zone
Irreversible, cross-team actions live here.
Transfer ownership
Moves the workspace to another member. You keep admin access.
Delete workspace
Permanently removes every record, campaign, and asset. Type northstar to confirm.
The delete button stays disabled until the name matches.
Source: src/app/composition/_blocks/permissions-matrix.tsx
Role permissions
Capabilities per role — changes apply to every member holding that role.
Viewer
Editor
Admin
View records
Read every record in the workspace
Export data
CSV, Excel, and API pulls
Create and edit records
Includes bulk actions
Manage sequences
Start, pause, and archive automation
Manage members
Invite, change roles, remove
Workspace owner
· everything, always
Rows are cumulative: editors inherit everything viewers can do.
Source: src/app/composition/_blocks/conditional-form.tsx
Connect a workspace
Fields follow the answer — only one branch shows.
Source: src/app/composition/_blocks/two-factor-setup.tsx
Add two-factor authentication
Step 2 of 3 — verify your authenticator app.
Connect authenticator
Scan the QR with Google Authenticator or Authy.
Verify a code
Enter the 6-digit code from your app.
Save backup codes
Keep these somewhere safe to sign in without the app.
N7Q2-KR9M3F8T-WL4DP1XZ-VB6CH5AS-JQ7E
Resend in 0:42
Composition group
Pricing & billing
Plan choice, pricing comparison, invoices, payment methods, and spend visibility.
Source: src/app/composition/_blocks/pricing-table.tsx
Pricing
Every plan includes unlimited viewers and a 14-day Pro trial.
Starter
$0free forever
For side projects and small teams finding their rhythm.
- Up to 3 seats
- 1,000 records
- Community support
Pro
$19per seat / mo
billed $228/yr per seat
For teams automating real workflows at scale.
- Unlimited records
- Automation & API
- Priority support
- Custom roles
Scale
Customcustom terms
For organizations with security and compliance needs.
- SSO & audit log
- Dedicated manager
- 99.9% SLA
Source: src/app/composition/_blocks/plan-selection.tsx
Choose a plan
Billed monthly · switch or cancel anytime
Source: src/app/composition/_blocks/billing-summary.tsx
Billing summary
Where the workspace stands this cycle.
- Plan
Pro · Annual
$19/seat/mo
- Seats
12 of 25
2 pending invites
- Payment method
Visa •••• 4242
Expires 12/27
- Next invoice
$2,280.00
Jan 12, 2026
Source: src/app/composition/_blocks/usage-cost-breakdown.tsx
Cost this cycle
Nov 1 – Nov 30 · billed Dec 1
- Seats12 × $19.00$228.00
- Extra records38,400 rows$38.40
- Automation runs2,410 runs$24.10
- Storage64 GB$6.40
Cycle total
$296.90
Source: src/app/composition/_blocks/invoice-list.tsx
Invoice history
Billed to finance@vineworks.io · VAT EU-372-981-440
- INV-2025-119$2,280.00Issued Dec 12, 2025Paid
- INV-2025-103$2,184.00Issued Nov 12, 2025Paid
- INV-2025-087$2,184.00Issued Oct 12, 2025Paid
- INV-2025-071$2,052.00Issued Sep 12, 2025Paid
- INV-2025-055$2,052.00Issued Aug 12, 2025Paid
Source: src/app/composition/_blocks/payment-methods.tsx
Payment methods
Charged for renewals and overage.
Visa •••• 4242Primary
Expires 12/27
Mastercard •••• 1881
Expires 03/26
Invoices charge the primary method; you can change it any time.
Source: src/app/composition/_blocks/payment-details.tsx
Payment method
Encrypted end to end — we never store the full number.
PCI-DSS compliant · 3-D Secure enabled
Composition group
Dialogs & overlays
Inline-posed login, create, confirm, share, and filter surfaces.
Source: src/app/composition/_blocks/login-dialog.tsx
Source: src/app/composition/_blocks/create-record.tsx
Create campaign
Add the essentials — you can refine details later.
Source: src/app/composition/_blocks/destructive-confirm.tsx
Delete campaign?
This cannot be undone.
Q3 enterprise outbound will be removed from the workspace. Sends stop immediately and exports are deleted after 30 days.
Source: src/app/composition/_blocks/share-invite.tsx
Share workspace
Invite people or share a link anyone can open.
Anyone with the link
northstar.vine.app/invite/9f2c
Require sign-in
Anyone with the link must log in first.
Source: src/app/composition/_blocks/filter-popover.tsx
Filter campaigns
1 filter applied
Source: src/app/composition/_blocks/keyboard-shortcuts.tsx
Keyboard shortcuts
Most shortcuts work anywhere in the workspace.
Navigation
- Open command palette⌘K
- Go to search/
- Back to workspaceGH
- Cycle tabs⌘⇧→
Editing
- Save changes⌘S
- New recordC
- Duplicate row⌘D
- Delete row⌫
Press ? anywhere to reopen
Source: src/app/composition/_blocks/onboarding-coachmark.tsx
Step 2 of 4
Invite your team
Members you invite can see workspace records. Viewers stay read-only until you grant them more.
Source: src/app/composition/_blocks/export-dialog.tsx
Export campaigns
Current filtered view — 24 records.
Source: src/app/composition/_blocks/bulk-edit-dialog.tsx
Edit 24 records
Every change is one audit entry — details below.
First records to change
- MPAcme Corp$48,000
- TLLumen & Co$21,400
- ACBrightpath$9,850
+21 more records will change
Composition group
Feedback & states
Notices, empty results, loading geometry, retry paths, and readiness checklists.
Source: src/app/composition/_blocks/system-notices.tsx
Import finished
1,248 records added to Enterprise · APAC. No duplicates were found.
Low automation quota
Two automations pause at the monthly cap. Usage resets in 12 days.
Maintenance window
Scheduled Saturday 02:00–04:00 UTC. Export downloads stay available.
Source: src/app/composition/_blocks/empty-search.tsx
Search results
“summit q3” · 0 of 128 records match
Source: src/app/composition/_blocks/error-retry.tsx
Couldn't load campaigns
The request timed out after 30 seconds. Your data is safe — this is a network problem, not a data problem.
request id: req_9f2c41e7
Source: src/app/composition/_blocks/setup-checklist.tsx
Workspace setup
3 tasks to go.
Source: src/app/composition/_blocks/skeleton-set.tsx
Loading content
Source: src/app/composition/_blocks/empty-state.tsx
No campaigns yet
Campaigns are how you group sequences, audiences, and results. Create the first one or bring your own data.
Importing is free for up to 5,000 records.
Source: src/app/composition/_blocks/toast-stack.tsx
Campaign launched
Q3 enterprise outbound is now sending to 148 contacts.
Deliverability dropped
Bounce rate passed 3% on the churn save sequence.
Export failed
The CSV is too large — split the view or pick fewer columns.
Toasts stack newest-first and cap at three.
Source: src/app/composition/_blocks/access-denied.tsx
You don't have access to this workspace
“Acme Labs” is private. Ask its owner to invite you, or switch back to your own workspace.
The owner gets a notification — you'll be emailed once access is granted.
Source: src/app/composition/_blocks/rate-limit.tsx
Rate limit reached
API requests are paused until the window resets. Writes you queued will run automatically.
Requests this window
4,800 / 5,000
Resets in 12:41
Limits are per integration key, rolling hourly.
Composition group
AI & agents
Composers, chat transcripts, tool calls, run traces, and entry prompts for agentic work.
Source: src/app/composition/_blocks/search-composer.tsx
Search
Source: src/app/composition/_blocks/prompt-composer.tsx
Agent
- segment-enterprise.csv
Agent runs with tools on
Source: src/app/composition/_blocks/streaming-message.tsx
Agentstreaming
▍
Source: src/app/composition/_blocks/tool-call-trace.tsx
Agent steps
3 tool calls · 4.5s · 4.5k tokens
{ "tool": "search_campaigns", "input": { "scope": "all_workspaces", "limit": 4 }, "output": "ok", "tokens": 1.100 }
Source: src/app/composition/_blocks/suggested-prompts.tsx
Start anywhere
The agent knows your workspace — no setup needed.
Source: src/app/composition/_blocks/chat-transcript.tsx
Assistant · Workflow
Answering with live workspace data
Mina Park · 09:41
Here's the summary — $482k qualified, velocity up +6.2%. Three deals stalled past 14 days; I've flagged them below.
3 tools used · 2 searches, 1 table read
Assistant · 09:42 · 4.2s
Source: src/app/composition/_blocks/agent-run-summary.tsx
Quarterly pipeline summary
Run run_7k2p · scheduled
4m 12s
Duration
$0.84
Cost
41.2k
Tokens
- Searched 3 data sources0.8s
- Read 24 campaign rows1.2s
- Computed velocity deltas0.6s
- Drafted summary1.6s
Source: src/app/composition/_blocks/model-picker.tsx
Partner models send data to their vendor — review workspace policy.
Source: src/app/composition/_blocks/sources-panel.tsx
Sources
What the answer was built from
2 sources are from your workspace · 1 from the open web
Source: src/app/composition/_blocks/prompt-history.tsx
Recent prompts
Re-run anything — it uses fresh data
Source: src/app/composition/_blocks/assistant-config.tsx
Assistant settings
Shaping how your agent behaves by default
Web search
Current public info when asked
Workspace data
Records, tables, and files you can access
Code execution
Runs short scripts in a sandbox