fix: modals, settings, panel #2187
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,7 @@ | ||
| 'use client' | ||
|
|
||
| import { useEffect, useState } from 'react' | ||
| import { Loader2 } from 'lucide-react' | ||
| import { Button, Combobox, Input, Label, Textarea } from '@/components/emcn' | ||
| import { | ||
| Modal, | ||
|
|
@@ -118,7 +118,7 @@ export function TemplateDeploy({ | |
|
|
||
| setLoadingCreators(true) | ||
| try { | ||
| const response = await fetch('/api/creators') | ||
| if (response.ok) { | ||
| const data = await response.json() | ||
| const profiles = (data.profiles || []).map((profile: any) => ({ | ||
|
|
@@ -321,24 +321,23 @@ export function TemplateDeploy({ | |
| {creatorOptions.length === 0 && !loadingCreators ? ( | ||
| <Button | ||
| type='button' | ||
| variant='primary' | ||
| onClick={() => { | ||
| try { | ||
| const event = new CustomEvent('open-settings', { | ||
| detail: { tab: 'template-profile' }, | ||
| }) | ||
| window.dispatchEvent(event) | ||
| logger.info('Opened Settings modal at template-profile section') | ||
| } catch (error) { | ||
| logger.error('Failed to open Settings modal for template profile', { | ||
| error, | ||
| }) | ||
| } | ||
| }} | ||
| className='gap-[8px]' | ||
| > | ||
| <span>Create Template Profile</span> | ||
| </Button> | ||
| ) : ( | ||
| <Combobox | ||
|
|
||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,15 +1,7 @@ | ||
| 'use client' | ||
|
|
||
| import { Check } from 'lucide-react' | ||
| import { Button, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from '@/components/emcn' | ||
| import { client } from '@/lib/auth/auth-client' | ||
| import { createLogger } from '@/lib/logs/console/logger' | ||
| import { | ||
|
|
@@ -339,63 +331,63 @@ export function OAuthRequiredModal({ | |
|
|
||
| return ( | ||
| <Modal open={isOpen} onOpenChange={(open) => !open && onClose()}> | ||
| <ModalContent className='w-[460px]'> | ||
| <ModalHeader>Connect {providerName}</ModalHeader> | ||
| <ModalBody> | ||
| <div className='flex flex-col gap-[16px]'> | ||
| <div className='flex items-center gap-[14px]'> | ||
| <div className='flex h-[40px] w-[40px] flex-shrink-0 items-center justify-center rounded-[8px] bg-[var(--surface-6)]'> | ||
| <ProviderIcon className='h-[18px] w-[18px]' /> | ||
| </div> | ||
| <div className='flex-1'> | ||
| <p className='font-medium text-[13px] text-[var(--text-primary)]'> | ||
| Connect your {providerName} account | ||
| </p> | ||
| <p className='text-[12px] text-[var(--text-tertiary)]'> | ||
| The "{toolName}" tool requires access to your account | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
| {displayScopes.length > 0 && ( | ||
| <div className='rounded-[8px] border bg-[var(--surface-6)]'> | ||
| <div className='border-b px-[14px] py-[10px]'> | ||
| <h4 className='font-medium text-[13px] text-[var(--text-primary)]'> | ||
| Permissions requested | ||
| </h4> | ||
| </div> | ||
| <ul className='max-h-[330px] space-y-[10px] overflow-y-auto px-[14px] py-[12px]'> | ||
| {displayScopes.map((scope) => ( | ||
| <li key={scope} className='flex items-start gap-[10px]'> | ||
| <div className='mt-[3px] flex h-[16px] w-[16px] flex-shrink-0 items-center justify-center'> | ||
| <Check className='h-[10px] w-[10px] text-[var(--text-primary)]' /> | ||
| </div> | ||
| <div className='flex-1 text-[12px] text-[var(--text-primary)]'> | ||
| <span>{getScopeDescription(scope)}</span> | ||
| {newScopesSet.has(scope) && ( | ||
| <span className='ml-[8px] rounded-[4px] border border-amber-500/30 bg-amber-500/10 px-[6px] py-[2px] text-[10px] text-amber-300'> | ||
| New | ||
| </span> | ||
| )} | ||
| </div> | ||
| </li> | ||
| ))} | ||
| </ul> | ||
| </div> | ||
| )} | ||
| </div> | ||
| </ModalBody> | ||
| <ModalFooter> | ||
| <Button variant='active' onClick={onClose}> | ||
| Cancel | ||
| </Button> | ||
| <Button | ||
| variant='primary' | ||
| type='button' | ||
| onClick={handleConnectDirectly} | ||
| className='!bg-[var(--brand-tertiary-2)] !text-[var(--text-inverse)] hover:!bg-[var(--brand-tertiary-2)]/90' | ||
| > | ||
| Connect | ||
| </Button> | ||
| </ModalFooter> | ||
| </ModalContent> | ||
|
|
||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -166,18 +166,6 @@ export function Panel() { | |
| setHasHydrated(true) | ||
| }, [setHasHydrated]) | ||
|
|
||
| /** | ||
| * Handles tab click events | ||
| */ | ||
|
|
||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -241,13 +241,13 @@ export function ApiKeys({ onOpenChange, registerCloseHandler }: ApiKeysProps) { | |
| {isLoading ? ( | ||
| <div className='flex flex-col gap-[16px]'> | ||
| <div className='flex flex-col gap-[8px]'> | ||
| <Skeleton className='h-5 w-[70px]' /> | ||
| <div className='text-[13px] text-[var(--text-muted)]'> | ||
| <Skeleton className='h-5 w-[140px]' /> | ||
| </div> | ||
| </div> | ||
| <div className='flex flex-col gap-[8px]'> | ||
| <Skeleton className='h-5 w-[55px]' /> | ||
| <ApiKeySkeleton /> | ||
| <ApiKeySkeleton /> | ||
| </div> | ||
|
|
@@ -624,10 +624,10 @@ function ApiKeySkeleton() { | |
| <div className='flex items-center justify-between gap-[12px]'> | ||
| <div className='flex min-w-0 flex-col justify-center gap-[1px]'> | ||
| <div className='flex items-center gap-[6px]'> | ||
| <Skeleton className='h-5 w-[80px]' /> | ||
| <Skeleton className='h-5 w-[140px]' /> | ||
| </div> | ||
| <Skeleton className='h-5 w-[100px]' /> | ||
| </div> | ||
| <Skeleton className='h-[26px] w-[48px] rounded-[6px]' /> | ||
| </div> | ||
|
|
||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -752,13 +752,13 @@ export function EnvironmentVariables({ registerBeforeLeaveHandler }: Environment | |
| {isLoading ? ( | ||
| <> | ||
| <div className='flex flex-col gap-[8px]'> | ||
| <Skeleton className='h-5 w-[70px]' /> | ||
| <div className='text-[13px] text-[var(--text-muted)]'> | ||
| <Skeleton className='h-5 w-[160px]' /> | ||
| </div> | ||
| </div> | ||
| <div className='flex flex-col gap-[8px]'> | ||
| <Skeleton className='h-5 w-[55px]' /> | ||
| {Array.from({ length: 2 }, (_, i) => ( | ||
| <div key={`personal-${i}`} className={GRID_COLS}> | ||
| <Skeleton className='h-9 rounded-[6px]' /> | ||
|
|
||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
logic:
min-h-9removed - container might collapse when emptyPrompt To Fix With AI