Sections and surfaces built from the components: sample data in, callbacks out, no routes and no environment. Copy one into your app and own every line of the result.
Showing 9 of 9
A multi-provider sign-in chooser card. Server-renderable via an href template, or client-driven via a callback.
Installs 3 registry files across 3 cantera items, 1 npm package.
Composition: provider-sign-in-button, oauth-types on shadcn button, card · Report a bug
npx shadcn@latest add @cantera/sign-in-cardA controlled OAuth scope picker: task-oriented presets, an optional advanced-permissions disclosure, required scopes pinned on, and an escape hatch for scopes outside the catalog.
Installs 3 registry files across 3 cantera items, 1 npm package.
Composition: oauth-types, status-tokens on shadcn badge, button, checkbox, input, label · Report a bug
npx shadcn@latest add @cantera/scope-pickerThe live Autodesk connection panel: one ConnectionCard wired to a sign-out route and a consent restart, with disconnect and reconnect on the async-pending contract.
Installs 6 registry files across 6 cantera items, 1 npm package.
Composition: connection-card, user-account-badge, oauth-types, status-tokens, token-status on shadcn avatar, badge, button, card · Report a bug
npx shadcn@latest add @cantera/acc-connection-panelThe connections dashboard as a presentational block: providers and connections in, connect, reconnect, disconnect, and retry callbacks out — with the designed list, empty, loading, and error states, each exported.
Installs 7 registry files across 7 cantera items, 1 npm package.
Composition: connection-card, user-account-badge, oauth-types, status-tokens, token-status, provider-sign-in-button on shadcn avatar, badge, button, card · Report a bug
npx shadcn@latest add @cantera/connections-viewA controlled APS-style hub, project, folder, item, and version browser — breadcrumb navigation in, open callbacks out, with no fetching or token mechanics.
Installs 3 registry files across 3 cantera items, 1 npm package.
Composition: project-types, status-tokens on shadcn badge, breadcrumb, button, popover, scroll-area, skeleton · Report a bug
npx shadcn@latest add @cantera/hub-browserQuery box over consumer-supplied result groups — recents, pins, the current level, an async deep search — with entries that carry their location so finding can reveal where a file lives.
Installs 3 registry files across 3 cantera items, 1 npm package.
Composition: project-types, status-tokens on shadcn button, command · Report a bug
npx shadcn@latest add @cantera/finderThe finder composed above the hub tree in a shadcn sidebar: fast paths (query, recents, deep search) on top, the explorable tree below.
Installs 6 registry files across 6 cantera items, 1 npm package.
Composition: finder, project-types, status-tokens, hub-tree, upload-types on shadcn avatar, button, command, dropdown-menu, sidebar · Report a bug
npx shadcn@latest add @cantera/hub-sidebarA drafting-grid drop zone for heavy AEC files: the dot grid magnetizes under a dragged file, plots upward as bytes land, and glows while the provider translates — with per-file rows on the async-pending contract.
Installs 5 registry files across 5 cantera items, 1 npm package.
Composition: token-status, status-tokens, oauth-types, upload-types on shadcn badge, button · Report a bug
npx shadcn@latest add @cantera/file-drop-zoneThe empty state every ACC app hits: signed in, but no hubs until an account admin adds the client ID under Custom Integrations. Names the step, hands over the ID, and says what else an empty list can mean.
Installs 2 registry files across 2 cantera items, 1 npm package.
Composition: copy-field on shadcn button · Report a bug
npx shadcn@latest add @cantera/provisioning-notice