Changelog

Preset gallery: thumbnail cap 3 radial-gradient layer (dari 4-8) + content-visibility auto → hanya tiles yang visible di paint, hemat compositor cost.

RAF loop mesh canvas: pakai ref untuk latest inputs — ga tear-down + rebuild tiap point drag / slider. Loop lifecycle sekarang ownership by animate toggle only.

Static (non-animate) render: batch via requestAnimationFrame — drag point 60+ event/sec sekarang collapse ke 1 draw per frame, main thread ga saturate.

Default blurAmount 0.15 → 0.0 — blur 9-tap × N points × 720² ≈ 37M ops/frame, terlalu berat kalau default on. Opt-in via slider.

Gradient drift animation — shader pointPos(i) pakai simplex noise per-index, RAF loop di canvas. Kontrol Play/Pause + Speed (0-3) + Amplitude (0-0.15).

Preset gallery: 24 curated mesh gradient (Sunset Linen, Aurora Dusk, Candy Pop, Neon Noir, Jade Mist, dst) dengan tag filter (warm/cool/vivid/soft/dark/moody/brand/earthy/natural/playful/editorial). Klik untuk load.

Share link untuk mesh gradient: dokumen di-encode ke base64url (compact tuple, <400 char untuk 6-point). Copy Link button + auto-load di /gradient?d=… lalu strip param.

Randomize button: palette harmonis (analogous/triadic OKLCH) + posisi dalam soft disk + warp acak (curated, skip rows/columns) + blur/noise/seed baru — one-click surprise.

From-photo point count picker (n=4..10) sebelum extract palette dari gambar.

SEO pack: sitemap.xml (12 URLs), robots.txt, metadata OpenGraph + Twitter + keywords di root layout, metadata spesifik di halaman gradient.

Store version bump v3 → v4, migrate tambah animate/animSpeed/animAmp default.

.gitignore include *.tsbuildinfo (housekeeping).

Mesh shader jalur Soft/Sharp Bézier di-refactor ke single-pass Gaussian falloff blend di sRGB langsung (bukan lagi triangulated OKLab), per refactor-plan-photogradient.md — target photographic "washy" look ala photogradient.com.

9-tap Gaussian blur pass (kernel 1-2-1 / 2-4-2 / 1-2-1 ÷ 16) — slider Blur 0..1 melembutkan tepi antar blob.

Weight normalize ke 1 — no lagi bg-mixing di titik dengan presence rendah. "Putih di tengah" hilang total: tiap pixel selalu punya warna terdefinisi dari sum(weights).

Image-to-gradient signature Photogradient: extract palette + posisi dari foto. Jitter grid N×M, median-of-9 patch per cell, ΔRGB² de-dup 900.

Sharp Bézier variant: pertahankan bump contrast + saturation (mix gray 1.15, gamma 0.94) di atas basis Gaussian.

Renderer tidak lagi re-triangulate tiap draw — dragging point jadi lebih ringan.

Store version bump v2 → v3, tambah blurAmount default 0.15.

Harmony color list: per-warna Lock button (icon lock/unlock) + edit swatch (klik untuk color picker) + reset per-slot + Reset All. Base warna default terkunci (marker · base).

Bug harmony: geser slider Saturation dulu bikin base warna ikut bergeser dan tak bisa reset — sekarang base anchored ke input awal, slider tidak menyentuh warna yang di-lock.

Studio Color Input: CopyButton compact + min-w-0 pada input col + preview col min 180px — button copy tidak lagi ketumpuk preview di xl breakpoint dengan aside aktif.

Studio Color Info: Row grid label 80px → 64px + value col min-w-0 + copy shrink-0 — copy button tetap visible untuk value panjang (OKLCH).

Mesh preview: pointer drag vertikal dihitung dari container yang termasuk hint text — 6% off horizontal, hingga 15% off di mobile (hint wrap). Sekarang pakai previewRef exact.

Mesh point row: layout diubah ke 2-baris (swatch+hex+action di atas, X+Y slider di bawah). Tombol Delete + Duplicate + Copy tidak lagi tertutup keluar viewport di aside 420px.

