+
+ );
+}
+
+// ─────────────────────────────────────────────────────────────
+// Liquid glass pill — blur + tint + shine
+// ─────────────────────────────────────────────────────────────
+function IOSGlassPill({ children, dark = false, style = {} }) {
+ return (
+
+ {time}
+
+
+
+
+
+
+
+ {/* blur + tint */}
+
+ {/* shine */}
+
+
+ );
+}
+
+// ─────────────────────────────────────────────────────────────
+// Navigation bar — glass pills + large title
+// ─────────────────────────────────────────────────────────────
+function IOSNavBar({ title = 'Title', dark = false, trailingIcon = true }) {
+ const muted = dark ? 'rgba(255,255,255,0.6)' : '#404040';
+ const text = dark ? '#fff' : '#000';
+ const pillIcon = (content) => (
+
+ {children}
+
+
+ {content}
+
+
+
+ );
+}
+
+// ─────────────────────────────────────────────────────────────
+// Grouped list (inset card, r:26) + row (52px)
+// ─────────────────────────────────────────────────────────────
+function IOSListRow({ title, detail, icon, chevron = true, isLast = false, dark = false }) {
+ const text = dark ? '#fff' : '#000';
+ const sec = dark ? 'rgba(235,235,245,0.6)' : 'rgba(60,60,67,0.6)';
+ const ter = dark ? 'rgba(235,235,245,0.3)' : 'rgba(60,60,67,0.3)';
+ const sep = dark ? 'rgba(84,84,88,0.65)' : 'rgba(60,60,67,0.12)';
+ return (
+
+ {/* back chevron */}
+ {pillIcon(
+
+ )}
+ {/* trailing ellipsis */}
+ {trailingIcon && pillIcon(
+
+ )}
+
+ {/* large title */}
+ {title}
+
+ {icon && (
+
+ )}
+
+ );
+}
+
+function IOSList({ header, children, dark = false }) {
+ const hc = dark ? 'rgba(235,235,245,0.6)' : 'rgba(60,60,67,0.6)';
+ const bg = dark ? '#1C1C1E' : '#fff';
+ return (
+ {title}
+ {detail && {detail}}
+ {chevron && (
+
+ )}
+ {!isLast && (
+
+ )}
+
+ {header && (
+
+ );
+}
+
+// ─────────────────────────────────────────────────────────────
+// Device frame
+// ─────────────────────────────────────────────────────────────
+function IOSDevice({
+ children, width = 402, height = 874, dark = false,
+ title, keyboard = false,
+}) {
+ return (
+ {header}
+ )}
+ {children}
+
+ {/* dynamic island */}
+
+ {/* status bar (absolute) */}
+
+ );
+}
+
+// ─────────────────────────────────────────────────────────────
+// Keyboard — iOS 26 liquid glass
+// ─────────────────────────────────────────────────────────────
+function IOSKeyboard({ dark = false }) {
+ const glyph = dark ? 'rgba(255,255,255,0.7)' : '#595959';
+ const sugg = dark ? 'rgba(255,255,255,0.6)' : '#333';
+ const keyBg = dark ? 'rgba(255,255,255,0.22)' : 'rgba(255,255,255,0.85)';
+
+ // special-key icons
+ const icons = {
+ shift: ,
+ del: ,
+ ret: ,
+ };
+
+ const key = (content, { w, flex, ret, fs = 25, k } = {}) => (
+
+
+ {/* nav + content */}
+
+ {title !== undefined &&
+ {/* home indicator — always on top */}
+ {children}
+ {keyboard &&
+
+
+ {content}
+ );
+
+ const row = (keys, pad = 0) => (
+
+ {keys.map(l => key(l, { flex: true, k: l }))}
+
+ );
+
+ return (
+
+ {/* liquid glass bg — same recipe as nav pills */}
+
+
+
+ {/* autocorrect bar */}
+
+ );
+}
+
+Object.assign(window, {
+ IOSDevice, IOSStatusBar, IOSNavBar, IOSGlassPill, IOSList, IOSListRow, IOSKeyboard,
+});
diff --git a/PetFolio Redesign/Care Redesign/screenshots/badge.png b/PetFolio Redesign/Care Redesign/screenshots/badge.png
new file mode 100644
index 0000000..25f6a32
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/badge.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/confetti.png b/PetFolio Redesign/Care Redesign/screenshots/confetti.png
new file mode 100644
index 0000000..0decc8a
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/confetti.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/dark.png b/PetFolio Redesign/Care Redesign/screenshots/dark.png
new file mode 100644
index 0000000..f8fa512
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/dark.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/lower.png b/PetFolio Redesign/Care Redesign/screenshots/lower.png
new file mode 100644
index 0000000..29a065b
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/lower.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/lower2.png b/PetFolio Redesign/Care Redesign/screenshots/lower2.png
new file mode 100644
index 0000000..341ab65
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/lower2.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/lower3.png b/PetFolio Redesign/Care Redesign/screenshots/lower3.png
new file mode 100644
index 0000000..b80644a
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/lower3.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/lower4.png b/PetFolio Redesign/Care Redesign/screenshots/lower4.png
new file mode 100644
index 0000000..9e7fc5c
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/lower4.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/trophy.png b/PetFolio Redesign/Care Redesign/screenshots/trophy.png
new file mode 100644
index 0000000..39bee06
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/trophy.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/trophy2.png b/PetFolio Redesign/Care Redesign/screenshots/trophy2.png
new file mode 100644
index 0000000..1a9091d
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/trophy2.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/tweaks.png b/PetFolio Redesign/Care Redesign/screenshots/tweaks.png
new file mode 100644
index 0000000..db61fe2
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/tweaks.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/tweaks2.png b/PetFolio Redesign/Care Redesign/screenshots/tweaks2.png
new file mode 100644
index 0000000..60132f3
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/tweaks2.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/tweaks3.png b/PetFolio Redesign/Care Redesign/screenshots/tweaks3.png
new file mode 100644
index 0000000..9259e23
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/tweaks3.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/v1.png b/PetFolio Redesign/Care Redesign/screenshots/v1.png
new file mode 100644
index 0000000..7e5424c
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/v1.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/v2.png b/PetFolio Redesign/Care Redesign/screenshots/v2.png
new file mode 100644
index 0000000..7e5424c
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/v2.png differ
diff --git a/PetFolio Redesign/Care Redesign/screenshots/v3.png b/PetFolio Redesign/Care Redesign/screenshots/v3.png
new file mode 100644
index 0000000..29a065b
Binary files /dev/null and b/PetFolio Redesign/Care Redesign/screenshots/v3.png differ
diff --git a/PetFolio Redesign/README.md b/PetFolio Redesign/README.md
new file mode 100644
index 0000000..899ddd5
--- /dev/null
+++ b/PetFolio Redesign/README.md
@@ -0,0 +1,22 @@
+# CODING AGENTS: READ THIS FIRST
+
+This is a **handoff bundle** from Claude Design (claude.ai/design).
+
+A user mocked up designs in HTML/CSS/JS using an AI design tool, then exported this bundle so a coding agent can implement the designs for real.
+
+## What you should do — IMPORTANT
+
+**Read `PetFolio Redesign/Care Redesign/Care Redesign.html` in full.** The user had this file open when they triggered the handoff, so it's almost certainly the primary design they want built. Read it top to bottom — don't skim. Then **follow its imports**: open every file it pulls in (shared components, CSS, scripts) so you understand how the pieces fit together before you start implementing.
+
+**If anything is ambiguous, ask the user to confirm before you start implementing.** It's much cheaper to clarify scope up front than to build the wrong thing.
+
+## About the design files
+
+The design medium is **HTML/CSS/JS** — these are prototypes, not production code. Your job is to **recreate them pixel-perfectly** in whatever technology makes sense for the target codebase (React, Vue, native, whatever fits). Match the visual output; don't copy the prototype's internal structure unless it happens to fit.
+
+**Don't render these files in a browser or take screenshots unless the user asks you to.** Everything you need — dimensions, colors, layout rules — is spelled out in the source. Read the HTML and CSS directly; a screenshot won't tell you anything they don't.
+
+## Bundle contents
+
+- `petfolio-redesign/README.md` — this file
+- `petfolio-redesign/project/` — the `PetFolio Redesign` project files (HTML prototypes, assets, components)
diff --git a/README.md b/README.md
index eea797e..fb329f0 100644
--- a/README.md
+++ b/README.md
@@ -74,3 +74,46 @@ flutter build apk --release --dart-define-from-file=.env
## Architecture
Feature-first structure under `lib/features/`. Core shared code in `lib/core/`. See [CLAUDE.md](CLAUDE.md) and [docs/](docs/) for full architecture, schema, and implementation status.
+
+## Pending: Kotlin Gradle Plugin (KGP) Migration
+
+Flutter 3.44 introduced built-in Kotlin support in AGP, deprecating the explicit `id("kotlin-android")` + `kotlinOptions {}` pattern. The app and several plugins need to migrate before AGP 9.0 enforces the change.
+
+**Current workaround** — `android/gradle.properties` holds two compat flags added by the Flutter migrator:
+
+```properties
+android.builtInKotlin=false
+android.newDsl=false
+```
+
+These suppress build failures today but will be removed in a future Flutter release.
+
+**Blocked on these plugins releasing KGP-migrated versions:**
+
+| Plugin | Status |
+|---|---|
+| `image_picker_android` | Awaiting upstream release |
+| `shared_preferences_android` | Awaiting upstream release |
+| `url_launcher_android` | Awaiting upstream release |
+| `share_plus` | Awaiting upstream release |
+| `stripe_android` | Awaiting upstream release |
+
+**Migration steps (do all at once, after all plugins above are updated):**
+
+1. `flutter pub upgrade` — pull in the migrated plugin versions
+2. In `android/app/build.gradle.kts`:
+ - Remove `id("kotlin-android")` from the `plugins {}` block
+ - Replace `kotlinOptions { jvmTarget = ... }` inside `android {}` with:
+ ```kotlin
+ kotlin {
+ compilerOptions {
+ jvmTarget = org.jetbrains.kotlin.gradle.dsl.JvmTarget.JVM_17
+ }
+ }
+ ```
+3. In `android/gradle.properties`, delete (or flip to `true`) both compat flags:
+ ```properties
+ android.builtInKotlin=true
+ android.newDsl=true
+ ```
+4. Run `flutter build apk --debug` to confirm a clean build.
diff --git a/android/gradle.properties b/android/gradle.properties
index fbee1d8..d5da727 100644
--- a/android/gradle.properties
+++ b/android/gradle.properties
@@ -1,2 +1,6 @@
org.gradle.jvmargs=-Xmx8G -XX:MaxMetaspaceSize=4G -XX:ReservedCodeCacheSize=512m -XX:+HeapDumpOnOutOfMemoryError
android.useAndroidX=true
+# This builtInKotlin flag was added automatically by Flutter migrator
+android.builtInKotlin=false
+# This newDsl flag was added automatically by Flutter migrator
+android.newDsl=false
diff --git a/lib/core/services/notification_service.dart b/lib/core/services/notification_service.dart
index aed776b..50ba796 100644
--- a/lib/core/services/notification_service.dart
+++ b/lib/core/services/notification_service.dart
@@ -24,7 +24,7 @@ class NotificationService {
);
await _plugin.initialize(
- const InitializationSettings(android: androidSettings, iOS: iosSettings),
+ settings: const InitializationSettings(android: androidSettings, iOS: iosSettings),
);
final androidPlugin =
@@ -76,20 +76,18 @@ class NotificationService {
);
await _plugin.zonedSchedule(
- _idFor(taskId),
- 'Care Reminder',
- title,
- scheduled,
- NotificationDetails(android: androidDetails),
+ id: _idFor(taskId),
+ title: 'Care Reminder',
+ body: title,
+ scheduledDate: scheduled,
+ notificationDetails: NotificationDetails(android: androidDetails),
androidScheduleMode: AndroidScheduleMode.exactAllowWhileIdle,
matchDateTimeComponents: repeating ? DateTimeComponents.time : null,
- uiLocalNotificationDateInterpretation:
- UILocalNotificationDateInterpretation.absoluteTime,
);
}
Future
+ {['"The"', 'the', 'to'].map((w, i) => (
+
+ {i > 0 && }
+
+ ))}
+
+
+ {/* key layout */}
+ {w}
+
+ {row(['q','w','e','r','t','y','u','i','o','p'])}
+ {row(['a','s','d','f','g','h','j','k','l'], 20)}
+
+
+ {/* bottom spacer (emoji+mic area, icons omitted) */}
+
+
+ {key(icons.shift, { w: 45, k: 'shift' })}
+
+
+ {['z','x','c','v','b','n','m'].map(l => key(l, { flex: true, k: l }))}
+
+ {key(icons.del, { w: 45, k: 'del' })}
+
+ {key('ABC', { w: 92.25, fs: 18, k: 'abc' })}
+ {key('', { flex: true, k: 'space' })}
+ {key(icons.ret, { w: 92.25, ret: true, k: 'ret' })}
+
+ 
',
+ '',
+ '',
+ ].join('');
+
+ document.body.appendChild(banner);
+
+ document.getElementById('pwa-banner-close').addEventListener('click', function () {
+ try { localStorage.setItem('pwa_banner_dismissed', '1'); } catch (_) {}
+ banner.style.animation = 'slideUp .25s cubic-bezier(.16,1,.3,1) reverse both';
+ setTimeout(function () { banner.remove(); }, 280);
+ });
+}());