Skip to content

Commit 844e8ed

Browse files
awisniew207awisniew207
authored
Merge pull request #379 from LIT-Protocol/feat/farcaster-app-setup
chore(dashboard): initialize farcaster app config
2 parents 1694462 + 24f5200 commit 844e8ed

File tree

10 files changed

+62
-22
lines changed

10 files changed

+62
-22
lines changed

‎packages/apps/app-dashboard/index.html‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -26,20 +26,23 @@
2626
<title>Vincent | Delegation Platform</title>
2727
<meta name="description" content="Delegation platform for user-owned automation. Create apps with delegated permissions or control permissions for existing applications." />
2828

29+
<!-- Farcaster Mini App -->
30+
<meta property="fc:miniapp" content='{"version":"1","imageUrl":"https://dashboard.heyvincent.ai/internal-logos/farcaster-embed-preview.png","button":{"title":"Open Vincent","action":{"type":"launch_frame","name":"launch"}}}' />
31+
2932
<!-- Open Graph / Facebook -->
3033
<meta property="og:type" content="website" />
3134
<meta property="og:url" content="https://dashboard.heyvincent.ai/" />
32-
<meta property="og:title" content="Vincent | Delegation Platform" />
33-
<meta property="og:description" content="Delegation platform for user-owned automation. Create apps with delegated permissions or control permissions for existing applications." />
35+
<meta property="og:title" content="Vincent - Delegation Platform" />
36+
<meta property="og:description" content="Control delegated permissions for Web3 apps and automate your onchain assets securely." />
3437
<meta property="og:image" content="https://dashboard.heyvincent.ai/logo.png" />
3538
<meta property="og:image:width" content="1200" />
3639
<meta property="og:image:height" content="630" />
3740

3841
<!-- Twitter -->
3942
<meta property="twitter:card" content="summary_large_image" />
4043
<meta property="twitter:url" content="https://dashboard.heyvincent.ai/" />
41-
<meta property="twitter:title" content="Vincent | Delegation Platform" />
42-
<meta property="twitter:description" content="Delegation platform for user-owned automation. Create apps with delegated permissions or control permissions for existing applications." />
44+
<meta property="twitter:title" content="Vincent - Delegation Platform" />
45+
<meta property="twitter:description" content="Control delegated permissions for Web3 apps and automate your onchain assets securely." />
4346
<meta property="twitter:image" content="https://dashboard.heyvincent.ai/logo.png" />
4447

4548
<!-- Structured Data -->

‎packages/apps/app-dashboard/public/.well-known/farcaster.json‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"miniapp": {
3+
"version": "1",
4+
"name": "Vincent",
5+
"homeUrl": "https://dashboard.heyvincent.ai",
6+
"iconUrl": "https://dashboard.heyvincent.ai/internal-logos/farcaster-v-logo.png",
7+
"splashImageUrl": "https://dashboard.heyvincent.ai/internal-logos/splash-screen.png",
8+
"splashBackgroundColor": "#000000",
9+
"subtitle": "User-owned automation",
10+
"description": "Control delegated permissions for Web3 apps. Vincent powers user-owned finance and agent-driven automation.",
11+
"primaryCategory": "finance",
12+
"tags": ["automation", "web3", "defi", "delegation"],
13+
"heroImageUrl": "https://dashboard.heyvincent.ai/internal-logos/farcaster-v-logo.png",
14+
"tagline": "Control your automation",
15+
"ogTitle": "Vincent - Delegation Platform",
16+
"ogDescription": "Control delegated permissions for Web3 apps and automate your onchain assets securely.",
17+
"ogImageUrl": "https://dashboard.heyvincent.ai/internal-logos/farcaster-v-logo.png",
18+
"noindex": false
19+
}
20+
}

‎packages/apps/app-dashboard/public/internal-logos/farcaster-embed-preview.png‎

2.92 MB
Loading

‎packages/apps/app-dashboard/public/internal-logos/farcaster-v-logo.png‎

149 KB
Loading

‎packages/apps/app-dashboard/public/internal-logos/farcaster-v-logo.svg‎