Blending pindah ke linear-light (sRGB → linear → blend → sRGB). Midtone antar warna kontras tidak lagi muddy — kualitas smooth naik drastis, target PhotoGradient.

Warp frequency multiplier ×6 → ×2 — warp lebih flowing & organic, tidak lagi choppy.

Simple style: dari 1/d² (hot-spot) ke linear-clamped falloff (blob halus).

Soft Bézier sigma 0.22 → 0.30, Sharp 0.18 → 0.24 — transisi lebih silky.

Simplex noise: ganti dari compact approximation ke Ashima-style dengan normalized gradient vectors — tidak ada blocky patch.

Soft/Sharp sekarang blend proportional ke background (dulu selalu penuh warna).

FBM 6 → 4 octaves — kurangi high-freq detail yang bikin gritty.

Domain warping feedback 4× → 2× — kurangi over-twist.

Sharp vibrancy 1.08 → 1.03 — tidak lagi over-saturated di edge.

Mesh Static & Mesh Grid: bilinear pakai quintic smoothstep — bebas visual step.

WebGL fragment shader mesh gradient — pipeline point-based interpolation di coordinate space (bukan CSS radial layers), sesuai spec PhotoGradient research.

5 gradient style asli: Simple, Soft Bézier (Gaussian), Sharp Bézier, Mesh Static (3×3 bilinear), Mesh Grid (position-mapped 3×3).

14 warp shape: Flat, Simplex, Circular, Value Noise, Worley, FBM, Voronoi, Domain Warping, Waves, Smooth Noise, Oval, Rows, Columns, Gravity — semua nyata di shader, bukan label kosong.

Kontrol independen: Warp Amount (0-1.5), Warp Scale (0-3), Noise Amount (0-0.15). Tidak lagi terkopel.

Engine toggle: Mesh (GPU) vs CSS Gradient (linear/radial/conic).

Point editor baru: stable IDs, semua 1-10 point draggable, no implicit last-item-as-base. Property backgroundColor eksplisit terpisah.

Point actions: add, remove, duplicate, randomize positions (seeded), reseed warp. Keyboard nudge (arrow keys, shift = 5×).

Preview & PNG export dari renderer WebGL yang sama — hasil match 1:1. Export scale 1× / 2× / 3× / 4×.

Aspect-correct metric — 1:1, 16:9, 9:16 tidak stretch.

CSS engine dipertahankan sebagai kemampuan tambahan (linear/radial/conic) — bukan dicampur dengan mesh.

Freeform CSS radial layers lama (blob spotlight) — diganti mesh shader.

Warp Shape dropdown dulu label saja — sekarang tiap shape terhubung ke fungsi GLSL yang berbeda.

Semua point terlihat & bisa digeser — tidak ada handle yang hilang.

Halaman baru Gradient Studio (/gradient) — 4 mode: Linear, Radial, Conic, Freeform (mesh).

Linear/Conic: angle dial 0-360°, drag atau ketik nilai.

Radial: position X/Y + circle/ellipse.

Freeform: drag color points langsung di canvas, double-click untuk tambah.

Multi-color stops (2-8), add/remove/swap (jika 2 warna) & reverse.

12 warp shape preset (Sharp/Soft Bezier, Mesh Static/Grid, Waves, Smooth Noise, Oval, Rows, Columns, Flat, Gravity).

Warp intensity + Warp Size + Noise sliders (SVG feTurbulence + feDisplacementMap).

Preset ukuran (1:1, 16:9, 9:16, 4:3, 3:4, 2:1) + custom W×H.

Export: Copy CSS, download .css, download PNG (native size).

Persistent state via localStorage.

Studio: ColorInput internal grid pindah ke xl breakpoint — tidak lagi tergencet di iPad Mini landscape 1024px dengan sidebar aktif.

Sidebar sekarang aktif di lg+ (1024px+). Tablet portrait (< 1024px) pakai drawer touch-friendly — sebelumnya sidebar ambil space terlalu banyak di 768px.

Palette Generator swap breakpoint md → lg: swatch stack vertikal di semua tablet portrait, horizontal cuma di desktop.

Palette Generator: swatch controls (lock/remove/set base) sekarang visible di touch device (`@media (hover: none)` override) — sebelumnya tersembunyi karena depend pada hover.

