Skip to content

Conversation

@idoshamun
Copy link
Member

@idoshamun idoshamun commented Feb 1, 2026

Summary

  • Add new API settings page at /settings/api for Plus users to manage personal access tokens
  • Implement GraphQL hooks for token CRUD operations (create, list, revoke)
  • Add navigation item to settings menu under Customization section
  • Include Plus subscription gate showing upgrade prompt for non-Plus users

Key Features

  • Create token modal with name and expiration options (7, 30, 90, 365 days)
  • Token created modal with one-time copy functionality
  • Token list with revoke capability and expiration tracking
  • Copy AI agent instructions to clipboard
  • Link to API documentation

Files Changed

  • packages/webapp/pages/settings/api.tsx - New API settings page
  • packages/shared/src/graphql/personalAccessTokens.ts - GraphQL queries/mutations
  • packages/shared/src/hooks/api/usePersonalAccessTokens.ts - React hooks for token management
  • packages/shared/src/components/profile/ProfileSettingsMenu.tsx - Navigation item

Closes ENG-532

Created by Huginn 🐦‍⬛

Preview domain

https://eng-532-api-access-and-agents-as.preview.app.daily.dev

idoshamun and others added 2 commits February 1, 2026 15:43
This implements the frontend for ENG-532: API access for Plus users.

New components:
- API settings page at /settings/api for token management
- Create token modal with name and expiration options
- Token created modal with copy-to-clipboard functionality
- Token list with revoke capability

Features:
- GraphQL hooks for token CRUD operations
- Plus subscription gate (shows upgrade prompt for non-Plus)
- Copy AI agent instruction to clipboard
- Link to API documentation

Navigation:
- Add "API Access" item to settings menu under Customization

Co-Authored-By: Claude Opus 4.5 <[email protected]>
- Replace BookIcon with DocsIcon (BookIcon doesn't exist)
- Fix ModalSize import from correct module (types.ts)
- Fix Radio component usage to use options array pattern
- Fix formatDate calls to use object format with TimeFormatType

Co-Authored-By: Claude Opus 4.5 <[email protected]>
@vercel
Copy link

vercel bot commented Feb 1, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
daily-webapp Ready Ready Preview Feb 2, 2026 2:25pm
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
storybook Ignored Ignored Feb 2, 2026 2:25pm

Request Review

- Fix token list item layout to wrap metadata properly on narrow screens
- Add flex-wrap to token metadata (prefix, created, last used dates)
- Fix code block overflow with break-words and min-w-0
- Fix plus button shape on mobile by passing undefined instead of empty string
- Add shrink-0 to buttons to prevent them from shrinking
@idoshamun idoshamun merged commit 71fcc9b into main Feb 2, 2026
11 checks passed
@idoshamun idoshamun deleted the eng-532-api-access-and-agents-as-first-class-citizen-for-plus-users branch February 2, 2026 15:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants