vibecarbon 0.7.0 → 0.9.0

package/carbon/biome.json

@@ -1,9 +1,10 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.4.16/schema.json",
+  "root": false,
+  "$schema": "https://biomejs.dev/schemas/2.5.1/schema.json",
   "linter": {
     "enabled": true,
     "rules": {
-      "recommended": true,
+      "preset": "recommended",
       "complexity": {
         "noUselessFragments": "warn"
       },

package/carbon/package.json

@@ -50,7 +50,7 @@
     "stripe:listen": "stripe listen --forward-to localhost:3000/api/webhooks/stripe"
   },
   "dependencies": {
-    "@base-ui/react": "^1.5.0",
+    "@base-ui/react": "^1.6.0",
     "@fontsource-variable/noto-sans": "^5.2.10",
     "@fontsource/jetbrains-mono": "^5.2.8",
     "@hono/node-server": "^2.0.6",
@@ -58,39 +58,39 @@
     "@hookform/resolvers": "^5.4.0",
     "@mdx-js/react": "^3.1.1",
     "@mdx-js/rollup": "^3.1.1",
-    "@scalar/api-reference-react": "^0.9.49",
-    "@supabase/supabase-js": "^2.108.2",
-    "@tanstack/react-query": "^5.100.14",
+    "@scalar/api-reference-react": "^0.9.50",
+    "@supabase/supabase-js": "^2.110.0",
+    "@tanstack/react-query": "^5.101.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.6.0",
-    "framer-motion": "^12.40.0",
+    "framer-motion": "^12.42.2",
     "hono": "^4.12.27",
-    "i18next": "^26.3.3",
+    "i18next": "^26.3.4",
     "i18next-browser-languagedetector": "^8.2.1",
     "input-otp": "^1.4.2",
     "ioredis": "^5.11.1",
     "lenis": "^1.3.25",
-    "lucide-react": "^1.17.0",
+    "lucide-react": "^1.22.0",
     "next-themes": "^0.4.6",
-    "nodemailer": "^9.0.1",
+    "nodemailer": "^9.0.3",
     "pino": "^10.3.1",
     "react": "^19.2.7",
     "react-day-picker": "^10.0.1",
     "react-dom": "^19.2.7",
-    "react-hook-form": "^7.77.0",
+    "react-hook-form": "^7.80.0",
     "react-i18next": "^17.0.8",
-    "react-resizable-panels": "^4.11.2",
-    "react-router-dom": "^7.16.0",
-    "recharts": "^3.8.1",
+    "react-resizable-panels": "^4.12.0",
+    "react-router-dom": "^7.18.1",
+    "recharts": "^3.9.1",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "remark-frontmatter": "^5.0.0",
     "remark-mdx-frontmatter": "^5.2.0",
     "sonner": "^2.0.7",
-    "stripe": "^22.2.0",
+    "stripe": "^22.3.0",
     "tailwind-merge": "^3.6.0",
     "vaul": "^1.1.2",
     "zod": "^4.4.3"
@@ -122,16 +122,16 @@
     }
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.16",
+    "@biomejs/biome": "^2.5.1",
     "@hono/swagger-ui": "^0.6.1",
-    "@scalar/hono-api-reference": "^0.10.19",
+    "@scalar/hono-api-reference": "^0.11.7",
     "@tailwindcss/typography": "^0.5.20",
     "@tailwindcss/vite": "^4.3.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^25.9.1",
-    "@types/nodemailer": "^8.0.0",
+    "@types/node": "^26.0.1",
+    "@types/nodemailer": "^8.0.1",
     "@types/pg": "^8.20.0",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
@@ -139,15 +139,15 @@
     "@vitest/coverage-v8": "^4.1.9",
     "esbuild": "^0.28.1",
     "jsdom": "^29.1.1",
-    "pg": "^8.21.0",
+    "pg": "^8.22.0",
     "pino-pretty": "^13.1.3",
     "remark-gfm": "^4.0.1",
-    "shadcn": "^4.10.0",
+    "shadcn": "^4.12.0",
     "tailwindcss": "^4.3.2",
     "tsx": "^4.22.4",
     "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3",
-    "vite": "^8.0.16",
+    "vite": "^8.1.2",
     "vitest": "^4.1.9"
   }
 }

package/carbon/scripts/dev-init.js

@@ -174,12 +174,16 @@ if (existsSync(sqlTemplatePath)) {
   writeFileSync(sqlGeneratedPath, sql);
   console.log(`  CREATED: ${sqlGeneratedPath} (dev admin credentials)`);
 
-  // Write a compose override that mounts the generated SQL instead of the template
+  // Write a compose override that mounts the generated SQL instead of the template.
+  // Must target /tmp/super-admin.sql — that's the path `db:migrate` executes, and
+  // docker-compose.override.yml mounts the raw template there. This file is loaded
+  // after the override (getComposeFiles), so the same target wins and the seeded
+  // admin gets real credentials instead of literal {{ADMIN_EMAIL}} placeholders.
   const composeOverride = `# Generated by dev-init.js — DO NOT COMMIT
 services:
   db:
     volumes:
-      - ./volumes/db/super-admin.generated.sql:/docker-entrypoint-initdb.d/post-init/super-admin.sql:Z
+      - ./volumes/db/super-admin.generated.sql:/tmp/super-admin.sql:Z
 `;
   writeFileSync('docker-compose.dev-init.yml', composeOverride);
   console.log('  CREATED: docker-compose.dev-init.yml (mounts generated admin SQL)');

package/carbon/src/client/assets/vibecarbon-icon.svg

@@ -1,18 +1,18 @@
 <svg width="877" height="1012" viewBox="0 0 877 1012" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_77_141)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M434.346 2.3064C436.82 0.879051 439.867 0.879058 442.342 2.30641L872.685 250.582C875.162 252.01 876.688 254.652 876.688 257.511V754.051C876.688 756.91 875.162 759.552 872.685 760.981L442.342 1009.26C439.867 1010.68 436.82 1010.68 434.346 1009.26L4.00221 760.981C1.52575 759.552 0 756.91 0 754.051V257.511C0 254.652 1.52576 252.01 4.00222 250.582L434.346 2.3064ZM708.094 505.781C708.094 577.323 679.674 645.935 629.086 696.523C578.498 747.111 509.886 775.531 438.344 775.531C366.802 775.531 298.19 747.111 247.602 696.523C197.014 645.935 168.594 577.323 168.594 505.781C168.594 434.239 197.014 365.627 247.602 315.039C298.19 264.451 366.802 236.031 438.344 236.031C509.886 236.031 578.498 264.451 629.086 315.039C679.674 365.627 708.094 434.239 708.094 505.781Z" fill="url(#paint0_linear_77_141)"/>
-<path d="M876.688 252.891V472.062L438.344 606.938L0 472.062V252.891L438.344 0L876.688 252.891Z" fill="url(#paint1_linear_77_141)"/>
+<g clip-path="url(#clip0_114_6)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M434.346 2.3064C436.82 0.879051 439.867 0.879058 442.342 2.30641L872.685 250.582C875.162 252.01 876.688 254.652 876.688 257.511V754.051C876.688 756.91 875.162 759.552 872.685 760.981L442.342 1009.26C439.867 1010.68 436.82 1010.68 434.346 1009.26L4.00221 760.981C1.52575 759.552 0 756.91 0 754.051V257.511C0 254.652 1.52576 252.01 4.00222 250.582L434.346 2.3064ZM708.094 505.781C708.094 577.323 679.674 645.935 629.086 696.523C578.498 747.111 509.886 775.531 438.344 775.531C366.802 775.531 298.19 747.111 247.602 696.523C197.014 645.935 168.594 577.323 168.594 505.781C168.594 434.239 197.014 365.627 247.602 315.039C298.19 264.451 366.802 236.031 438.344 236.031C509.886 236.031 578.498 264.451 629.086 315.039C679.674 365.627 708.094 434.239 708.094 505.781Z" fill="url(#paint0_linear_114_6)"/>
+<path d="M876.688 252.891V472.062L438.344 606.938L0 472.062V252.891L438.344 0L876.688 252.891Z" fill="url(#paint1_linear_114_6)"/>
 </g>
 <defs>
-<linearGradient id="paint0_linear_77_141" x1="0" y1="0" x2="0" y2="1011.56" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_114_6" x1="0" y1="0" x2="0" y2="1011.56" gradientUnits="userSpaceOnUse">
 <stop stop-color="#5EEAD4"/>
 <stop offset="1" stop-color="#0D9488"/>
 </linearGradient>
-<linearGradient id="paint1_linear_77_141" x1="175.338" y1="-5.42644e-06" x2="516.194" y2="492.348" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_114_6" x1="175.338" y1="-5.42644e-06" x2="516.194" y2="492.348" gradientUnits="userSpaceOnUse">
 <stop stop-color="white" stop-opacity="0.5"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
-<clipPath id="clip0_77_141">
+<clipPath id="clip0_114_6">
 <rect width="876.688" height="1011.56" fill="white"/>
 </clipPath>
 </defs>

package/carbon/src/client/assets/vibecarbon-wordmark-text-dark.svg

@@ -0,0 +1,12 @@
+<svg width="5175" height="1061" viewBox="0 0 5175 1061" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M189.981 758.92C186.619 758.92 183.616 756.818 182.465 753.66L3.91491 263.842C2.01266 258.623 5.87675 253.102 11.4311 253.102H128.387C131.803 253.102 134.842 255.271 135.952 258.501L255.668 606.681C258.146 613.888 268.343 613.876 270.804 606.663L389.594 258.519C390.699 255.279 393.743 253.102 397.165 253.102H511.149C516.703 253.102 520.567 258.623 518.665 263.842L340.115 753.66C338.964 756.818 335.961 758.92 332.599 758.92H189.981Z" fill="white"/>
+<path d="M586.913 758.92C582.495 758.92 578.913 755.338 578.913 750.92V261.102C578.913 256.684 582.495 253.102 586.913 253.102H696.135C700.553 253.102 704.135 256.684 704.135 261.102V750.92C704.135 755.338 700.553 758.92 696.135 758.92H586.913ZM641.031 187.04C600.605 187.04 571.025 157.46 571.025 118.02C571.025 78.58 600.605 49 641.031 49C680.471 49 711.037 78.58 711.037 118.02C711.037 157.46 680.471 187.04 641.031 187.04Z" fill="white"/>
+<path d="M1092 764.836C1024.91 764.836 976.303 739.429 944.129 702.222C939.464 696.826 930.128 698.971 928.878 705.993L920.628 752.323C919.948 756.14 916.629 758.92 912.751 758.92H818.007C813.588 758.92 810.007 755.338 810.007 750.92V76.72C810.007 72.3017 813.588 68.72 818.007 68.72H927.229C931.647 68.72 935.229 72.3017 935.229 76.72V298.558C935.229 306.201 945.285 309.773 950.605 304.285C982.946 270.932 1028.97 247.186 1092.99 247.186C1229.06 247.186 1328.64 343.814 1328.64 505.518C1328.64 661.306 1229.06 764.836 1092 764.836ZM1067.35 661.306C1148.2 661.306 1201.45 599.188 1201.45 506.504C1201.45 412.834 1148.2 350.716 1067.35 350.716C986.501 350.716 933.257 412.834 933.257 505.518C933.257 599.188 986.501 661.306 1067.35 661.306Z" fill="white"/>
+<path d="M1655.33 764.836C1490.67 764.836 1390.1 662.292 1390.1 507.49C1390.1 350.716 1492.64 247.186 1645.47 247.186C1794.36 247.186 1895.92 341.842 1895.92 492.7C1895.92 503.334 1895.92 514.647 1895.35 526.639C1895.16 530.846 1891.66 534.112 1887.45 534.112H1527.15C1523.88 534.112 1521.24 536.761 1521.24 540.028C1521.24 617.922 1573.49 667.222 1649.42 667.222C1708.04 667.222 1750.35 641.829 1765.02 596.261C1766.14 592.793 1769.29 590.314 1772.94 590.314H1881.48C1886.44 590.314 1890.22 594.795 1889.14 599.64C1868.5 691.905 1782.22 764.836 1655.33 764.836ZM1524.87 439.185C1523.84 443.964 1527.6 448.33 1532.49 448.33H1760.6C1765.43 448.33 1769.17 444.061 1768.29 439.314C1756.7 376.993 1712.41 342.828 1647.44 342.828C1587.31 342.828 1537.92 378.645 1524.87 439.185Z" fill="white"/>
+<path d="M2212.61 764.836C2053.87 764.836 1957.24 665.25 1957.24 506.504C1957.24 349.73 2058.8 247.186 2216.56 247.186C2347.1 247.186 2430.93 316.338 2453.47 429.168C2454.44 434.016 2450.67 438.47 2445.73 438.47H2330.48C2326.71 438.47 2323.48 435.836 2322.52 432.199C2309.16 381.668 2271.43 350.716 2214.59 350.716C2135.71 350.716 2085.42 414.806 2085.42 506.504C2085.42 598.202 2134.72 661.306 2214.59 661.306C2272.41 661.306 2310.19 629.409 2323.53 577.881C2324.48 574.229 2327.71 571.58 2331.49 571.58H2445.82C2450.73 571.58 2454.49 575.983 2453.56 580.809C2431.73 694.688 2343.22 764.836 2212.61 764.836Z" fill="white"/>
+<path d="M2750.45 764.836C2616.36 764.836 2512.83 666.236 2512.83 506.504C2512.83 350.716 2616.36 247.186 2750.45 247.186C2817.76 247.186 2865.7 271.986 2898.38 309.905C2903.03 315.295 2912.31 313.151 2913.56 306.146L2921.83 259.699C2922.51 255.882 2925.83 253.102 2929.71 253.102H3024.45C3028.87 253.102 3032.45 256.684 3032.45 261.102V750.92C3032.45 755.338 3028.87 758.92 3024.45 758.92H2929.72C2925.84 758.92 2922.51 756.13 2921.84 752.304L2913.41 704.325C2912.2 697.4 2903.13 695.195 2898.49 700.478C2865.28 738.288 2818.02 764.836 2750.45 764.836ZM2775.1 661.306C2855.96 661.306 2908.21 599.188 2908.21 507.49C2908.21 412.834 2855.96 350.716 2775.1 350.716C2693.27 350.716 2641.01 412.834 2641.01 506.504C2641.01 599.188 2693.27 661.306 2775.1 661.306Z" fill="white"/>
+<path d="M3146.28 758.92C3141.86 758.92 3138.28 755.338 3138.28 750.92V261.102C3138.28 256.684 3141.86 253.102 3146.28 253.102H3240.87C3244.81 253.102 3248.17 255.975 3248.78 259.87L3256.21 307.536C3257.35 314.889 3267.31 316.992 3271.87 311.112C3298.35 276.986 3337.34 253.102 3407.45 253.102H3426.08C3430.49 253.102 3434.08 256.684 3434.08 261.102V359.478C3434.08 363.896 3430.49 367.478 3426.08 367.478H3381.82C3294.06 367.478 3263.5 430.582 3263.5 508.476V750.92C3263.5 755.338 3259.92 758.92 3255.5 758.92H3146.28Z" fill="white"/>
+<path d="M3783.28 764.836C3716.19 764.836 3667.58 739.429 3635.41 702.221C3630.74 696.826 3621.41 698.971 3620.16 705.993L3611.91 752.323C3611.23 756.14 3607.91 758.92 3604.03 758.92H3509.29C3504.87 758.92 3501.29 755.338 3501.29 750.92V76.72C3501.29 72.3017 3504.87 68.72 3509.29 68.72H3618.51C3622.93 68.72 3626.51 72.3017 3626.51 76.72V298.558C3626.51 306.201 3636.56 309.773 3641.88 304.285C3674.23 270.932 3720.25 247.186 3784.27 247.186C3920.34 247.186 4019.92 343.814 4019.92 505.518C4019.92 661.306 3920.34 764.836 3783.28 764.836ZM3758.63 661.306C3839.48 661.306 3892.73 599.188 3892.73 506.504C3892.73 412.834 3839.48 350.716 3758.63 350.716C3677.78 350.716 3624.54 412.834 3624.54 505.518C3624.54 599.188 3677.78 661.306 3758.63 661.306Z" fill="white"/>
+<path d="M4344.64 764.836C4186.88 764.836 4081.38 661.306 4081.38 506.504C4081.38 350.716 4186.88 247.186 4344.64 247.186C4502.4 247.186 4607.9 350.716 4607.9 506.504C4607.9 661.306 4502.4 764.836 4344.64 764.836ZM4344.64 661.306C4427.46 661.306 4479.72 597.216 4479.72 506.504C4479.72 414.806 4427.46 350.716 4344.64 350.716C4261.82 350.716 4209.56 414.806 4209.56 506.504C4209.56 597.216 4261.82 661.306 4344.64 661.306Z" fill="white"/>
+<path d="M4699.42 758.92C4695 758.92 4691.42 755.338 4691.42 750.92V261.102C4691.42 256.684 4695 253.102 4699.42 253.102H4794.19C4798.05 253.102 4801.37 255.867 4802.06 259.671L4809.55 300.893C4810.78 307.645 4819.5 309.909 4824.22 304.93C4855.56 271.903 4900.75 247.186 4971.44 247.186C5081.88 247.186 5174.56 306.346 5174.56 477.91V750.92C5174.56 755.338 5170.98 758.92 5166.56 758.92H5057.34C5052.92 758.92 5049.34 755.338 5049.34 750.92V487.77C5049.34 398.044 5011.87 351.702 4938.9 351.702C4859.04 351.702 4816.64 401.988 4816.64 492.7V750.92C4816.64 755.338 4813.06 758.92 4808.64 758.92H4699.42Z" fill="white"/>
+</svg>

package/carbon/src/client/assets/vibecarbon-wordmark-text-light.svg

@@ -0,0 +1,12 @@
+<svg width="5175" height="1061" viewBox="0 0 5175 1061" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M189.981 758.92C186.619 758.92 183.616 756.818 182.465 753.66L3.91491 263.842C2.01266 258.623 5.87675 253.102 11.4311 253.102H128.387C131.803 253.102 134.842 255.271 135.952 258.501L255.668 606.681C258.146 613.888 268.343 613.876 270.804 606.663L389.594 258.519C390.699 255.279 393.743 253.102 397.165 253.102H511.149C516.703 253.102 520.567 258.623 518.665 263.842L340.115 753.66C338.964 756.818 335.961 758.92 332.599 758.92H189.981Z" fill="black"/>
+<path d="M586.913 758.92C582.495 758.92 578.913 755.338 578.913 750.92V261.102C578.913 256.684 582.495 253.102 586.913 253.102H696.135C700.553 253.102 704.135 256.684 704.135 261.102V750.92C704.135 755.338 700.553 758.92 696.135 758.92H586.913ZM641.031 187.04C600.605 187.04 571.025 157.46 571.025 118.02C571.025 78.58 600.605 49 641.031 49C680.471 49 711.037 78.58 711.037 118.02C711.037 157.46 680.471 187.04 641.031 187.04Z" fill="black"/>
+<path d="M1092 764.836C1024.91 764.836 976.303 739.429 944.129 702.222C939.464 696.826 930.128 698.971 928.878 705.993L920.628 752.323C919.948 756.14 916.629 758.92 912.751 758.92H818.007C813.588 758.92 810.007 755.338 810.007 750.92V76.72C810.007 72.3017 813.588 68.72 818.007 68.72H927.229C931.647 68.72 935.229 72.3017 935.229 76.72V298.558C935.229 306.201 945.285 309.773 950.605 304.285C982.946 270.932 1028.97 247.186 1092.99 247.186C1229.06 247.186 1328.64 343.814 1328.64 505.518C1328.64 661.306 1229.06 764.836 1092 764.836ZM1067.35 661.306C1148.2 661.306 1201.45 599.188 1201.45 506.504C1201.45 412.834 1148.2 350.716 1067.35 350.716C986.501 350.716 933.257 412.834 933.257 505.518C933.257 599.188 986.501 661.306 1067.35 661.306Z" fill="black"/>
+<path d="M1655.33 764.836C1490.67 764.836 1390.1 662.292 1390.1 507.49C1390.1 350.716 1492.64 247.186 1645.47 247.186C1794.36 247.186 1895.92 341.842 1895.92 492.7C1895.92 503.334 1895.92 514.647 1895.35 526.639C1895.16 530.846 1891.66 534.112 1887.45 534.112H1527.15C1523.88 534.112 1521.24 536.761 1521.24 540.028C1521.24 617.922 1573.49 667.222 1649.42 667.222C1708.04 667.222 1750.35 641.829 1765.02 596.261C1766.14 592.793 1769.29 590.314 1772.94 590.314H1881.48C1886.44 590.314 1890.22 594.795 1889.14 599.64C1868.5 691.905 1782.22 764.836 1655.33 764.836ZM1524.87 439.185C1523.84 443.964 1527.6 448.33 1532.49 448.33H1760.6C1765.43 448.33 1769.17 444.061 1768.29 439.314C1756.7 376.993 1712.41 342.828 1647.44 342.828C1587.31 342.828 1537.92 378.645 1524.87 439.185Z" fill="black"/>
+<path d="M2212.61 764.836C2053.87 764.836 1957.24 665.25 1957.24 506.504C1957.24 349.73 2058.8 247.186 2216.56 247.186C2347.1 247.186 2430.93 316.338 2453.47 429.168C2454.44 434.016 2450.67 438.47 2445.73 438.47H2330.48C2326.71 438.47 2323.48 435.836 2322.52 432.199C2309.16 381.668 2271.43 350.716 2214.59 350.716C2135.71 350.716 2085.42 414.806 2085.42 506.504C2085.42 598.202 2134.72 661.306 2214.59 661.306C2272.41 661.306 2310.19 629.409 2323.53 577.881C2324.48 574.229 2327.71 571.58 2331.49 571.58H2445.82C2450.73 571.58 2454.49 575.983 2453.56 580.809C2431.73 694.688 2343.22 764.836 2212.61 764.836Z" fill="black"/>
+<path d="M2750.45 764.836C2616.36 764.836 2512.83 666.236 2512.83 506.504C2512.83 350.716 2616.36 247.186 2750.45 247.186C2817.76 247.186 2865.7 271.986 2898.38 309.905C2903.03 315.295 2912.31 313.151 2913.56 306.146L2921.83 259.699C2922.51 255.882 2925.83 253.102 2929.71 253.102H3024.45C3028.87 253.102 3032.45 256.684 3032.45 261.102V750.92C3032.45 755.338 3028.87 758.92 3024.45 758.92H2929.72C2925.84 758.92 2922.51 756.13 2921.84 752.304L2913.41 704.325C2912.2 697.4 2903.13 695.195 2898.49 700.478C2865.28 738.288 2818.02 764.836 2750.45 764.836ZM2775.1 661.306C2855.96 661.306 2908.21 599.188 2908.21 507.49C2908.21 412.834 2855.96 350.716 2775.1 350.716C2693.27 350.716 2641.01 412.834 2641.01 506.504C2641.01 599.188 2693.27 661.306 2775.1 661.306Z" fill="black"/>
+<path d="M3146.28 758.92C3141.86 758.92 3138.28 755.338 3138.28 750.92V261.102C3138.28 256.684 3141.86 253.102 3146.28 253.102H3240.87C3244.81 253.102 3248.17 255.975 3248.78 259.87L3256.21 307.536C3257.35 314.889 3267.31 316.992 3271.87 311.112C3298.35 276.986 3337.34 253.102 3407.45 253.102H3426.08C3430.49 253.102 3434.08 256.684 3434.08 261.102V359.478C3434.08 363.896 3430.49 367.478 3426.08 367.478H3381.82C3294.06 367.478 3263.5 430.582 3263.5 508.476V750.92C3263.5 755.338 3259.92 758.92 3255.5 758.92H3146.28Z" fill="black"/>
+<path d="M3783.28 764.836C3716.19 764.836 3667.58 739.429 3635.41 702.221C3630.74 696.826 3621.41 698.971 3620.16 705.993L3611.91 752.323C3611.23 756.14 3607.91 758.92 3604.03 758.92H3509.29C3504.87 758.92 3501.29 755.338 3501.29 750.92V76.72C3501.29 72.3017 3504.87 68.72 3509.29 68.72H3618.51C3622.93 68.72 3626.51 72.3017 3626.51 76.72V298.558C3626.51 306.201 3636.56 309.773 3641.88 304.285C3674.23 270.932 3720.25 247.186 3784.27 247.186C3920.34 247.186 4019.92 343.814 4019.92 505.518C4019.92 661.306 3920.34 764.836 3783.28 764.836ZM3758.63 661.306C3839.48 661.306 3892.73 599.188 3892.73 506.504C3892.73 412.834 3839.48 350.716 3758.63 350.716C3677.78 350.716 3624.54 412.834 3624.54 505.518C3624.54 599.188 3677.78 661.306 3758.63 661.306Z" fill="black"/>
+<path d="M4344.64 764.836C4186.88 764.836 4081.38 661.306 4081.38 506.504C4081.38 350.716 4186.88 247.186 4344.64 247.186C4502.4 247.186 4607.9 350.716 4607.9 506.504C4607.9 661.306 4502.4 764.836 4344.64 764.836ZM4344.64 661.306C4427.46 661.306 4479.72 597.216 4479.72 506.504C4479.72 414.806 4427.46 350.716 4344.64 350.716C4261.82 350.716 4209.56 414.806 4209.56 506.504C4209.56 597.216 4261.82 661.306 4344.64 661.306Z" fill="black"/>
+<path d="M4699.42 758.92C4695 758.92 4691.42 755.338 4691.42 750.92V261.102C4691.42 256.684 4695 253.102 4699.42 253.102H4794.19C4798.05 253.102 4801.37 255.867 4802.06 259.671L4809.55 300.893C4810.78 307.645 4819.5 309.909 4824.22 304.93C4855.56 271.903 4900.75 247.186 4971.44 247.186C5081.88 247.186 5174.56 306.346 5174.56 477.91V750.92C5174.56 755.338 5170.98 758.92 5166.56 758.92H5057.34C5052.92 758.92 5049.34 755.338 5049.34 750.92V487.77C5049.34 398.044 5011.87 351.702 4938.9 351.702C4859.04 351.702 4816.64 401.988 4816.64 492.7V750.92C4816.64 755.338 4813.06 758.92 4808.64 758.92H4699.42Z" fill="black"/>
+</svg>

package/carbon/src/client/components/AIIntegrationSection.tsx

@@ -58,9 +58,7 @@ export function AIIntegrationSection() {
           </motion.div>
           <h2 className="text-3xl md:text-5xl font-black tracking-tight mb-4">
             {t('landing.aiIntegration.headline1')}{' '}
-            <span className="bg-gradient-to-r from-primary via-cyan-400 to-secondary-accent bg-clip-text text-transparent">
-              {t('landing.aiIntegration.headlineHighlight')}
-            </span>{' '}
+            <span className="text-primary">{t('landing.aiIntegration.headlineHighlight')}</span>{' '}
             {t('landing.aiIntegration.headline2')}
           </h2>
           <p className="text-lg text-muted-foreground max-w-2xl mx-auto">

package/carbon/src/client/components/AppSidebar.tsx

@@ -63,7 +63,7 @@ import { useEnabledServices } from '@/hooks/useRunningServices';
 import { getServiceUrl } from '@/lib/admin-services';
 import { cn, getUserInitials } from '@/lib/utils';
 import { useAuth } from './auth/AuthProvider';
-import { Wordmark } from './Logo';
+import { Logo, WordmarkText } from './Logo';
 
 const prefetchMap: Record<string, () => Promise<unknown>> = {
   '/dashboard': () => import('@/pages/Dashboard'),
@@ -188,7 +188,14 @@ export function AppSidebar() {
             onClick={toggleSidebar}
             className="flex h-full w-full cursor-pointer items-center"
           >
-            <Wordmark textClassName="group-data-[collapsible=icon]:hidden" />
+            <IconSlot>
+              <Logo size="sm" />
+            </IconSlot>
+            <span className="grid shrink-0 grid-cols-[1fr] opacity-100 transition-[grid-template-columns,opacity] duration-300 ease-in-out group-data-[collapsible=icon]:grid-cols-[0fr] group-data-[collapsible=icon]:opacity-0">
+              <span className="overflow-hidden">
+                <WordmarkText size="sm" className="font-display text-2xl font-bold" />
+              </span>
+            </span>
           </button>
         </SidebarHeader>
 
@@ -200,7 +207,7 @@ export function AppSidebar() {
                 <SidebarMenu>
                   <SidebarMenuItem>
                     <DropdownMenu>
-                      <DropdownMenuTrigger className="flex w-full items-center gap-2 rounded-md border border-border text-left text-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-10 transition-colors cursor-pointer group-data-[collapsible=icon]:size-10 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0">
+                      <DropdownMenuTrigger className="flex w-full items-center rounded-md border border-border text-left text-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-10 transition-colors cursor-pointer group-data-[collapsible=icon]:size-10 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0">
                         <IconSlot>
                           <Building2 className="size-4" />
                         </IconSlot>
@@ -262,7 +269,7 @@ export function AppSidebar() {
                           onMouseEnter={() => prefetch(item.path)}
                           onFocus={() => prefetch(item.path)}
                           tooltip={t(item.titleKey)}
-                          className="p-0"
+                          className="gap-0 p-0"
                         >
                           <IconSlot>
                             <item.icon className="size-4" />
@@ -288,7 +295,7 @@ export function AppSidebar() {
                     <SidebarMenuButton
                       onClick={() => navigate('/dashboard')}
                       tooltip={t('common.back')}
-                      className="p-0"
+                      className="gap-0 p-0"
                     >
                       <IconSlot>
                         <ArrowLeft className="size-4" />
@@ -313,7 +320,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/settings/profile')}
                         onFocus={() => prefetch('/settings/profile')}
                         tooltip={t('sidebar.profile')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <User className="size-4" />
@@ -330,7 +337,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/settings/billing')}
                         onFocus={() => prefetch('/settings/billing')}
                         tooltip={t('sidebar.billing')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <CreditCard className="size-4" />
@@ -347,7 +354,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/settings/security')}
                         onFocus={() => prefetch('/settings/security')}
                         tooltip={t('sidebar.security')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Shield className="size-4" />
@@ -372,7 +379,7 @@ export function AppSidebar() {
                     <SidebarMenuButton
                       onClick={() => navigate('/dashboard')}
                       tooltip={t('common.back')}
-                      className="p-0"
+                      className="gap-0 p-0"
                     >
                       <IconSlot>
                         <ArrowLeft className="size-4" />
@@ -395,7 +402,7 @@ export function AppSidebar() {
                         isActive={location.pathname === `/organizations/${currentOrgId}/details`}
                         onClick={() => navigate(`/organizations/${currentOrgId}/details`)}
                         tooltip={t('sidebar.orgDetails')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Building2 className="size-4" />
@@ -410,7 +417,7 @@ export function AppSidebar() {
                         isActive={location.pathname === `/organizations/${currentOrgId}/members`}
                         onClick={() => navigate(`/organizations/${currentOrgId}/members`)}
                         tooltip={t('sidebar.members')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Users className="size-4" />
@@ -435,7 +442,7 @@ export function AppSidebar() {
                     <SidebarMenuButton
                       onClick={() => navigate('/dashboard')}
                       tooltip={t('common.back')}
-                      className="p-0"
+                      className="gap-0 p-0"
                     >
                       <IconSlot>
                         <ArrowLeft className="size-4" />
@@ -460,7 +467,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/dashboard')}
                         onFocus={() => prefetch('/admin/dashboard')}
                         tooltip={t('sidebar.overview')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <LayoutDashboard className="size-4" />
@@ -477,7 +484,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/organizations')}
                         onFocus={() => prefetch('/admin/organizations')}
                         tooltip={t('sidebar.organizations')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Building2 className="size-4" />
@@ -494,7 +501,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/users')}
                         onFocus={() => prefetch('/admin/users')}
                         tooltip={t('sidebar.users')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Users className="size-4" />
@@ -511,7 +518,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/notifications')}
                         onFocus={() => prefetch('/admin/notifications')}
                         tooltip={t('sidebar.notifications')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Bell className="size-4" />
@@ -528,7 +535,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/logs')}
                         onFocus={() => prefetch('/admin/logs')}
                         tooltip={t('sidebar.logs')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <FileText className="size-4" />
@@ -545,7 +552,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/theme')}
                         onFocus={() => prefetch('/admin/theme')}
                         tooltip={t('sidebar.theme')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Palette className="size-4" />
@@ -562,7 +569,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/jobs')}
                         onFocus={() => prefetch('/admin/jobs')}
                         tooltip="Background Jobs"
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Clock className="size-4" />
@@ -577,7 +584,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/contact')}
                         onFocus={() => prefetch('/admin/contact')}
                         tooltip="Contact Submissions"
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <MessageSquare className="size-4" />
@@ -592,7 +599,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/newsletter')}
                         onFocus={() => prefetch('/admin/newsletter')}
                         tooltip="Newsletter"
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Mail className="size-4" />
@@ -607,7 +614,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/settings')}
                         onFocus={() => prefetch('/admin/settings')}
                         tooltip={t('sidebar.settings')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Settings className="size-4" />
@@ -628,7 +635,7 @@ export function AppSidebar() {
                                 ? service.description
                                 : 'Internal only — kubectl port-forward svc/traefik-dashboard 8080:8080 -n vibecarbon'
                             }
-                            className={cn('p-0', !url && 'cursor-default opacity-50')}
+                            className={cn('gap-0 p-0', !url && 'cursor-default opacity-50')}
                           >
                             <IconSlot>
                               <service.icon className="size-4" />
@@ -653,7 +660,7 @@ export function AppSidebar() {
         <SidebarFooter>
           {/* User Menu */}
           <DropdownMenu>
-            <DropdownMenuTrigger className="group/user flex w-full items-center gap-2 rounded-md text-left text-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-12 transition-colors group-data-[collapsible=icon]:size-10 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0">
+            <DropdownMenuTrigger className="group/user flex w-full items-center rounded-md text-left text-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-12 transition-colors group-data-[collapsible=icon]:size-10 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0">
               <IconSlot>
                 <Avatar size="sm">
                   <AvatarFallback>{getUserInitials(user)}</AvatarFallback>
@@ -672,7 +679,7 @@ export function AppSidebar() {
             <DropdownMenuContent
               align="start"
               side={isCollapsed ? 'right' : 'top'}
-              className="w-56"
+              className="min-w-56"
             >
               <div className="flex items-start justify-between px-3 py-2">
                 <div>
@@ -691,18 +698,18 @@ export function AppSidebar() {
               </div>
               <DropdownMenuSeparator />
               <DropdownMenuItem onClick={() => navigate('/settings/profile')}>
-                <Settings className="size-4 mr-2" />
+                <Settings className="size-4" />
                 {t('common.settings')}
               </DropdownMenuItem>
               {isSuperAdmin && (
                 <DropdownMenuItem onClick={() => navigate('/admin/dashboard')}>
-                  <Shield className="size-4 mr-2" />
+                  <Shield className="size-4" />
                   {t('sidebar.superAdmin')}
                 </DropdownMenuItem>
               )}
               <DropdownMenuSeparator />
               <DropdownMenuItem onClick={handleSignOut}>
-                <LogOut className="size-4 mr-2" />
+                <LogOut className="size-4" />
                 {t('common.signOut')}
               </DropdownMenuItem>
             </DropdownMenuContent>

package/carbon/src/client/components/CTAFooter.tsx

@@ -51,7 +51,7 @@ export function CTAFooter({
 
       {/* Footer */}
       <div className="relative mx-auto flex max-w-7xl flex-col items-center justify-between gap-4 px-6 py-8 sm:flex-row">
-        <Wordmark size="sm" className="text-white" />
+        <Wordmark size="sm" className="text-white" forceTheme="dark" />
         {footerLinks}
       </div>
     </footer>

package/carbon/src/client/components/ComparisonSection.tsx

@@ -72,9 +72,7 @@ export function ComparisonSection() {
           </motion.div>
           <h2 className="text-3xl md:text-5xl font-black tracking-tight mb-4">
             {t('landing.comparison.headline')}{' '}
-            <span className="bg-gradient-to-r from-secondary-accent to-fuchsia-400 bg-clip-text text-transparent">
-              {t('landing.comparison.headlineHighlight')}
-            </span>
+            <span className="text-primary">{t('landing.comparison.headlineHighlight')}</span>
           </h2>
           <p className="text-lg text-muted-foreground max-w-xl mx-auto">
             {t('landing.comparison.subheading')}

package/carbon/src/client/components/ContentPanel.tsx

@@ -59,7 +59,7 @@ export function ContentPanel({
   const resolvedWidth = maxWidth ?? variantToWidth[variant];
 
   return (
-    <div className="flex-1 pl-1 pr-6 py-6">
+    <div className="flex-1 pr-8 py-6">
       <div className={cn(maxWidthClasses[resolvedWidth], 'space-y-6', className)}>{children}</div>
     </div>
   );

package/carbon/src/client/components/DeploymentScenariosSection.tsx

@@ -106,9 +106,7 @@ export function DeploymentScenariosSection() {
           </motion.div>
           <h2 className="mb-4 text-3xl font-black tracking-tight md:text-5xl">
             {t('landing.deploy.headline')}{' '}
-            <span className="bg-gradient-to-r from-primary via-cyan-400 to-secondary-accent bg-clip-text text-transparent">
-              {t('landing.deploy.headlineHighlight')}
-            </span>
+            <span className="text-primary">{t('landing.deploy.headlineHighlight')}</span>
           </h2>
           <p className="mx-auto max-w-2xl text-lg text-muted-foreground">
             {t('landing.deploy.subheading')}

package/carbon/src/client/components/FAQSection.tsx

@@ -60,7 +60,7 @@ export function FAQSection() {
             >
               <AccordionItem
                 value={faq.question}
-                className="border border-white/8 dark:border-white/8 bg-white/[0.02] dark:bg-white/[0.02] rounded-xl mb-3 overflow-hidden backdrop-blur-sm"
+                className="border border-border bg-card/40 dark:border-white/8 dark:bg-white/[0.02] rounded-xl mb-3 overflow-hidden backdrop-blur-sm"
               >
                 <AccordionTrigger>{faq.question}</AccordionTrigger>
                 <AccordionContent>

package/carbon/src/client/components/Hero.tsx

@@ -532,7 +532,19 @@ export default function Hero() {
             transition={{ duration: 0.8, delay: 0.2 }}
             className="text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto mb-6"
           >
-            <span className="text-foreground/80">{t('landing.hero.subheading')}</span>
+            <span className="text-foreground/80">
+              {(() => {
+                const subheading = t('landing.hero.subheading');
+                const [first, second] = subheading.split(/\.\s+/);
+                if (second === undefined) return subheading;
+                return (
+                  <>
+                    {first}.<br />
+                    {second}
+                  </>
+                );
+              })()}
+            </span>
           </motion.p>
         </div>