Palette Generator: teks & ikon di dalam swatch otomatis kontras — putih untuk background gelap, near-black untuk background terang. Ganti dari mix-blend-mode difference yang tak konsisten.

Hover icon di swatch pakai overlay warna sendiri, bukan bleed.

Color wheel di Harmony: size 280 di mobile (dari 320) supaya muat viewport 375px.

Saved palette row: stack vertikal di mobile, actions wrap ke bawah — tidak lagi overflow.

Palette Generator mobile: swatch stack vertikal (a la Coolors) — hex besar + action icons kelihatan langsung tanpa hover.

Method chips scrollable horizontal di mobile.

Toolbar Generate/Add/Undo/Redo/Export lebih compact — icon-only di mobile, label muncul di sm↑.

Drag-and-drop pakai rectSortingStrategy — support vertikal (mobile) + horizontal (desktop).

Mobile: dari bottom tab bar → hamburger + slide-in drawer 320px. Muat 8 tool tanpa scroll, grouping Design / Analysis / Personal.

Mobile top bar: hamburger + logo + active color chip (link ke studio).

Drawer footer: active color widget + theme toggle + link changelog — konsisten dengan desktop.

Backdrop tap + ESC untuk close drawer, body scroll locked ketika terbuka.

MobileNav (floating pill tab bar) — konten mobile jadi lebih lega.

Bottom nav mobile: floating pill dark dengan active item terangkat (raised) + accent orange, halus animasinya.

Label aktif floating di atas pill nav mobile.

Auto-scroll ke item aktif kalau navnya panjang.

Page transition animation (slide-up + fade) tiap pindah menu.

Main content mobile sekarang center dengan max-width wrapper — tidak lagi shift ke kiri.

Padding bawah cukup untuk mobile floating nav (pb-28).

Semua reference Piranusa dari UI (bukan project brand).

Koboyo hand-drawn illustrations di landing hero (sparkles, brush, rainbow, droplet) — memberi karakter tanpa mengganggu warna user.

Empty state di Saved & Collections pakai folder illustration.

Changelog page dapat rocket illustration di intro.

404 page dapat magnifying-glass illustration.

Landing page: logo brand ditampilkan besar, tombol what's new link ke /changelog.

Logo & favicon brand baru (color orb blue-magenta).

Halaman changelog — track apa saja yang berubah tiap versi.

Sidebar dibersihkan: logo di header, active color hanya di footer.

Accent color tetap #f57f20 (orange) — tidak lagi ikut base color agar selalu terlihat di light & dark.

Transisi tema halus: circular reveal (View Transitions API) + fallback CSS 480ms.

Sidebar sticky full-height, hanya main content yang scroll.

Pantone matcher: 120 curated PMS colors (Solid Coated / Fashion TPX / Metallic) dengan Delta E 2000 nearest match.

Sidebar base color inline picker + hex input + copy.

Color Names dikelompokkan 10 group (Red/Pink/Orange/Yellow/Green/Blue/Purple/Brown/White/Gray) dengan filter chip & sticky header.

Image Picker: toggle Add / Move mode — drag pin tidak lagi tambah pin baru.

Image Picker: koordinat pin sekarang tepat di pixel yang di-klik.

Color Studio: multi-format input HEX/RGB/HSL/HSV/OKLCH/CMYK real-time sync, info panel lengkap.

Color Harmony Explorer: 9 skema (mono/analog/comp/split/triad/tetra/square/compound/double-split) via wheel interaktif.

Palette Generator: spacebar generate, 12 metode kurasi, lock/edit/drag, undo/redo, export CSS/SCSS/JSON/Tailwind/SVG/PNG.

Image Color Picker: median-cut dominant color extraction (client-side).

Contrast Checker: WCAG 2.2 AA/AAA + CVD simulation + smart recommendations.

Color Library: 147 CSS named colors + curated palettes + nearest color finder + Tailwind-style scale.

Saved & Collections: IndexedDB local-first + share via URL.

Cloudflare Workers API + D1 + KV rate limiting deployed.

PWA installable, offline capable, dark mode.