Skip to content

Commit e30731f

Browse files
BillLeoutsakosvl346Bill Leoutsakoswaleedlatif1
authored
refactor(ui): centralize destructive ghost button colors in EMCN (#7988)
* improvement(emcn): share larger chip and field geometry * refactor(ui): use EMCN fields in deployment and setup modals * refactor(ui): centralize destructive ghost button colors in EMCN * improvement(ui): use standard knowledge tag icon size * refactor(ui): consolidate product corner radii * improvement(ui): reuse chip for PII configuration action (#8173) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * refactor(ui): share collapsible workflow field cards (#8017) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * improvement(ui): compose horizontal and credential fields in EMCN (#8164) * improvement(ui): compose horizontal and credential fields in EMCN * Share deploy chat field error treatment (#8255) * refactor(ui): share deploy chat field error treatment * refactor(ui): name deploy error props --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> Co-authored-by: Waleed <walif6@gmail.com>
1 parent cdc4779 commit e30731f

79 files changed

Lines changed: 620 additions & 487 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎apps/sim/app/(auth)/login/loading.tsx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,22 +3,22 @@ import { Skeleton } from '@sim/emcn'
33
export default function LoginLoading() {
44
return (
55
<div className='flex flex-col items-center'>
6-
<Skeleton className='h-[38px] w-[80px] rounded-[4px]' />
6+
<Skeleton className='h-[38px] w-[80px] rounded-sm' />
77
<div className='mt-8 w-full space-y-2'>
8-
<Skeleton className='h-[14px] w-[40px] rounded-[4px]' />
9-
<Skeleton className='h-[44px] w-full rounded-[10px]' />
8+
<Skeleton className='h-[14px] w-[40px] rounded-sm' />
9+
<Skeleton className='h-[44px] w-full rounded-lg' />
1010
</div>
1111
<div className='mt-4 w-full space-y-2'>
12-
<Skeleton className='h-[14px] w-[64px] rounded-[4px]' />
13-
<Skeleton className='h-[44px] w-full rounded-[10px]' />
12+
<Skeleton className='h-[14px] w-[64px] rounded-sm' />
13+
<Skeleton className='h-[44px] w-full rounded-lg' />
1414
</div>
15-
<Skeleton className='mt-6 h-[44px] w-full rounded-[10px]' />
16-
<Skeleton className='mt-6 h-[1px] w-full rounded-[1px]' />
15+
<Skeleton className='mt-6 h-[44px] w-full rounded-lg' />
16+
<Skeleton className='mt-6 h-[1px] w-full rounded-full' />
1717
<div className='mt-6 flex w-full gap-3'>
18-
<Skeleton className='h-[44px] flex-1 rounded-[10px]' />
19-
<Skeleton className='h-[44px] flex-1 rounded-[10px]' />
18+
<Skeleton className='h-[44px] flex-1 rounded-lg' />
19+
<Skeleton className='h-[44px] flex-1 rounded-lg' />
2020
</div>
21-
<Skeleton className='mt-6 h-[14px] w-[200px] rounded-[4px]' />
21+
<Skeleton className='mt-6 h-[14px] w-[200px] rounded-sm' />
2222
</div>
2323
)
2424
}

‎apps/sim/app/(auth)/reset-password/loading.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,14 @@ import { Skeleton } from '@sim/emcn'
33
export default function ResetPasswordLoading() {
44
return (
55
<div className='flex flex-col items-center'>
6-
<Skeleton className='h-[38px] w-[160px] rounded-[4px]' />
7-
<Skeleton className='mt-3 h-[14px] w-[280px] rounded-[4px]' />
6+
<Skeleton className='h-[38px] w-[160px] rounded-sm' />
7+
<Skeleton className='mt-3 h-[14px] w-[280px] rounded-sm' />
88
<div className='mt-8 w-full space-y-2'>
9-
<Skeleton className='h-[14px] w-[40px] rounded-[4px]' />
10-
<Skeleton className='h-[44px] w-full rounded-[10px]' />
9+
<Skeleton className='h-[14px] w-[40px] rounded-sm' />
10+
<Skeleton className='h-[44px] w-full rounded-lg' />
1111
</div>
12-
<Skeleton className='mt-6 h-[44px] w-full rounded-[10px]' />
13-
<Skeleton className='mt-6 h-[14px] w-[120px] rounded-[4px]' />
12+
<Skeleton className='mt-6 h-[44px] w-full rounded-lg' />
13+
<Skeleton className='mt-6 h-[14px] w-[120px] rounded-sm' />
1414
</div>
1515
)
1616
}

‎apps/sim/app/(auth)/signup/loading.tsx‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -3,26 +3,26 @@ import { Skeleton } from '@sim/emcn'
33
export default function SignupLoading() {
44
return (
55
<div className='flex flex-col items-center'>
6-
<Skeleton className='h-[38px] w-[100px] rounded-[4px]' />
6+
<Skeleton className='h-[38px] w-[100px] rounded-sm' />
77
<div className='mt-8 w-full space-y-2'>
8-
<Skeleton className='h-[14px] w-[40px] rounded-[4px]' />
9-
<Skeleton className='h-[44px] w-full rounded-[10px]' />
8+
<Skeleton className='h-[14px] w-[40px] rounded-sm' />
9+
<Skeleton className='h-[44px] w-full rounded-lg' />
1010
</div>
1111
<div className='mt-4 w-full space-y-2'>
12-
<Skeleton className='h-[14px] w-[40px] rounded-[4px]' />
13-
<Skeleton className='h-[44px] w-full rounded-[10px]' />
12+
<Skeleton className='h-[14px] w-[40px] rounded-sm' />
13+
<Skeleton className='h-[44px] w-full rounded-lg' />
1414
</div>
1515
<div className='mt-4 w-full space-y-2'>
16-
<Skeleton className='h-[14px] w-[64px] rounded-[4px]' />
17-
<Skeleton className='h-[44px] w-full rounded-[10px]' />
16+
<Skeleton className='h-[14px] w-[64px] rounded-sm' />
17+
<Skeleton className='h-[44px] w-full rounded-lg' />
1818
</div>
19-
<Skeleton className='mt-6 h-[44px] w-full rounded-[10px]' />
20-
<Skeleton className='mt-6 h-[1px] w-full rounded-[1px]' />
19+
<Skeleton className='mt-6 h-[44px] w-full rounded-lg' />
20+
<Skeleton className='mt-6 h-[1px] w-full rounded-full' />
2121
<div className='mt-6 flex w-full gap-3'>
22-
<Skeleton className='h-[44px] flex-1 rounded-[10px]' />
23-
<Skeleton className='h-[44px] flex-1 rounded-[10px]' />
22+
<Skeleton className='h-[44px] flex-1 rounded-lg' />
23+
<Skeleton className='h-[44px] flex-1 rounded-lg' />
2424
</div>
25-
<Skeleton className='mt-6 h-[14px] w-[220px] rounded-[4px]' />
25+
<Skeleton className='mt-6 h-[14px] w-[220px] rounded-sm' />
2626
</div>
2727
)
2828
}

‎apps/sim/app/(auth)/sso/loading.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,14 @@ import { Skeleton } from '@sim/emcn'
33
export default function SSOLoading() {
44
return (
55
<div className='flex flex-col items-center'>
6-
<Skeleton className='h-[38px] w-[120px] rounded-[4px]' />
7-
<Skeleton className='mt-3 h-[14px] w-[260px] rounded-[4px]' />
6+
<Skeleton className='h-[38px] w-[120px] rounded-sm' />
7+
<Skeleton className='mt-3 h-[14px] w-[260px] rounded-sm' />
88
<div className='mt-8 w-full space-y-2'>
9-
<Skeleton className='h-[14px] w-[80px] rounded-[4px]' />
10-
<Skeleton className='h-[44px] w-full rounded-[10px]' />
9+
<Skeleton className='h-[14px] w-[80px] rounded-sm' />
10+
<Skeleton className='h-[44px] w-full rounded-lg' />
1111
</div>
12-
<Skeleton className='mt-6 h-[44px] w-full rounded-[10px]' />
13-
<Skeleton className='mt-6 h-[14px] w-[120px] rounded-[4px]' />
12+
<Skeleton className='mt-6 h-[44px] w-full rounded-lg' />
13+
<Skeleton className='mt-6 h-[14px] w-[120px] rounded-sm' />
1414
</div>
1515
)
1616
}

‎apps/sim/app/(auth)/verify/loading.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,10 @@ import { Skeleton } from '@sim/emcn'
33
export default function VerifyLoading() {
44
return (
55
<div className='flex flex-col items-center'>
6-
<Skeleton className='h-[38px] w-[180px] rounded-[4px]' />
7-
<Skeleton className='mt-3 h-[14px] w-[300px] rounded-[4px]' />
8-
<Skeleton className='mt-1 h-[14px] w-[240px] rounded-[4px]' />
9-
<Skeleton className='mt-8 h-[44px] w-full rounded-[10px]' />
6+
<Skeleton className='h-[38px] w-[180px] rounded-sm' />
7+
<Skeleton className='mt-3 h-[14px] w-[300px] rounded-sm' />
8+
<Skeleton className='mt-1 h-[14px] w-[240px] rounded-sm' />
9+
<Skeleton className='mt-8 h-[44px] w-full rounded-lg' />
1010
</div>
1111
)
1212
}

‎apps/sim/app/(auth)/verify/verify-content.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -149,8 +149,8 @@ function VerificationFormFallback() {
149149
return (
150150
<div className='text-center'>
151151
<div className='animate-pulse'>
152-
<div className='mx-auto mb-4 h-8 w-48 rounded bg-[var(--surface-4)]' />
153-
<div className='mx-auto h-4 w-64 rounded bg-[var(--surface-4)]' />
152+
<div className='mx-auto mb-4 h-8 w-48 rounded-sm bg-[var(--surface-4)]' />
153+
<div className='mx-auto h-4 w-64 rounded-sm bg-[var(--surface-4)]' />
154154
</div>
155155
</div>
156156
)

‎apps/sim/app/(interfaces)/chat/[identifier]/loading.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,10 @@ export default function ChatLoading() {
88
<div className='border-[var(--border-1)] border-b px-4 py-3'>
99
<div className='mx-auto flex max-w-3xl items-center justify-between'>
1010
<div className='flex items-center gap-[12px]'>
11-
<Skeleton className='size-[28px] rounded-[6px]' />
12-
<Skeleton className='h-[18px] w-[120px] rounded-[4px]' />
11+
<Skeleton className='size-[28px] rounded-md' />
12+
<Skeleton className='h-[18px] w-[120px] rounded-sm' />
1313
</div>
14-
<Skeleton className='h-[28px] w-[80px] rounded-[6px]' />
14+
<Skeleton className='h-[28px] w-[80px] rounded-md' />
1515
</div>
1616
</div>
1717
<div className='flex min-h-0 flex-1 items-center justify-center px-4'>
@@ -24,16 +24,16 @@ export default function ChatLoading() {
2424
<div className='mt-8 w-full space-y-8'>
2525
<div className='space-y-2'>
2626
<Skeleton className='h-4 w-16' />
27-
<Skeleton className='h-10 w-full rounded-[10px]' />
27+
<Skeleton className='h-10 w-full rounded-lg' />
2828
</div>
29-
<Skeleton className='h-10 w-full rounded-[10px]' />
29+
<Skeleton className='h-10 w-full rounded-lg' />
3030
</div>
3131
</div>
3232
</div>
3333
</div>
3434
<div className='relative p-3 pb-4 md:p-4 md:pb-6'>
3535
<div className='relative mx-auto max-w-3xl md:max-w-[748px]'>
36-
<Skeleton className='h-[48px] w-full rounded-[12px]' />
36+
<Skeleton className='h-[48px] w-full rounded-xl' />
3737
</div>
3838
</div>
3939
</div>

‎apps/sim/app/(interfaces)/chat/components/input/input.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -172,7 +172,7 @@ export const ChatInput: React.FC<{
172172
{attachedFiles.map((file) => (
173173
<Tooltip.Root key={file.id}>
174174
<Tooltip.Trigger asChild>
175-
<div className='group relative size-[56px] shrink-0 cursor-pointer overflow-hidden rounded-[8px] border border-[var(--border-1)] bg-[var(--surface-3)]'>
175+
<div className='group relative size-[56px] shrink-0 cursor-pointer overflow-hidden rounded-lg border border-[var(--border-1)] bg-[var(--surface-3)]'>
176176
{file.dataUrl ? (
177177
<img
178178
src={file.dataUrl}

‎apps/sim/app/(interfaces)/chat/components/loading-state/loading-state.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,9 @@ export function ChatLoadingState() {
1818
<div className='mt-8 w-full space-y-8'>
1919
<div className='space-y-2'>
2020
<Skeleton className='h-4 w-16' />
21-
<Skeleton className='h-10 w-full rounded-[10px]' />
21+
<Skeleton className='h-10 w-full rounded-lg' />
2222
</div>
23-
<Skeleton className='h-10 w-full rounded-[10px]' />
23+
<Skeleton className='h-10 w-full rounded-lg' />
2424
</div>
2525
</div>
2626
</div>

‎apps/sim/app/(interfaces)/chat/components/message/components/markdown-renderer.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ const COMPONENTS = {
101101
},
102102

103103
inlineCode: ({ children }: { children?: React.ReactNode }) => (
104-
<code className='rounded bg-[var(--surface-5)] px-1 py-0.5 font-mono text-[var(--text-primary)] text-inherit'>
104+
<code className='rounded-sm bg-[var(--surface-5)] px-1 py-0.5 font-mono text-[var(--text-primary)] text-inherit'>
105105
{children}
106106
</code>
107107
),

0 commit comments

Comments
 (0)