01

Composition group

Headers & navigation

Page-level orientation: breadcrumbed mastheads, tabs, tools, search, and state-aware action bars.

Page header with tabs6×

Source: src/app/composition/_blocks/page-header.tsx

Campaigns

In review

Plan, launch, and measure every outbound touch across the quarter.

Command palette3×

Source: src/app/composition/_blocks/command-palette.tsx

ESC
Table toolbar6×

Source: src/app/composition/_blocks/table-toolbar.tsx

Status:ActiveOwner:YouRegion:APAC
Q3 enterprise outboundActive
Product launch loopActive
Webinar follow-upPaused
Churn save sequenceDraft
Sticky save bar2×

Source: src/app/composition/_blocks/sticky-save-bar.tsx

Shown to everyone with access to this workspace.

All changes saved
Sub-navigation tabs4×

Source: src/app/composition/_blocks/sub-nav-tabs.tsx

Workspace

Campaigns panel goes here

Announcement banner6×

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.

Record detail header6×

Source: src/app/composition/_blocks/detail-page-header.tsx

Campaigns / Q3 enterprise outbound

Q3 enterprise outbound

Draft
MPMina Park owns thisUpdated 4m agoID · cmp_7f2k1
Global search bar3×

Source: src/app/composition/_blocks/global-search-bar.tsx

⌘K

Results for “out”

Account menu3×

Source: src/app/composition/_blocks/account-menu.tsx

Workspaces

02

Composition group

Metrics & charts

Compact KPI summaries and honest visualizations for trend, comparison, rank, and capacity.

KPI row6×

Source: src/app/composition/_blocks/kpi-row.tsx

Total value

$482,190

+6.24%vs previous 30 days

Active records

12,480

+4.21%504 net additions

Average cycle

3.8 days

−0.42 dayfaster than prior period

Exception rate

1.84%

+0.03 ptwithin target range
Trend chart card4×

Source: src/app/composition/_blocks/trend-chart-card.tsx

Qualified pipeline

Opportunity value created per day

This periodPrevious period+18.4% vs previous
Period comparison bars3×

Source: src/app/composition/_blocks/period-comparison.tsx

Bookings by campaign

July vs June · signed opportunities

Q3 enterprise outbound

+22%

148
121

Product launch loop

−8%

96
104

Webinar follow-up

+42%

74
52

Churn save sequence

−6%

31
33
CurrentPrevious349 total
Usage meter2×

Source: src/app/composition/_blocks/usage-meter.tsx

Usage

Workspace quota this cycle

x
  • Records74074%
  • Automations12813%
  • Integrations13213%

You're at 100% of your quota. Records and automations pause once the cap is hit.

Ranked breakdown3×

Source: src/app/composition/_blocks/rank-breakdown.tsx

Value by segment

1,715 records in active segments

  1. 01

    Enterprise

    81248%

  2. 02

    Mid-market

    43125%

  3. 03

    SMB

    29817%

  4. 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%.

Goal gauge2×

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%

x
122 days leftNeeds 63/day to finish
Stacked area chart3×

Source: src/app/composition/_blocks/stacked-area-chart.tsx

Net bookings by source

Stacked composition of the trend into its parts

New accountsExpansionsChurned$4.21M total
Conversion funnel3×

Source: src/app/composition/_blocks/funnel-stages.tsx

Activation funnel

Last 30 days · first-time visitors

  1. Visited landing page

    48,210

  2. Started trial

    9,384

    19.5%
  3. Activated workspace

    4,102

    43.7%
  4. Invited a teammate

    1,876

    45.7%
  5. Upgraded to paid

    742

    39.6%
1.5% end-to-end conversion · each step shows the rate from the step above
Engagement heatmap4×

Source: src/app/composition/_blocks/heatmap-grid.tsx

Engagement density

Touches per hour band · last 4 weeks

15,237 touches

Busiest Tue 11a–2p

03

Composition group

Tables & lists

Record tables, feeds, rosters, timelines, selection states, and master–detail surfaces.

Records table6×

Source: src/app/composition/_blocks/records-table.tsx

Campaigns

4 of 128 records shown on canvas

  • Q3 enterprise outbound
    $148,200
    CMP-1042MPMina ParkActive+22.4%
  • Product launch loop
    $96,400
    CMP-1039TLTomas LindActive+8.1%
  • Webinar follow-up
    $74,100
    CMP-1031ACAri ChenPaused-8.4%
  • Churn save sequence
    $31,800
    CMP-1027MPMina ParkDraft0.0%
Activity feed3×

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

Selectable table with bulk bar5×

Source: src/app/composition/_blocks/selectable-table.tsx

Campaigns

Select rows to reveal the bulk bar

  • QEQ3 enterprise outbound
    2h ago
    Mina ParkActive
  • PLProduct launch loop
    5h ago
    Tomas LindActive
  • WFWebinar follow-up
    1d ago
    Ari ChenPaused
  • CSChurn save sequence
    3d ago
    Mina ParkDraft
Timeline2×