Lines changed: 17 additions & 0 deletions
Loading

‎packages/apps/app-dashboard/public/internal-logos/splash-screen.png‎

12.8 KB
Loading

‎packages/apps/app-dashboard/src/components/explorer/ui/FeaturedApps.tsx‎

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -65,10 +65,7 @@ export function FeaturedApps({ apps, onNavigate }: FeaturedAppsProps) {
6565
<div
6666
className="absolute inset-0 z-10"
6767
style={{
68-
background: `linear-gradient(to top, ${
69-
// Use lighter theme colors for gradient
70-
'rgba(255, 66, 5, 0.85)'
71-
} 0%, ${'rgba(255, 66, 5, 0.7)'} 15%, ${'rgba(255, 66, 5, 0.4)'} 30%, transparent 50%, transparent 100%)`,
68+
background: `linear-gradient(to top, ${'rgba(255, 66, 5, 0.85)'} 0%, ${'rgba(255, 66, 5, 0.7)'} 15%, ${'rgba(255, 66, 5, 0.4)'} 30%, transparent 50%, transparent 100%)`,
7269
}}
7370
/>
7471

@@ -88,24 +85,24 @@ export function FeaturedApps({ apps, onNavigate }: FeaturedAppsProps) {
8885
<div className="absolute bottom-0 left-0 right-0 p-8 z-20">
8986
<div className="flex items-start justify-between mb-3">
9087
<div className="flex-1">
91-
<h3 className="text-2xl font-semibold text-white mb-2" style={fonts.heading}>
88+
<h3 className={`text-2xl font-semibold ${theme.text} mb-2`} style={fonts.heading}>
9289
{app.name}
9390
</h3>
94-
<p className="text-white/80 text-sm line-clamp-2" style={fonts.body}>
91+
<p className={`${theme.text} text-sm line-clamp-2 opacity-80`} style={fonts.body}>
9592
{app.description || 'No description available'}
9693
</p>
9794
</div>
9895
</div>
9996

10097
<div className="flex items-center gap-3">
10198
<span
102-
className="px-3 py-1 rounded-full text-xs font-medium bg-white/20 text-white backdrop-blur-sm border border-white/30"
99+
className={`px-3 py-1 rounded-full text-xs font-medium ${theme.bg} ${theme.text} backdrop-blur-sm ${theme.cardBorder} border`}
103100
style={fonts.heading}
104101
>
105102
v{app.activeVersion}
106103
</span>
107104
<span
108-
className="px-3 py-1 rounded-full text-xs font-medium bg-white/20 text-white backdrop-blur-sm border border-white/30"
105+
className={`px-3 py-1 rounded-full text-xs font-medium ${theme.bg} ${theme.text} backdrop-blur-sm ${theme.cardBorder} border`}
109106
style={fonts.heading}
110107
>
111108
{app.deploymentStatus === 'prod'

‎packages/apps/app-dashboard/src/components/user-dashboard/dashboard/ui/VincentYieldPromotionCard.tsx‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,8 @@ export function VincentYieldPromotionCard({ index = 0 }: VincentYieldPromotionCa
3737

3838
<CardContent className="p-4 flex flex-col gap-3">
3939
{/* Top section - Logo and Title */}
40-
<div className="flex items-start justify-between gap-3">
41-
<div className="flex items-center gap-3 min-w-0 flex-1">
40+
<div className="flex flex-col sm:flex-row items-center sm:items-start justify-between gap-3">
41+
<div className="flex flex-col sm:flex-row items-center gap-3 min-w-0 flex-1 w-full sm:w-auto">
4242
<div
4343
className="w-16 h-16 rounded-lg flex items-center justify-center flex-shrink-0"
4444
style={{
@@ -47,7 +47,7 @@ export function VincentYieldPromotionCard({ index = 0 }: VincentYieldPromotionCa
4747
>
4848
<Sparkles className="w-8 h-8 text-white" />
4949
</div>
50-
<div className="flex flex-col justify-center min-w-0 flex-1">
50+
<div className="flex flex-col justify-center min-w-0 flex-1 text-center sm:text-left">
5151
<h3
5252
className={`text-base font-semibold leading-tight ${theme.text}`}
5353
style={fonts.heading}
@@ -62,7 +62,10 @@ export function VincentYieldPromotionCard({ index = 0 }: VincentYieldPromotionCa
6262
</div>
6363

6464
{/* Description */}
65-
<div className={`text-xs ${theme.textMuted} leading-relaxed`} style={fonts.body}>
65+
<div
66+
className={`text-xs ${theme.textMuted} leading-relaxed text-center sm:text-left`}
67+
style={fonts.body}
68+
>
6669
Vincent powers the next wave of user-owned finance and agent-driven automation for Web3.
6770
Deposit at least 50 USDC on Base Mainnet to get started.
6871
</div>

‎packages/apps/app-dashboard/src/components/user-dashboard/landing/ConnectToVincentYieldModal.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ export function ConnectToVincentYieldModal({ agentPKP }: ConnectToVincentYieldMo
4646
onPointerDownOutside={(e) => e.preventDefault()}
4747
onEscapeKeyDown={(e) => e.preventDefault()}
4848
>
49-
{/* NEW badge */}
49+
{/* REQUIRED badge */}
5050
<div
5151
className="absolute top-4 right-4 px-2 py-1 rounded-md text-xs font-bold tracking-wide z-10"
5252
style={{
@@ -60,7 +60,7 @@ export function ConnectToVincentYieldModal({ agentPKP }: ConnectToVincentYieldMo
6060

6161
<DialogHeader className={`px-4 sm:px-6 pt-6 pb-4`}>
6262
{/* Logo and Title */}
63-
<div className="flex items-center gap-3 mb-4">
63+
<div className="flex items-center gap-3 mb-4 pr-20">
6464
<div
6565
className="w-16 h-16 rounded-lg flex items-center justify-center flex-shrink-0"
6666
style={{
@@ -71,7 +71,7 @@ export function ConnectToVincentYieldModal({ agentPKP }: ConnectToVincentYieldMo
7171
</div>
7272
<div className="flex flex-col justify-center min-w-0 flex-1">
7373
<DialogTitle
74-
className={`text-base font-semibold leading-tight ${theme.text}`}
74+
className={`text-base font-semibold leading-tight ${theme.text} break-words`}
7575
style={fonts.heading}
7676
>
7777
Connect to Vincent Yield

‎packages/apps/app-dashboard/src/components/user-dashboard/landing/VincentYieldModal.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ export function VincentYieldModal({ onClose }: VincentYieldModalProps) {
4444

4545
<DialogHeader className={`px-4 sm:px-6 pt-6 pb-4`}>
4646
{/* Logo and Title */}
47-
<div className="flex items-center gap-3 mb-4">
47+
<div className="flex flex-col sm:flex-row items-center gap-3 mb-4">
4848
<div
4949
className="w-16 h-16 rounded-lg flex items-center justify-center flex-shrink-0"
5050
style={{
@@ -53,7 +53,7 @@ export function VincentYieldModal({ onClose }: VincentYieldModalProps) {
5353
>
5454
<Sparkles className="w-8 h-8 text-white" />
5555
</div>
56-
<div className="flex flex-col justify-center min-w-0 flex-1">
56+
<div className="flex flex-col justify-center min-w-0 flex-1 text-center sm:text-left">
5757
<DialogTitle
5858
className={`text-base font-semibold leading-tight ${theme.text}`}
5959
style={fonts.heading}
@@ -67,7 +67,7 @@ export function VincentYieldModal({ onClose }: VincentYieldModalProps) {
6767
</div>
6868

6969
<DialogDescription
70-
className={`${theme.textMuted} text-xs leading-relaxed`}
70+
className={`${theme.textMuted} text-xs leading-relaxed text-center sm:text-left`}
7171
style={fonts.body}
7272
>
7373
Vincent powers the next wave of user-owned finance and agent-driven automation for Web3.

0 commit comments

Comments
 (0)