Skip to content

Commit 60638b8

Browse files
zebbernzebbern
committed
chore: user updates across components, settings, UI, docs, and configs
1 parent 20de20c commit 60638b8

217 files changed

Lines changed: 2921 additions & 2921 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.

‎.dockerignore‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
# ─────────────────────────────────────────────────────────────
2-
# .dockerignore — Devonz (bolt.diy)
2+
# .dockerignore — Devonz (devonz.diy)
33
# Keep Docker context small and fast
44
# ─────────────────────────────────────────────────────────────
55

‎Dockerfile‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
# ─────────────────────────────────────────────────────────────
2-
# Devonz (bolt.diy) — Multi-stage Docker build
2+
# Devonz (devonz.diy) — Multi-stage Docker build
33
# Optimised for pnpm + Remix on Node 20 LTS
44
# ─────────────────────────────────────────────────────────────
55

‎README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -252,7 +252,7 @@ docker compose --profile auto-update up -d
252252
<summary>Expand file tree</summary>
253253

254254
```
255-
bolt.diy/
255+
devonz.diy/
256256
├── app/
257257
│ ├── components/ # React components
258258
│ │ ├── @settings/ # Settings panel (14 tabs)
@@ -302,7 +302,7 @@ See [CONTRIBUTING.md](docs/CONTRIBUTING.md) for detailed guidelines.
302302

303303
## Acknowledgments
304304

305-
- [bolt.diy](https://github.com/stackblitz-labs/bolt.diy) ➺ original project foundation
305+
- [devonz.diy](https://github.com/stackblitz-labs/devonz.diy) ➺ original project foundation
306306
- [StackBlitz WebContainers](https://webcontainers.io/) ➺ in-browser dev environment
307307
- [Vercel AI SDK](https://sdk.vercel.ai/) ➺ AI capabilities
308308

‎app/components/@settings/core/AvatarDropdown.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -82,31 +82,31 @@ export const AvatarDropdown = ({ onSelectTab }: AvatarDropdownProps) => {
8282
className={classNames(
8383
'flex items-center gap-2 px-4 py-2.5',
8484
'text-sm text-gray-700 dark:text-gray-200',
85-
'hover:bg-bolt-elements-item-backgroundAccent',
86-
'hover:text-bolt-elements-item-contentAccent',
85+
'hover:bg-devonz-elements-item-backgroundAccent',
86+
'hover:text-devonz-elements-item-contentAccent',
8787
'cursor-pointer transition-all duration-200',
8888
'outline-none',
8989
'group',
9090
)}
9191
onClick={() => onSelectTab('profile')}
9292
>
93-
<div className="i-ph:user-circle w-4 h-4 text-gray-400 group-hover:text-bolt-elements-item-contentAccent transition-colors" />
93+
<div className="i-ph:user-circle w-4 h-4 text-gray-400 group-hover:text-devonz-elements-item-contentAccent transition-colors" />
9494
Edit Profile
9595
</DropdownMenu.Item>
9696

9797
<DropdownMenu.Item
9898
className={classNames(
9999
'flex items-center gap-2 px-4 py-2.5',
100100
'text-sm text-gray-700 dark:text-gray-200',
101-
'hover:bg-bolt-elements-item-backgroundAccent',
102-
'hover:text-bolt-elements-item-contentAccent',
101+
'hover:bg-devonz-elements-item-backgroundAccent',
102+
'hover:text-devonz-elements-item-contentAccent',
103103
'cursor-pointer transition-all duration-200',
104104
'outline-none',
105105
'group',
106106
)}
107107
onClick={() => onSelectTab('settings')}
108108
>
109-
<div className="i-ph:gear-six w-4 h-4 text-gray-400 group-hover:text-bolt-elements-item-contentAccent transition-colors" />
109+
<div className="i-ph:gear-six w-4 h-4 text-gray-400 group-hover:text-devonz-elements-item-contentAccent transition-colors" />
110110
Settings
111111
</DropdownMenu.Item>
112112

@@ -116,8 +116,8 @@ export const AvatarDropdown = ({ onSelectTab }: AvatarDropdownProps) => {
116116
className={classNames(
117117
'flex items-center gap-2 px-4 py-2.5',
118118
'text-sm text-gray-700 dark:text-gray-200',
119-
'hover:bg-bolt-elements-item-backgroundAccent',
120-
'hover:text-bolt-elements-item-contentAccent',
119+
'hover:bg-devonz-elements-item-backgroundAccent',
120+
'hover:text-devonz-elements-item-contentAccent',
121121
'cursor-pointer transition-all duration-200',
122122
'outline-none',
123123
'group',
@@ -130,7 +130,7 @@ export const AvatarDropdown = ({ onSelectTab }: AvatarDropdownProps) => {
130130
)
131131
}
132132
>
133-
<div className="i-ph:bug w-4 h-4 text-gray-400 group-hover:text-bolt-elements-item-contentAccent transition-colors" />
133+
<div className="i-ph:bug w-4 h-4 text-gray-400 group-hover:text-devonz-elements-item-contentAccent transition-colors" />
134134
Report Bug
135135
</DropdownMenu.Item>
136136
</DropdownMenu.Content>

‎app/components/@settings/core/ControlPanel.tsx‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ const ProjectMemoryTab = lazy(() => import('~/components/@settings/tabs/project-
3636
// Loading fallback for lazy-loaded tabs
3737
const TabLoadingFallback = () => (
3838
<div className="flex items-center justify-center h-64">
39-
<div className="animate-spin w-8 h-8 border-2 border-bolt-elements-item-contentAccent border-t-transparent rounded-full" />
39+
<div className="animate-spin w-8 h-8 border-2 border-devonz-elements-item-contentAccent border-t-transparent rounded-full" />
4040
</div>
4141
);
4242

@@ -222,17 +222,17 @@ export const ControlPanel = ({ open, onClose, initialTab }: ControlPanelProps) =
222222
<RadixDialog.Content
223223
aria-describedby={undefined}
224224
onEscapeKeyDown={handleClose}
225-
className="dark relative z-[101] w-[1000px] h-[80vh] rounded-xl shadow-2xl border border-bolt-elements-borderColor flex overflow-hidden"
225+
className="dark relative z-[101] w-[1000px] h-[80vh] rounded-xl shadow-2xl border border-devonz-elements-borderColor flex overflow-hidden"
226226
style={{ backgroundColor: '#0f1219' }}
227227
>
228228
{/* Sidebar */}
229229
<div
230-
className="w-52 border-r border-bolt-elements-borderColor flex flex-col"
230+
className="w-52 border-r border-devonz-elements-borderColor flex flex-col"
231231
style={{ backgroundColor: '#0b0d13' }}
232232
>
233233
{/* Header */}
234-
<div className="px-4 py-4 border-b border-bolt-elements-borderColor">
235-
<h2 className="text-sm font-semibold text-bolt-elements-textPrimary">Settings</h2>
234+
<div className="px-4 py-4 border-b border-devonz-elements-borderColor">
235+
<h2 className="text-sm font-semibold text-devonz-elements-textPrimary">Settings</h2>
236236
</div>
237237

238238
{/* Categorized Nav */}
@@ -246,8 +246,8 @@ export const ControlPanel = ({ open, onClose, initialTab }: ControlPanelProps) =
246246
<div key={category.id} className={classNames(catIndex > 0 ? 'mt-3' : '')}>
247247
{/* Category Header */}
248248
<div className="flex items-center gap-2 px-4 py-1.5 mb-0.5">
249-
<div className={classNames(category.icon, 'w-3.5 h-3.5 text-bolt-elements-textTertiary')} />
250-
<span className="text-[11px] font-medium uppercase tracking-wider text-bolt-elements-textTertiary">
249+
<div className={classNames(category.icon, 'w-3.5 h-3.5 text-devonz-elements-textTertiary')} />
250+
<span className="text-[11px] font-medium uppercase tracking-wider text-devonz-elements-textTertiary">
251251
{category.label}
252252
</span>
253253
</div>
@@ -272,8 +272,8 @@ export const ControlPanel = ({ open, onClose, initialTab }: ControlPanelProps) =
272272
className={classNames(
273273
'w-full flex items-center gap-3 px-4 py-2 text-left text-sm transition-colors duration-150',
274274
isActive
275-
? 'text-bolt-elements-textPrimary border-l-2 border-bolt-elements-item-contentAccent'
276-
: 'text-bolt-elements-textSecondary hover:text-bolt-elements-textPrimary border-l-2 border-transparent',
275+
? 'text-devonz-elements-textPrimary border-l-2 border-devonz-elements-item-contentAccent'
276+
: 'text-devonz-elements-textSecondary hover:text-devonz-elements-textPrimary border-l-2 border-transparent',
277277
)}
278278
style={{
279279
backgroundColor: isActive ? '#1a1f2e' : 'transparent',
@@ -283,10 +283,10 @@ export const ControlPanel = ({ open, onClose, initialTab }: ControlPanelProps) =
283283
<IconComponent className="w-4 h-4 shrink-0" />
284284
<span className="truncate">{TAB_LABELS[tabId]}</span>
285285
{hasUpdate && (
286-
<span className="ml-auto w-2 h-2 rounded-full bg-bolt-elements-item-contentAccent shrink-0" />
286+
<span className="ml-auto w-2 h-2 rounded-full bg-devonz-elements-item-contentAccent shrink-0" />
287287
)}
288288
{BETA_TABS.has(tabId) && (
289-
<span className="ml-auto text-[10px] px-1.5 py-0.5 rounded bg-bolt-elements-item-backgroundAccent text-bolt-elements-item-contentAccent shrink-0">
289+
<span className="ml-auto text-[10px] px-1.5 py-0.5 rounded bg-devonz-elements-item-backgroundAccent text-devonz-elements-item-contentAccent shrink-0">
290290
BETA
291291
</span>
292292
)}
@@ -301,17 +301,17 @@ export const ControlPanel = ({ open, onClose, initialTab }: ControlPanelProps) =
301301
{/* Main Content */}
302302
<div className="flex-1 flex flex-col min-w-0" style={{ backgroundColor: '#0f1219' }}>
303303
{/* Content Header */}
304-
<div className="flex items-center justify-between px-6 py-4 border-b border-bolt-elements-borderColor">
305-
<DialogTitle className="text-sm font-semibold text-bolt-elements-textPrimary">
304+
<div className="flex items-center justify-between px-6 py-4 border-b border-devonz-elements-borderColor">
305+
<DialogTitle className="text-sm font-semibold text-devonz-elements-textPrimary">
306306
{activeTab ? TAB_LABELS[activeTab] : 'Settings'}
307307
</DialogTitle>
308308
<button
309309
onClick={handleClose}
310310
aria-label="Close settings"
311-
className="p-1.5 rounded transition-colors hover:bg-bolt-elements-bg-depth-4"
311+
className="p-1.5 rounded transition-colors hover:bg-devonz-elements-bg-depth-4"
312312
style={{ backgroundColor: '#1a1f2e' }}
313313
>
314-
<div className="i-ph:x w-4 h-4 text-bolt-elements-textSecondary" />
314+
<div className="i-ph:x w-4 h-4 text-devonz-elements-textSecondary" />
315315
</button>
316316
</div>
317317

@@ -326,10 +326,10 @@ export const ControlPanel = ({ open, onClose, initialTab }: ControlPanelProps) =
326326
getTabComponent(activeTab)
327327
) : (
328328
<div className="flex flex-col items-center justify-center h-full gap-6">
329-
<div className="i-ph:gear w-12 h-12 text-bolt-elements-textTertiary" />
329+
<div className="i-ph:gear w-12 h-12 text-devonz-elements-textTertiary" />
330330
<div className="text-center">
331-
<p className="text-sm text-bolt-elements-textSecondary mb-1">Select a setting from the sidebar</p>
332-
<p className="text-xs text-bolt-elements-textTertiary">
331+
<p className="text-sm text-devonz-elements-textSecondary mb-1">Select a setting from the sidebar</p>
332+
<p className="text-xs text-devonz-elements-textTertiary">
333333
Configure providers, services, and preferences
334334
</p>
335335
</div>
@@ -342,7 +342,7 @@ export const ControlPanel = ({ open, onClose, initialTab }: ControlPanelProps) =
342342
<button
343343
key={tabId}
344344
onClick={() => handleTabClick(tabId)}
345-
className="flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-bolt-elements-textSecondary transition-colors hover:text-bolt-elements-textPrimary"
345+
className="flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-devonz-elements-textSecondary transition-colors hover:text-devonz-elements-textPrimary"
346346
style={{ backgroundColor: '#1a1f2e' }}
347347
>
348348
<IconComponent className="w-3.5 h-3.5" />

‎app/components/@settings/shared/components/TabTile.tsx‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -25,16 +25,16 @@ export const TabTile = memo(
2525
<Tooltip.Root>
2626
<Tooltip.Trigger asChild>
2727
<div className={classNames('min-h-[160px] list-none', className || '')}>
28-
<div className="relative h-full rounded-xl border border-bolt-elements-borderColor hover:border-bolt-elements-borderColorActive/30 transition-colors duration-150">
28+
<div className="relative h-full rounded-xl border border-devonz-elements-borderColor hover:border-devonz-elements-borderColorActive/30 transition-colors duration-150">
2929
<div
3030
onClick={onClick}
3131
className={classNames(
3232
'relative flex flex-col items-center justify-center h-full p-4 rounded-lg',
33-
'bg-bolt-elements-bg-depth-1',
33+
'bg-devonz-elements-bg-depth-1',
3434
'group cursor-pointer',
35-
'hover:bg-bolt-elements-bg-depth-2',
35+
'hover:bg-devonz-elements-bg-depth-2',
3636
'transition-colors duration-150',
37-
isActive ? 'bg-bolt-elements-item-backgroundAccent' : '',
37+
isActive ? 'bg-devonz-elements-item-backgroundAccent' : '',
3838
isLoading ? 'cursor-wait opacity-70 pointer-events-none' : '',
3939
)}
4040
>
@@ -47,19 +47,19 @@ export const TabTile = memo(
4747
'rounded-xl',
4848
'bg-gray-100 dark:bg-gray-800',
4949
'ring-1 ring-gray-200 dark:ring-gray-700',
50-
'group-hover:bg-bolt-elements-item-backgroundAccent',
51-
'group-hover:ring-bolt-elements-borderColorActive/30',
50+
'group-hover:bg-devonz-elements-item-backgroundAccent',
51+
'group-hover:ring-devonz-elements-borderColorActive/30',
5252
'transition-colors duration-150',
53-
isActive ? 'bg-bolt-elements-item-backgroundAccent ring-bolt-elements-borderColorActive/30' : '',
53+
isActive ? 'bg-devonz-elements-item-backgroundAccent ring-devonz-elements-borderColorActive/30' : '',
5454
)}
5555
>
5656
<IconComponent
5757
className={classNames(
5858
'w-8 h-8',
5959
'text-gray-600 dark:text-gray-300',
60-
'group-hover:text-bolt-elements-item-contentAccent',
60+
'group-hover:text-devonz-elements-item-contentAccent',
6161
'transition-colors duration-150',
62-
isActive ? 'text-bolt-elements-item-contentAccent' : '',
62+
isActive ? 'text-devonz-elements-item-contentAccent' : '',
6363
)}
6464
/>
6565
</div>
@@ -70,9 +70,9 @@ export const TabTile = memo(
7070
className={classNames(
7171
'text-[15px] font-medium leading-snug mb-2',
7272
'text-gray-700 dark:text-gray-200',
73-
'group-hover:text-bolt-elements-item-contentAccent',
73+
'group-hover:text-devonz-elements-item-contentAccent',
7474
'transition-colors duration-150',
75-
isActive ? 'text-bolt-elements-item-contentAccent' : '',
75+
isActive ? 'text-devonz-elements-item-contentAccent' : '',
7676
)}
7777
>
7878
{TAB_LABELS[tab.id]}
@@ -84,9 +84,9 @@ export const TabTile = memo(
8484
'text-gray-500 dark:text-gray-400',
8585
'max-w-[85%]',
8686
'text-center',
87-
'group-hover:text-bolt-elements-item-contentAccent',
87+
'group-hover:text-devonz-elements-item-contentAccent',
8888
'transition-colors duration-150',
89-
isActive ? 'text-bolt-elements-item-contentAccent' : '',
89+
isActive ? 'text-devonz-elements-item-contentAccent' : '',
9090
)}
9191
>
9292
{description}
@@ -97,7 +97,7 @@ export const TabTile = memo(
9797
{/* Update Indicator with Tooltip */}
9898
{hasUpdate && (
9999
<>
100-
<div className="absolute top-4 right-4 w-2 h-2 rounded-full bg-bolt-elements-item-contentAccent animate-pulse" />
100+
<div className="absolute top-4 right-4 w-2 h-2 rounded-full bg-devonz-elements-item-contentAccent animate-pulse" />
101101
<Tooltip.Portal>
102102
<Tooltip.Content
103103
className={classNames(

0 commit comments

Comments
 (0)