Source: src/app/composition/_blocks/timeline.tsx

Audit trail

Every state change, in order

  1. Workspace created

    Mina Park ·

  2. Q3 plan approved

    Tomas Lind ·

  3. Campaign launched

    Mina Park ·

  4. Segment refresh scheduled

    Automation ·

Done · In progress · Scheduled

Team roster3×

Source: src/app/composition/_blocks/team-roster.tsx

Team

5 members · 3 working groups

  • MP

    Mina Park

    Admin · reviews 22

  • TL

    Tomas Lind

    Member · reviews 17

  • AC

    Ari Chen

    Reviewer · reviews 31

  • NH

    Noor Haddad

    Member · reviews 9

  • DR

    Diego Ramos

    Member · reviews 14

Kanban board6×

Source: src/app/composition/_blocks/kanban-board.tsx

To do

2

Cold list refresh

outboundFri
ACTL

Draft follow-up cadence

sequenceNext Tue
MP

In progress

2

Webinar hand-raise routing

inboundToday
TLACMP

Churn save experiment

retentionThu
SYS

Done

1

SPF/DKIM alignment

deliverabilityMon
AC
Version history3×

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

File list3×

Source: src/app/composition/_blocks/file-list.tsx

Files

Attached to this campaign

4
  • q3-outbound-results.xlsx

    1.2 MB · Sheet · Updated 2h ago

  • launch-notes.md

    24 KB · Document · You edited

  • hero-cover-final.png

    3.8 MB · Image · Uploaded yesterday

  • exports-july.zip

    18.4 MB · Archive · Auto-generated

People directory6×

Source: src/app/composition/_blocks/people-directory.tsx

Team

6 members · 2 reviewers on coverage

MP

Mina Park

Admin · Growth

TL

Tomas Lind

Reviewer · Ops

Reviewer
AC

Ari Chen

Member · Growth

SR

Sofia Reyes

Member · Design

JW

Jonas Weber

Reviewer · Data

Reviewer
NO

Nadia Okafor

Member · Ops

04

Composition group

Media & gallery

Visual-asset surfaces: media grids, pickers, uploads, and previews.

Media library grid6×

Source: src/app/composition/_blocks/media-library.tsx

1 selected

Image picker3×

Source: src/app/composition/_blocks/image-picker.tsx

Cover image

Used in cards, emails, and social previews · 1600 × 900

hero dark · 842 KB

Avatar upload3×

Source: src/app/composition/_blocks/avatar-upload.tsx

Profile photo

PNG or JPG, up to 2 MB.

Thumbnail strip4×

Source: src/app/composition/_blocks/thumbnail-strip.tsx

Gallery

Up to 8 images · hover to remove

hero-dark
pitch-deck-…
launch-art
og-cover
case-study

Dragging reorders. First image becomes the cover.

Media item detail3×

Source: src/app/composition/_blocks/asset-detail.tsx

hero-dark.png

Used by 3 records · 2 in the library

Latest version
Type
Image · PNG
Dimensions
1600 × 900
Size
842 KB
Uploaded
Feb 12, 2025 · 14:32
Uploaded by
Mina Park
Checksum
sha256:9f2c…e41a
Upload dropzone4×

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

    x
    3.8 MB of 3.8 MB
  • case-study-ellen.pdf

    x
    2.1 MB of 4.4 MB
  • export-july.csv

    x
    0 B — interrupted

2 of 5 GB used · 3 GB free

Gallery viewer4×

Source: src/app/composition/_blocks/gallery-viewer.tsx

Hero cover.png

2400 × 1350 · PNG · 3.8 MB · Updated 2h ago

05

Composition group

Forms & settings

Settings panels, field groups, uploads, permissions, save bars, and destructive controls.

Settings panel5×

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.

All changes saved
Settings rows2×

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.

Multi-step wizard3×

Source: src/app/composition/_blocks/multi-step-wizard.tsx

1
2
3

Step 1 of 3

Field validation states2×

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.

Danger zone3×

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.

Permission matrix4×

Source: src/app/composition/_blocks/permissions-matrix.tsx

Role permissions

Capabilities per role — changes apply to every member holding that role.

Owner is fixed

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.

Conditional form2×

Source: src/app/composition/_blocks/conditional-form.tsx

Connect a workspace

Fields follow the answer — only one branch shows.

Two-factor setup4×

Source: src/app/composition/_blocks/two-factor-setup.tsx

Add two-factor authentication

Step 2 of 3 — verify your authenticator app.

  1. Connect authenticator

    Scan the QR with Google Authenticator or Authy.

  2. Verify a code

    Enter the 6-digit code from your app.

  3. Save backup codes

    Keep these somewhere safe to sign in without the app.

    N7Q2-KR9M3F8T-WL4DP1XZ-VB6CH5AS-JQ7E

Resend in 0:42

06

Composition group

Pricing & billing

Plan choice, pricing comparison, invoices, payment methods, and spend visibility.

Pricing table5×

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
Most popular

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
Plan selection2×

Source: src/app/composition/_blocks/plan-selection.tsx

Choose a plan

Billed monthly · switch or cancel anytime

Billing summary2×

Source: src/app/composition/_blocks/billing-summary.tsx

Billing summary

Where the workspace stands this cycle.

Renews Jan 12
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

Usage cost breakdown2×

Source: src/app/composition/_blocks/usage-cost-breakdown.tsx

Cost this cycle

Nov 1 – Nov 30 · billed Dec 1

  • Seats$228.00
  • Extra records$38.40
  • Automation runs$24.10
  • Storage$6.40

Cycle total

$296.90

Full breakdown
Invoice history6×

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.00
    Issued Dec 12, 2025Paid
  • INV-2025-103
    $2,184.00
    Issued Nov 12, 2025Paid
  • INV-2025-087
    $2,184.00
    Issued Oct 12, 2025Paid
  • INV-2025-071
    $2,052.00
    Issued Sep 12, 2025Paid
  • INV-2025-055
    $2,052.00
    Issued Aug 12, 2025Paid
Payment methods4×

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.

Payment details3×

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

07

Composition group

Dialogs & overlays

Inline-posed login, create, confirm, share, and filter surfaces.

Login dialog3×

Source: src/app/composition/_blocks/login-dialog.tsx

Log in

Continue to your workspace.

No account yet? Start a trial

Create-record form dialog3×

Source: src/app/composition/_blocks/create-record.tsx

Create campaign

Add the essentials — you can refine details later.

Goal type
Destructive confirm dialog3×

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.

Share & invite dialog4×

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.

Filter popover3×

Source: src/app/composition/_blocks/filter-popover.tsx

Filter campaigns

1 filter applied

Status
Owner
Keyboard shortcuts dialog3×

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

Onboarding coach mark4×

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.

Export dialog3×

Source: src/app/composition/_blocks/export-dialog.tsx

Export campaigns

Current filtered view — 24 records.

Format
Bulk edit dialog3×

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

08

Composition group

Feedback & states

Notices, empty results, loading geometry, retry paths, and readiness checklists.

System notices3×

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.

Empty search result3×

Source: src/app/composition/_blocks/empty-search.tsx

Search results

“summit q3” · 0 of 128 records match

No campaigns found
Nothing matches “summit q3”. Try a broader term, or check the spelling — search matches names and record IDs.
Error & retry3×

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

Setup checklist3×

Source: src/app/composition/_blocks/setup-checklist.tsx

Workspace setup

3 tasks to go.

x
Loading skeleton set4×

Source: src/app/composition/_blocks/skeleton-set.tsx

Loading content

Empty state3×

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.

Toast stack3×

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.

Access denied3×

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.

Rate limit notice3×

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

x

Resets in 12:41

Limits are per integration key, rolling hourly.

09

Composition group

AI & agents

Composers, chat transcripts, tool calls, run traces, and entry prompts for agentic work.

Search composer4×

Source: src/app/composition/_blocks/search-composer.tsx

Search

↵
ScopeRecordsFilesPeopleDeep search across 12,480 records
Prompt composer3×

Source: src/app/composition/_blocks/prompt-composer.tsx

Agent

  • segment-enterprise.csv
Streaming message3×

Source: src/app/composition/_blocks/streaming-message.tsx

Agentstreaming

▍

Tool-call trace4×

Source: src/app/composition/_blocks/tool-call-trace.tsx

Agent steps

3 tool calls · 4.5s · 4.5k tokens

Completed
  1. {
      "tool": "search_campaigns",
      "input": { "scope": "all_workspaces", "limit": 4 },
      "output": "ok",
      "tokens": 1.100
    }
Suggested prompts3×

Source: src/app/composition/_blocks/suggested-prompts.tsx

Start anywhere

The agent knows your workspace — no setup needed.

Chat transcript4×

Source: src/app/composition/_blocks/chat-transcript.tsx

Assistant · Workflow

Answering with live workspace data

Model · workflow-1
Draft a summary of Q3 pipeline for the team channel. Focus on velocity and at-risk deals.

Mina Park · 09:41

V

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

Agent run summary3×

Source: src/app/composition/_blocks/agent-run-summary.tsx

Quarterly pipeline summary

Run run_7k2p · scheduled

Completed

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
Model picker2×

Source: src/app/composition/_blocks/model-picker.tsx

  • Partner models send data to their vendor — review workspace policy.

Sources panel2×

Source: src/app/composition/_blocks/sources-panel.tsx

Sources

What the answer was built from

3 cited

2 sources are from your workspace · 1 from the open web

Prompt history2×

Source: src/app/composition/_blocks/prompt-history.tsx

Recent prompts

Re-run anything — it uses fresh data

Assistant settings3×

Source: src/app/composition/_blocks/assistant-config.tsx

Assistant settings

Shaping how your agent behaves by default

Creativity0.4
DeterministicExploratory
  • Web search

    Current public info when asked

  • Workspace data

    Records, tables, and files you can access

  • Code execution

    Runs short scripts in a sandbox