chore: release v1.18.0 (#365)

* fix: align frontend tube/liquid container semantics

* test(frontend): fix PR #364 CI regressions

.env.example

@@ -11,10 +11,18 @@ PGID=1000
 
 PORT=3000
 CORS_ORIGINS=http://localhost:4174
-LOG_LEVEL=info
+LOG_LEVEL=warn
 # Levels: debug, info, warn, error, silent
 # Controls: backend Fastify logging, frontend nginx access logs (Docker),
 #           and frontend browser console (via build-time injection)
+#
+# Behavior per level:
+#   debug  — all app logs + all HTTP request logs (including polling endpoints)
+#   info   — all app logs + HTTP request logs, EXCEPT high-frequency polling
+#            (GET /doses/taken, GET /share/:token/doses, GET /health are hidden)
+#   warn   — only warnings and errors
+#   error  — only errors
+#   silent — no logs
 
 # Rate limit: max requests per minute per IP (default: 100)
 # Increase for development/testing environments
@@ -32,6 +40,9 @@ AUTH_ENABLED=false
 # Allow new user registrations (auto-enabled when no users exist)
 # REGISTRATION_ENABLED=false
 
+# Disable username/password form login (useful for OIDC-only setups)
+# FORM_LOGIN_ENABLED=true
+
 # JWT Secrets - REQUIRED when AUTH_ENABLED=true
 # Generate with: openssl rand -hex 32
 # JWT_SECRET=

.github/agents/principal-software-engineer.agent.md

@@ -0,0 +1,42 @@
+---
+description: 'Provide principal-level software engineering guidance with focus on engineering excellence, technical leadership, and pragmatic implementation.'
+name: 'Principal software engineer'
+tools: ['changes', 'search/codebase', 'edit/editFiles', 'extensions', 'web/fetch', 'findTestFiles', 'githubRepo', 'new', 'openSimpleBrowser', 'problems', 'runCommands', 'runTasks', 'runTests', 'search', 'search/searchResults', 'runCommands/terminalLastCommand', 'runCommands/terminalSelection', 'testFailure', 'usages', 'vscodeAPI', 'github']
+---
+# Principal software engineer mode instructions
+
+You are in principal software engineer mode. Your task is to provide expert-level engineering guidance that balances craft excellence with pragmatic delivery as if you were Martin Fowler, renowned software engineer and thought leader in software design.
+
+## Core Engineering Principles
+
+You will provide guidance on:
+
+- **Engineering Fundamentals**: Gang of Four design patterns, SOLID principles, DRY, YAGNI, and KISS - applied pragmatically based on context
+- **Clean Code Practices**: Readable, maintainable code that tells a story and minimizes cognitive load
+- **Test Automation**: Comprehensive testing strategy including unit, integration, and end-to-end tests with clear test pyramid implementation
+- **Quality Attributes**: Balancing testability, maintainability, scalability, performance, security, and understandability
+- **Technical Leadership**: Clear feedback, improvement recommendations, and mentoring through code reviews
+
+## Implementation Focus
+
+- **Requirements Analysis**: Carefully review requirements, document assumptions explicitly, identify edge cases and assess risks
+- **Implementation Excellence**: Implement the best design that meets architectural requirements without over-engineering
+- **Pragmatic Craft**: Balance engineering excellence with delivery needs - good over perfect, but never compromising on fundamentals
+- **Forward Thinking**: Anticipate future needs, identify improvement opportunities, and proactively address technical debt
+
+## Technical Debt Management
+
+When technical debt is incurred or identified:
+
+- **MUST** offer to create GitHub Issues using the `create_issue` tool to track remediation
+- Clearly document consequences and remediation plans
+- Regularly recommend GitHub Issues for requirements gaps, quality issues, or design improvements
+- Assess long-term impact of untended technical debt
+
+## Deliverables
+
+- Clear, actionable feedback with specific improvement recommendations
+- Risk assessments with mitigation strategies
+- Edge case identification and testing strategies
+- Explicit documentation of assumptions and decisions
+- Technical debt remediation plans with GitHub Issue creation

.github/agents/release-manager.agent.md

@@ -12,11 +12,14 @@ You are the release manager for **MedAssist-ng**. Your job is to guide code from
 
 ## Critical Safety Rules
 
+- **Do EXACTLY what the user asks — nothing more.** If the user says "create a PR and merge to main", do only that. Do NOT also start a release. If the user says "do a release", do only the release. Never chain additional steps the user did not request.
 - **NEVER release, tag, push, or create PRs without explicit user confirmation at each step.** Always present your plan and wait for approval.
 - **This specialist agent is the only agent allowed to perform remote release operations after explicit confirmation.**
 - **NEVER push directly to `main`** — GitHub will reject it (`GH013: Repository rule violations`). All changes go through Pull Requests.
 - **NEVER skip CI checks.** Wait for all status checks to pass before merging.
 - **Testing ownership belongs to `@testing-manager`**. Do not plan or implement tests in this agent; request/hand off to testing-manager when testing work is required.
+- **Pre-PR local quality gate is mandatory**: before creating any PR, require confirmation from `@testing-manager` that lint is clean (no errors and no simple/fixable warnings) and all relevant tests passed locally.
+- **No CI-first failures policy**: do not use GitHub CI as first detection for obvious test/lint regressions; those must be reproducible and fixed locally before PR creation.
 - **Track all work in the GitHub Project board.** Every PR should reference an issue. Move issues through the board as work progresses.
 - **ALWAYS verify Project board status after merge.** The `project-auto-done.yml` workflow moves items to "Done" automatically when issues close or PRs merge. Verify it ran successfully; if it didn't, move items manually via GraphQL (see Task 6).
 
@@ -119,7 +122,9 @@ When code changes (features or bug fixes) are complete:
 ### Step 1: Verify Readiness
 
 1. Check for uncommitted changes: `git status`
-2. Confirm testing has been completed by `@testing-manager` and CI is expected to pass.
+2. Confirm testing has been completed by `@testing-manager`.
+3. Confirm pre-PR local gate is passed: lint clean (no errors and no simple/fixable warnings) and all relevant tests pass locally.
+4. Only after local gate is confirmed, proceed to push/create PR and then monitor CI.
 
 ### Step 2: Create Feature Branch
 
@@ -140,11 +145,12 @@ When code changes (features or bug fixes) are complete:
 
 ### Step 3: Push and Create PR
 
-1. Push the branch:
+1. Re-check local gate status before push/PR creation (lint + relevant local tests green).
+2. Push the branch:
    ```bash
    git push -u origin feat/short-description
    ```
-2. Create a Pull Request via GitHub CLI with **all metadata fields populated**:
+3. Create a Pull Request via GitHub CLI with **all metadata fields populated**:
    ```bash
    gh pr create \
      --title "fix: short description" \
@@ -158,7 +164,7 @@ When code changes (features or bug fixes) are complete:
    - Use `--label enhancement` for `feat/` branches, `--label bug` for `fix/` branches, `--label documentation` for `docs/` branches.
    - Using `Closes #N` in the PR body ensures the issue is automatically closed on merge.
    - The `--project` flag links the PR to the Project board.
-3. **Present the PR URL to the user and wait for confirmation.**
+4. **Present the PR URL to the user and wait for confirmation.**
 
 ### Step 4: Wait for CI and Merge
 

.github/agents/testing-manager.agent.md

@@ -14,12 +14,17 @@ You are the testing manager for **MedAssist-ng**. Your job is to ensure every fe
 
 - **Tests are mandatory**: Every new feature and every bug fix MUST have corresponding tests.
 - **Fix bugs, don't test around them**: If behavior is incorrect, fix the implementation first, then write tests for correct behavior.
+- **Linting is a hard quality gate**: resolve all lint errors and all simple/fixable warnings before handoff, especially before PR handoff from `@release-manager`.
+- **Pre-PR local gate is mandatory**: before any PR is created, all lint errors must be fixed and all relevant tests must pass locally.
+- **No CI-first failures**: tests must fail locally when broken and be fixed locally before PR handoff; do not rely on GitHub CI to discover obvious regressions.
 - **Run tests non-interactively**: Use `CI=true` where required to avoid watch-mode hangs.
 - **Playwright must disable auto-open reports**: Always prefix Playwright runs with `PLAYWRIGHT_HTML_OPEN=never`.
 - **Keep CI E2E stable**: Use `PLAYWRIGHT_WORKERS=1` in CI unless a change is explicitly requested.
 - **Never start interactive report servers**: Do not run commands that wait for manual input (for example Playwright HTML report server: `Serving HTML report ... Press Ctrl+C to quit`). Always use finite, non-interactive commands and reporters.
 - **No remote git operations**: Do not push, merge, create PRs, tags, or releases. Hand over to `@release-manager` when ready.
 - **Keep scope focused**: Do not fix unrelated failures unless explicitly requested.
+- **Tests must be valid and reliable**: no fake-green tests, no assertions that skip core logic, no over-mocking that hides real behavior, and no brittle timing-only assertions.
+- **Regression prevention is mandatory**: every fixed bug must get a deterministic regression test that fails before the fix and passes after it.
 
 ## CI/CD Ownership Boundary
 
@@ -29,9 +34,9 @@ You are the testing manager for **MedAssist-ng**. Your job is to ensure every fe
 
 ## Test Stack & Locations
 
-- **Backend**: Vitest 2.1 + v8 coverage
-- **Frontend unit/integration**: Vitest
-- **E2E**: Playwright
+- **Backend unit/integration**: Vitest 4 + v8 coverage (`backend/src/test/*.test.ts`)
+- **Frontend unit/integration**: Vitest 4 + Testing Library (`frontend/src/test/**`)
+- **Frontend E2E**: Playwright (`frontend/e2e/**`) using stable config for CI-like runs
 
 Primary locations:
 
@@ -45,22 +50,41 @@ Primary locations:
 2. Add/update tests near the affected feature.
 3. Run the smallest relevant subset first.
 4. Expand to broader suites if subset passes.
-5. Report what was run, what passed, and any remaining known failures.
+5. Run lint + required local test/build gates before PR handoff.
+6. Report what was run, what passed, and any remaining known failures.
+
+## Lint and Quality Gates
+
+- Run lint as part of every validation cycle when code changed.
+- Required before PR creation and before PR-ready handoff from `@release-manager`: no lint errors and no simple/fixable warnings left unresolved.
+- If lint fails, fix root causes first, then re-run affected tests.
+- Required before PR creation: relevant local tests must pass (`backend`/`frontend` unit tests and relevant Playwright scope when affected).
+- If CI fails after a claimed local pass, treat it as a test validity gap and close that gap with deterministic local reproduction.
+
+Recommended commands:
+
+```bash
+npm run lint
+cd backend && npm run check
+cd frontend && npm run check
+```
 
 ## Commands
 
 ### Backend
 
 ```bash
-cd backend && CI=true npm test
+cd backend && CI=true npm run test:run
 cd backend && CI=true npm run test:coverage
-cd backend && CI=true npm test -- -t "test name"
+cd backend && CI=true npm run test:run -- -t "test name"
 ```
 
 ### Frontend
 
 ```bash
-cd frontend && CI=true npm test
+cd frontend && CI=true npm run test:run
+cd frontend && CI=true npm run test:coverage
+cd frontend && CI=true npm run test:run -- -t "test name"
 cd frontend && npm run lint
 cd frontend && npm run build
 ```
@@ -69,6 +93,7 @@ cd frontend && npm run build
 
 ```bash
 cd frontend && PLAYWRIGHT_HTML_OPEN=never npm run test:e2e
+cd frontend && PLAYWRIGHT_HTML_OPEN=never PLAYWRIGHT_WORKERS=1 npm run test:e2e -- --workers=1
 cd frontend && PLAYWRIGHT_HTML_OPEN=never PLAYWRIGHT_WORKERS=4 npm run test:e2e:local
 cd frontend && PLAYWRIGHT_HTML_OPEN=never npm run test:e2e -- --project=chromium
 # Never use interactive UI/headed/report-server commands in agent runs.
@@ -81,6 +106,7 @@ cd frontend && PLAYWRIGHT_HTML_OPEN=never npm run test:e2e -- --project=chromium
 - Validate both status codes and response payloads.
 - Add regression tests for every fixed bug.
 - Keep tests deterministic and isolated.
+- Validate observable behavior, not implementation details.
 
 ## E2E Test Patterns
 
@@ -88,6 +114,15 @@ cd frontend && PLAYWRIGHT_HTML_OPEN=never npm run test:e2e -- --project=chromium
 - Avoid flaky timing assumptions; prefer waiting for concrete UI states.
 - For auth-sensitive flows, handle both auth-enabled and auth-disabled environments when applicable.
 - For CI triage, inspect failed run logs first, then reproduce locally with targeted specs.
+- Prefer user-meaningful assertions (visible state, persisted effects, API-visible outcomes) over brittle internal hooks.
+
+## Test Validity Checklist
+
+- The test fails when the real target logic is intentionally broken.
+- The assertion verifies functional behavior, not just mocked calls.
+- Mocks/stubs are minimal and do not replace the unit under test.
+- The test is deterministic across repeated local and CI runs.
+- The test protects against the specific regression that was fixed.
 
 ## CI Failure Triage
 
@@ -118,6 +153,9 @@ When test checks fail:
 Testing work is complete when:
 
 - Required tests exist and validate intended behavior.
+- Tests are proven valid (not fake-green) and reliable.
+- Lint is clean: no errors and no simple/fixable warnings left.
+- Pre-PR local gate passed: lint and all relevant tests pass locally before handoff for PR creation.
 - Relevant local test commands pass.
 - CI test failures are resolved or clearly documented with rationale.
 - No temporary debugging files remain in the workspace.

.github/copilot-instructions.md

@@ -1,5 +1,11 @@
 # MedAssist-ng - Copilot Entry Point
 
+## VERY IMPORTANT
+
+- Always keep agent work memory updated in `doku/memory_notes.md` so progress and decisions remain recoverable across context loss.
+- Always keep a user-facing work report updated in `doku/report.md` so completed work is easy to review.
+- This memory/report rule replaces the previous `doku/APP_BEHAVIOR.md` persistence requirement.
+
 Use `AGENTS.md` as the single source of truth for all governance, workflow, and skill rules.
 
 ## Required Startup Steps

.github/dependabot.yml

@@ -7,9 +7,11 @@ updates:
     schedule:
       interval: "weekly"
       day: "monday"
+      time: "06:20"
     open-pull-requests-limit: 10
     labels:
       - "dependencies"
+      - "backend"
     groups:
       minor-and-patch:
         update-types:
@@ -22,9 +24,11 @@ updates:
     schedule:
       interval: "weekly"
       day: "monday"
+      time: "06:10"
     open-pull-requests-limit: 10
     labels:
       - "dependencies"
+      - "frontend"
     groups:
       minor-and-patch:
         update-types:
@@ -37,9 +41,16 @@ updates:
     schedule:
       interval: "weekly"
       day: "monday"
+      time: "06:00"
     open-pull-requests-limit: 5
     labels:
       - "dependencies"
+      - "root"
+    groups:
+      minor-and-patch:
+        update-types:
+          - "minor"
+          - "patch"
 
   # GitHub Actions
   - package-ecosystem: "github-actions"
@@ -47,7 +58,13 @@ updates:
     schedule:
       interval: "weekly"
       day: "monday"
+      time: "06:30"
     open-pull-requests-limit: 5
     labels:
       - "dependencies"
       - "ci"
+    groups:
+      minor-and-patch:
+        update-types:
+          - "minor"
+          - "patch"

.github/workflows/dependabot-automerge.yml

@@ -0,0 +1,37 @@
+name: Dependabot Automerge
+
+on:
+  pull_request_target:
+    types:
+      - opened
+      - reopened
+      - synchronize
+      - ready_for_review
+
+permissions:
+  contents: write
+  pull-requests: write
+
+jobs:
+  enable-automerge:
+    if: github.actor == 'dependabot[bot]'
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Read Dependabot metadata
+        id: metadata
+        uses: dependabot/fetch-metadata@v2
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Enable auto-merge for safe updates
+        if: >-
+          (steps.metadata.outputs.package-ecosystem == 'npm' ||
+          steps.metadata.outputs.package-ecosystem == 'github_actions') &&
+          (steps.metadata.outputs.update-type == 'version-update:semver-minor' ||
+          steps.metadata.outputs.update-type == 'version-update:semver-patch')
+        uses: peter-evans/enable-pull-request-automerge@v3
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          pull-request-number: ${{ github.event.pull_request.number }}
+          merge-method: squash

.github/workflows/docker-build.yml

@@ -4,6 +4,12 @@ on:
   push:
     branches: [main]
     tags: ['v*']
+    paths:
+      - 'backend/**'
+      - 'frontend/**'
+      - 'docker-compose.yml'
+      - 'docker-compose.dev.yml'
+      - '.github/workflows/docker-build.yml'
   workflow_dispatch:
     inputs:
       tag:

.github/workflows/e2e.yml

@@ -56,7 +56,7 @@ jobs:
           SESSION_SECRET: e2e-test-session-secret-long-enough
 
       - name: Upload Playwright report
-        uses: actions/upload-artifact@v6
+        uses: actions/upload-artifact@v7
         if: always()
         with:
           name: playwright-report
@@ -64,7 +64,7 @@ jobs:
           retention-days: 7
 
       - name: Upload test results
-        uses: actions/upload-artifact@v6
+        uses: actions/upload-artifact@v7
         if: always()
         with:
           name: playwright-results

.github/workflows/test.yml

@@ -73,7 +73,7 @@ jobs:
         run: npm run test:coverage
 
       - name: Upload coverage report
-        uses: actions/upload-artifact@v6
+        uses: actions/upload-artifact@v7
         if: always()
         with:
           name: backend-coverage
@@ -118,7 +118,7 @@ jobs:
         run: npm run build
 
       - name: Upload coverage report
-        uses: actions/upload-artifact@v6
+        uses: actions/upload-artifact@v7
         if: always()
         with:
           name: frontend-coverage

.gitignore

@@ -82,4 +82,5 @@ Thumbs.db
 .claude/
 AGENTS.md
 docs/TECH_STACK.md
-doku
+doku
+plan

README.md

@@ -10,7 +10,7 @@
 </p>
 
 <p align="center">
-  <img src="https://img.shields.io/badge/React-18-61DAFB?logo=react" alt="React 18" />
+  <img src="https://img.shields.io/badge/React-19-61DAFB?logo=react" alt="React 19" />
   <img src="https://img.shields.io/badge/TypeScript-5-3178C6?logo=typescript" alt="TypeScript" />
   <img src="https://img.shields.io/badge/Fastify-5-000000?logo=fastify" alt="Fastify" />
   <img src="https://img.shields.io/badge/SQLite-Database-003B57?logo=sqlite" alt="SQLite" />
@@ -18,13 +18,13 @@
 </p>
 
 <p align="center">
-  <img src="https://img.shields.io/badge/Backend_Tests-569%2F569-brightgreen?logo=vitest" alt="Backend Tests 454/454" />
-  <img src="https://img.shields.io/badge/Frontend_Tests-771%2F771-brightgreen?logo=vitest" alt="Frontend Tests 611/611" />
+  <img src="https://img.shields.io/badge/Backend_Tests-577%2F577-brightgreen?logo=vitest" alt="Backend Tests 454/454" />
+  <img src="https://img.shields.io/badge/Frontend_Tests-777%2F777-brightgreen?logo=vitest" alt="Frontend Tests 611/611" />
 </p>
 
 ### 🤖 AI-Generated Code
 
-> This app was 100% coded with Claude Opus 4.5. Use at your own risk.
+> This app was 100% coded with [Claude Opus 4.6](https://www.anthropic.com/claude) and [GPT-5.3 Codex](https://openai.com/index/gpt-5/). Use at your own risk.
 
 ### ⚠️ Disclaimer
 
@@ -194,7 +194,7 @@ All configuration is done via environment variables in `.env`. Copy `.env.exampl
 | `PGID` | `1000` | Group ID for container file permissions |
 | `PORT` | `3000` | Backend API port |
 | `CORS_ORIGINS` | `http://localhost:4174` | Allowed origins for CORS |
-| `LOG_LEVEL` | `info` | Log verbosity (`debug`, `info`, `warn`, `error`) |
+| `LOG_LEVEL` | `info` | Log verbosity (`debug`, `info`, `warn`, `error`, `silent`). At `info` (default), high-frequency polling endpoints are suppressed. Set `debug` to see all requests. |
 | `TZ` | `Europe/Berlin` | Timezone for scheduled reminders |
 
 ### Authentication
@@ -326,6 +326,13 @@ npm run test:e2e:all:local  # local all-browser run with PLAYWRIGHT_WORKERS=4
 - CI stays at `PLAYWRIGHT_WORKERS=1` for stability.
 - Data-heavy specs remain sequential via the `chromium-data` project config.
 
+# Dependency Updates
+
+- Dependabot checks dependencies weekly for `frontend`, `backend`, repository root tooling, and GitHub Actions.
+- Minor and patch updates are grouped to reduce PR noise.
+- Dependabot minor/patch PRs are configured for auto-merge after required CI checks pass.
+- Major updates still require manual review before merge.
+
 # Acknowledgements
 
 This project was inspired by [MedAssist](https://github.com/njic/medassist) by njic.

backend/drizzle/0011_stiff_randall_flagg.sql

@@ -0,0 +1,5 @@
+ALTER TABLE `medications` ADD `medication_form` text(20) DEFAULT 'tablet' NOT NULL;--> statement-breakpoint
+ALTER TABLE `medications` ADD `pill_form` text(20);--> statement-breakpoint
+ALTER TABLE `medications` ADD `lifecycle_category` text(30) DEFAULT 'refill_when_empty' NOT NULL;--> statement-breakpoint
+ALTER TABLE `medications` ADD `medication_end_date` text;--> statement-breakpoint
+ALTER TABLE `medications` ADD `auto_mark_obsolete_after_end_date` integer DEFAULT true NOT NULL;

backend/drizzle/meta/_journal.json

@@ -78,6 +78,13 @@
       "when": 1771694832866,
       "tag": "0010_mean_spot",
       "breakpoints": true
+    },
+    {
+      "idx": 11,
+      "version": "6",
+      "when": 1772219947541,
+      "tag": "0011_stiff_randall_flagg",
+      "breakpoints": true
     }
   ]
 }

backend/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "medassist-ng-backend",
-  "version": "1.16.0",
+  "version": "1.17.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "medassist-ng-backend",
-      "version": "1.16.0",
+      "version": "1.17.1",
       "dependencies": {
         "@fastify/cookie": "^11.0.2",
         "@fastify/cors": "^11.2.0",
@@ -28,11 +28,12 @@
       },
       "devDependencies": {
         "@biomejs/biome": "^2.4.4",
-        "@types/node": "^25.3.0",
+        "@types/node": "^25.3.2",
         "@types/nodemailer": "^7.0.11",
-        "@types/supertest": "^6.0.2",
+        "@types/supertest": "^7.2.0",
         "@vitest/coverage-v8": "^4.0.18",
         "drizzle-kit": "^0.31.9",
+        "pino-pretty": "^13.1.3",
         "supertest": "^7.2.2",
         "tsx": "^4.19.0",
         "typescript": "^5.5.4",
@@ -2228,9 +2229,9 @@
       "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.57.1.tgz",
-      "integrity": "sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
+      "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==",
       "cpu": [
         "arm"
       ],
@@ -2242,9 +2243,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.57.1.tgz",
-      "integrity": "sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz",
+      "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==",
       "cpu": [
         "arm64"
       ],
@@ -2256,9 +2257,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.57.1.tgz",
-      "integrity": "sha512-crNPrwJOrRxagUYeMn/DZwqN88SDmwaJ8Cvi/TN1HnWBU7GwknckyosC2gd0IqYRsHDEnXf328o9/HC6OkPgOg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
+      "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
       "cpu": [
         "arm64"
       ],
@@ -2270,9 +2271,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.57.1.tgz",
-      "integrity": "sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz",
+      "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==",
       "cpu": [
         "x64"
       ],
@@ -2284,9 +2285,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.57.1.tgz",
-      "integrity": "sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz",
+      "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==",
       "cpu": [
         "arm64"
       ],
@@ -2298,9 +2299,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.57.1.tgz",
-      "integrity": "sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz",
+      "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==",
       "cpu": [
         "x64"
       ],
@@ -2312,9 +2313,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.57.1.tgz",
-      "integrity": "sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz",
+      "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==",
       "cpu": [
         "arm"
       ],
@@ -2326,9 +2327,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.57.1.tgz",
-      "integrity": "sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz",
+      "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==",
       "cpu": [
         "arm"
       ],
@@ -2340,9 +2341,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.57.1.tgz",
-      "integrity": "sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz",
+      "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==",
       "cpu": [
         "arm64"
       ],
@@ -2354,9 +2355,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.57.1.tgz",
-      "integrity": "sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz",
+      "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==",
       "cpu": [
         "arm64"
       ],
@@ -2368,9 +2369,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.57.1.tgz",
-      "integrity": "sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz",
+      "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==",
       "cpu": [
         "loong64"
       ],
@@ -2382,9 +2383,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.57.1.tgz",
-      "integrity": "sha512-xpObYIf+8gprgWaPP32xiN5RVTi/s5FCR+XMXSKmhfoJjrpRAjCuuqQXyxUa/eJTdAE6eJ+KDKaoEqjZQxh3Gw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz",
+      "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==",
       "cpu": [
         "loong64"
       ],
@@ -2396,9 +2397,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.57.1.tgz",
-      "integrity": "sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz",
+      "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==",
       "cpu": [
         "ppc64"
       ],
@@ -2410,9 +2411,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.57.1.tgz",
-      "integrity": "sha512-NOlUuzesGauESAyEYFSe3QTUguL+lvrN1HtwEEsU2rOwdUDeTMJdO5dUYl/2hKf9jWydJrO9OL/XSSf65R5+Xw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz",
+      "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==",
       "cpu": [
         "ppc64"
       ],
@@ -2424,9 +2425,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.57.1.tgz",
-      "integrity": "sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz",
+      "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==",
       "cpu": [
         "riscv64"
       ],
@@ -2438,9 +2439,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.57.1.tgz",
-      "integrity": "sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz",
+      "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==",
       "cpu": [
         "riscv64"
       ],
@@ -2452,9 +2453,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.57.1.tgz",
-      "integrity": "sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz",
+      "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==",
       "cpu": [
         "s390x"
       ],
@@ -2466,9 +2467,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.57.1.tgz",
-      "integrity": "sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
       "cpu": [
         "x64"
       ],
@@ -2480,9 +2481,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.57.1.tgz",
-      "integrity": "sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
+      "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
       "cpu": [
         "x64"
       ],
@@ -2494,9 +2495,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.57.1.tgz",
-      "integrity": "sha512-H+hXEv9gdVQuDTgnqD+SQffoWoc0Of59AStSzTEj/feWTBAnSfSD3+Dql1ZruJQxmykT/JVY0dE8Ka7z0DH1hw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz",
+      "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==",
       "cpu": [
         "x64"
       ],
@@ -2508,9 +2509,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.57.1.tgz",
-      "integrity": "sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz",
+      "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==",
       "cpu": [
         "arm64"
       ],
@@ -2522,9 +2523,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.57.1.tgz",
-      "integrity": "sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz",
+      "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==",
       "cpu": [
         "arm64"
       ],
@@ -2536,9 +2537,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.57.1.tgz",
-      "integrity": "sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz",
+      "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==",
       "cpu": [
         "ia32"
       ],
@@ -2550,9 +2551,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.57.1.tgz",
-      "integrity": "sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==",
       "cpu": [
         "x64"
       ],
@@ -2564,9 +2565,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.57.1.tgz",
-      "integrity": "sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz",
+      "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==",
       "cpu": [
         "x64"
       ],
@@ -2624,9 +2625,9 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "25.3.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.3.0.tgz",
-      "integrity": "sha512-4K3bqJpXpqfg2XKGK9bpDTc6xO/xoUP/RBWS7AtRMug6zZFaRekiLzjVtAoZMquxoAbzBvy5nxQ7veS5eYzf8A==",
+      "version": "25.3.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.3.2.tgz",
+      "integrity": "sha512-RpV6r/ij22zRRdyBPcxDeKAzH43phWVKEjL2iksqo1Vz3CuBUrgmPpPhALKiRfU7OMCmeeO9vECBMsV0hMTG8Q==",
       "license": "MIT",
       "dependencies": {
         "undici-types": "~7.18.0"
@@ -2656,9 +2657,9 @@
       }
     },
     "node_modules/@types/supertest": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/@types/supertest/-/supertest-6.0.3.tgz",
-      "integrity": "sha512-8WzXq62EXFhJ7QsH3Ocb/iKQ/Ty9ZVWnVzoTKc9tyyFRRF3a74Tk2+TLFgaFFw364Ere+npzHKEJ6ga2LzIL7w==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@types/supertest/-/supertest-7.2.0.tgz",
+      "integrity": "sha512-uh2Lv57xvggst6lCqNdFAmDSvoMG7M/HDtX4iUCquxQ5EGPtaPM5PL5Hmi7LCvOG8db7YaCPNJEeoI8s/WzIQw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2952,9 +2953,9 @@
       }
     },
     "node_modules/bn.js": {
-      "version": "4.12.2",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.2.tgz",
-      "integrity": "sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==",
+      "version": "4.12.3",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.3.tgz",
+      "integrity": "sha512-fGTi3gxV/23FTYdAoUtLYp6qySe2KE3teyZitipKNRuVYcBkoP/bB3guXN/XVKUe9mxCHXnc9C4ocyz8OmgN0g==",
       "license": "MIT"
     },
     "node_modules/brace-expansion": {
@@ -3017,6 +3018,13 @@
         "node": ">=18"
       }
     },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -3161,6 +3169,16 @@
         "node": ">= 12"
       }
     },
+    "node_modules/dateformat": {
+      "version": "4.6.3",
+      "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-4.6.3.tgz",
+      "integrity": "sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -3888,6 +3906,16 @@
         "safe-buffer": "^5.0.1"
       }
     },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
     "node_modules/es-define-property": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
@@ -4025,6 +4053,13 @@
         "node": ">=12.0.0"
       }
     },
+    "node_modules/fast-copy": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/fast-copy/-/fast-copy-4.0.2.tgz",
+      "integrity": "sha512-ybA6PDXIXOXivLJK/z9e+Otk7ve13I4ckBvGO5I2RRmBU1gMHLVDJYEuJYhGwez7YNlYji2M2DvVU+a9mSFDlw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/fast-decode-uri-component": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/fast-decode-uri-component/-/fast-decode-uri-component-1.0.1.tgz",
@@ -4500,6 +4535,13 @@
         "node": ">=18.0.0"
       }
     },
+    "node_modules/help-me": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/help-me/-/help-me-5.0.0.tgz",
+      "integrity": "sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/html-escaper": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
@@ -4611,6 +4653,16 @@
         "url": "https://github.com/sponsors/panva"
       }
     },
+    "node_modules/joycon": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/joycon/-/joycon-3.1.1.tgz",
+      "integrity": "sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/js-base64": {
       "version": "3.7.8",
       "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-3.7.8.tgz",
@@ -4838,9 +4890,9 @@
       "license": "ISC"
     },
     "node_modules/minimatch": {
-      "version": "10.2.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.2.tgz",
-      "integrity": "sha512-+G4CpNBxa5MprY+04MbgOw1v7So6n5JY166pFi9KfYwT78fxScCeSNQSNzp6dpPSW2rONOps6Ocam1wFhCgoVw==",
+      "version": "10.2.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.4.tgz",
+      "integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
       "license": "BlueOak-1.0.0",
       "dependencies": {
         "brace-expansion": "^5.0.2"
@@ -4852,6 +4904,16 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/minipass": {
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
@@ -5117,6 +5179,41 @@
         "split2": "^4.0.0"
       }
     },
+    "node_modules/pino-pretty": {
+      "version": "13.1.3",
+      "resolved": "https://registry.npmjs.org/pino-pretty/-/pino-pretty-13.1.3.tgz",
+      "integrity": "sha512-ttXRkkOz6WWC95KeY9+xxWL6AtImwbyMHrL1mSwqwW9u+vLp/WIElvHvCSDg0xO/Dzrggz1zv3rN5ovTRVowKg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^2.0.7",
+        "dateformat": "^4.6.3",
+        "fast-copy": "^4.0.0",
+        "fast-safe-stringify": "^2.1.1",
+        "help-me": "^5.0.0",
+        "joycon": "^3.1.1",
+        "minimist": "^1.2.6",
+        "on-exit-leak-free": "^2.1.0",
+        "pino-abstract-transport": "^3.0.0",
+        "pump": "^3.0.0",
+        "secure-json-parse": "^4.0.0",
+        "sonic-boom": "^4.0.1",
+        "strip-json-comments": "^5.0.2"
+      },
+      "bin": {
+        "pino-pretty": "bin.js"
+      }
+    },
+    "node_modules/pino-pretty/node_modules/pino-abstract-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-3.0.0.tgz",
+      "integrity": "sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "split2": "^4.0.0"
+      }
+    },
     "node_modules/pino-std-serializers": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-7.0.0.tgz",
@@ -5174,6 +5271,17 @@
       "integrity": "sha512-7nJ6v5lnJsXwGprnGXga4wx6d1POjvi5Qmf1ivTRxTjH4Z/9Czja/UCMLVmB9N93GeWOU93XaFaEt6jbuoagNw==",
       "license": "ISC"
     },
+    "node_modules/pump": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.3.tgz",
+      "integrity": "sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
     "node_modules/qs": {
       "version": "6.14.2",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.2.tgz",
@@ -5250,9 +5358,9 @@
       "license": "MIT"
     },
     "node_modules/rollup": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.57.1.tgz",
-      "integrity": "sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
+      "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5266,31 +5374,31 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.57.1",
-        "@rollup/rollup-android-arm64": "4.57.1",
-        "@rollup/rollup-darwin-arm64": "4.57.1",
-        "@rollup/rollup-darwin-x64": "4.57.1",
-        "@rollup/rollup-freebsd-arm64": "4.57.1",
-        "@rollup/rollup-freebsd-x64": "4.57.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.57.1",
-        "@rollup/rollup-linux-arm-musleabihf": "4.57.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.57.1",
-        "@rollup/rollup-linux-arm64-musl": "4.57.1",
-        "@rollup/rollup-linux-loong64-gnu": "4.57.1",
-        "@rollup/rollup-linux-loong64-musl": "4.57.1",
-        "@rollup/rollup-linux-ppc64-gnu": "4.57.1",
-        "@rollup/rollup-linux-ppc64-musl": "4.57.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.57.1",
-        "@rollup/rollup-linux-riscv64-musl": "4.57.1",
-        "@rollup/rollup-linux-s390x-gnu": "4.57.1",
-        "@rollup/rollup-linux-x64-gnu": "4.57.1",
-        "@rollup/rollup-linux-x64-musl": "4.57.1",
-        "@rollup/rollup-openbsd-x64": "4.57.1",
-        "@rollup/rollup-openharmony-arm64": "4.57.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.57.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.57.1",
-        "@rollup/rollup-win32-x64-gnu": "4.57.1",
-        "@rollup/rollup-win32-x64-msvc": "4.57.1",
+        "@rollup/rollup-android-arm-eabi": "4.59.0",
+        "@rollup/rollup-android-arm64": "4.59.0",
+        "@rollup/rollup-darwin-arm64": "4.59.0",
+        "@rollup/rollup-darwin-x64": "4.59.0",
+        "@rollup/rollup-freebsd-arm64": "4.59.0",
+        "@rollup/rollup-freebsd-x64": "4.59.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.59.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.59.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.59.0",
+        "@rollup/rollup-linux-arm64-musl": "4.59.0",
+        "@rollup/rollup-linux-loong64-gnu": "4.59.0",
+        "@rollup/rollup-linux-loong64-musl": "4.59.0",
+        "@rollup/rollup-linux-ppc64-gnu": "4.59.0",
+        "@rollup/rollup-linux-ppc64-musl": "4.59.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.59.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.59.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-musl": "4.59.0",
+        "@rollup/rollup-openbsd-x64": "4.59.0",
+        "@rollup/rollup-openharmony-arm64": "4.59.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.59.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.59.0",
+        "@rollup/rollup-win32-x64-gnu": "4.59.0",
+        "@rollup/rollup-win32-x64-msvc": "4.59.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -5630,6 +5738,19 @@
         "reusify": "^1.0.0"
       }
     },
+    "node_modules/strip-json-comments": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-5.0.3.tgz",
+      "integrity": "sha512-1tB5mhVo7U+ETBKNf92xT4hrQa3pm0MZ0PQvuDnWgAAGHDsfp4lPSpiS6psrSiet87wyGPh9ft6wmhOMQ0hDiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/superagent": {
       "version": "10.3.0",
       "resolved": "https://registry.npmjs.org/superagent/-/superagent-10.3.0.tgz",

backend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "medassist-ng-backend",
-  "version": "1.16.1",
+  "version": "1.18.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -37,11 +37,12 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^2.4.4",
-    "@types/node": "^25.3.0",
+    "@types/node": "^25.3.2",
     "@types/nodemailer": "^7.0.11",
-    "@types/supertest": "^6.0.2",
+    "@types/supertest": "^7.2.0",
     "@vitest/coverage-v8": "^4.0.18",
     "drizzle-kit": "^0.31.9",
+    "pino-pretty": "^13.1.3",
     "supertest": "^7.2.2",
     "tsx": "^4.19.0",
     "typescript": "^5.5.4",

backend/src/db/client.ts

@@ -78,10 +78,6 @@ async function runMigrations() {
 	const migrateResult = await runDrizzleMigrations(db);
 	if (!migrateResult.success) {
 		log.error(`[DB] Migration error: ${migrateResult.error}`);
-	} else if (migrateResult.warning) {
-		log.warn(`[DB] Migration warning: ${migrateResult.warning}`);
-	} else {
-		log.debug(`[DB] Drizzle migrations completed`);
 	}
 
 	// Run ALTER TABLE migrations for backward compatibility

backend/src/db/db-utils.ts

@@ -88,13 +88,12 @@ export async function runDrizzleMigrations(
 		await migrate(database, { migrationsFolder });
 		return { success: true };
 	} catch (err: unknown) {
-		// If the error is about existing schema objects, the DB is already up-to-date
-		// This happens when ALTER migrations in client.ts have already added the columns,
-		// or when tables were created before drizzle migrations were introduced
-		if ((err as Error).message?.includes("duplicate column") || (err as Error).message?.includes("already exists")) {
-			return { success: true, warning: `Schema already up-to-date: ${(err as Error).message}` };
+		const msg = (err as Error).message ?? "";
+		// Duplicate column / already exists = DB is already up-to-date (expected for existing DBs)
+		if (msg.includes("duplicate column") || msg.includes("already exists")) {
+			return { success: true };
 		}
-		return { success: false, error: (err as Error).message };
+		return { success: false, error: msg };
 	}
 }
 
@@ -126,6 +125,14 @@ export async function runAlterMigrations(client: Client): Promise<{ success: boo
 		`ALTER TABLE medications ADD COLUMN obsolete_at integer`,
 		// Added for explicit medication lifecycle start date
 		`ALTER TABLE medications ADD COLUMN medication_start_date text NOT NULL DEFAULT ''`,
+		// Added for form/lifecycle modeling (V1 medication forms)
+		`ALTER TABLE medications ADD COLUMN medication_form text NOT NULL DEFAULT 'tablet'`,
+		`ALTER TABLE medications ADD COLUMN pill_form text`,
+		`ALTER TABLE medications ADD COLUMN lifecycle_category text NOT NULL DEFAULT 'refill_when_empty'`,
+		`ALTER TABLE medications ADD COLUMN medication_end_date text`,
+		`ALTER TABLE medications ADD COLUMN auto_mark_obsolete_after_end_date integer NOT NULL DEFAULT 1`,
+		`ALTER TABLE medications ADD COLUMN package_amount_value integer NOT NULL DEFAULT 0`,
+		`ALTER TABLE medications ADD COLUMN package_amount_unit text NOT NULL DEFAULT 'ml'`,
 		// Added for more detailed reminder info display
 		`ALTER TABLE user_settings ADD COLUMN last_reminder_med_name text`,
 		`ALTER TABLE user_settings ADD COLUMN last_reminder_taken_by text`,

backend/src/db/schema.ts

@@ -29,6 +29,11 @@ export const medications = sqliteTable("medications", {
 	genericName: text("generic_name", { length: 100 }),
 	takenByJson: text("taken_by_json").notNull().default("[]"), // JSON array of person names
 	packageType: text("package_type", { length: 20 }).notNull().default("blister"), // 'blister' or 'bottle'
+	medicationForm: text("medication_form", { length: 20 }).notNull().default("tablet"), // 'capsule' | 'tablet' | 'liquid' | 'topical'
+	pillForm: text("pill_form", { length: 20 }), // Only for blister/bottle with pill-based medications: 'tablet' | 'capsule'
+	lifecycleCategory: text("lifecycle_category", { length: 30 }).notNull().default("refill_when_empty"), // 'refill_when_empty' | 'treatment_period'
+	packageAmountValue: integer("package_amount_value").notNull().default(0), // Informational package quantity (ml/g)
+	packageAmountUnit: text("package_amount_unit", { length: 10 }).notNull().default("ml"), // 'ml' | 'g'
 	packCount: integer("pack_count").notNull().default(1),
 	blistersPerPack: integer("blisters_per_pack").notNull().default(1),
 	pillsPerBlister: integer("pills_per_blister").notNull().default(1),
@@ -48,6 +53,10 @@ export const medications = sqliteTable("medications", {
 	notes: text("notes"),
 	intakeRemindersEnabled: integer("intake_reminders_enabled", { mode: "boolean" }).notNull().default(false),
 	medicationStartDate: text("medication_start_date").notNull().default(""),
+	medicationEndDate: text("medication_end_date"),
+	autoMarkObsoleteAfterEndDate: integer("auto_mark_obsolete_after_end_date", { mode: "boolean" })
+		.notNull()
+		.default(true),
 	isObsolete: integer("is_obsolete", { mode: "boolean" }).notNull().default(false),
 	obsoleteAt: integer("obsolete_at", { mode: "timestamp" }),
 	prescriptionEnabled: integer("prescription_enabled", { mode: "boolean" }).notNull().default(false),

backend/src/i18n/translations.ts

@@ -179,6 +179,8 @@ type TranslationKeys = {
 	common: {
 		pill: string;
 		pills: string;
+		units: string;
+		ml: string;
 		blister: string;
 		blisters: string;
 		day: string;
@@ -299,6 +301,8 @@ const translations: Record<Language, TranslationKeys> = {
 		common: {
 			pill: "pill",
 			pills: "pills",
+			units: "units",
+			ml: "ml",
 			blister: "blister",
 			blisters: "blisters",
 			day: "day",
@@ -420,6 +424,8 @@ const translations: Record<Language, TranslationKeys> = {
 		common: {
 			pill: "Tablette",
 			pills: "Tabletten",
+			units: "Einheiten",
+			ml: "ml",
 			blister: "Blister",
 			blisters: "Blister",
 			day: "Tag",

backend/src/index.ts

@@ -58,10 +58,18 @@ function sanitizeCorrelationId(headers: IncomingHttpHeaders): string | null {
 }
 
 function buildLoggerOptions(level: string) {
-	return {
+	const base = {
 		level,
 		timestamp: () => `,"time":"${new Date().toISOString()}"`,
 	};
+	// Human-readable logs in development, structured JSON in production/test
+	if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
+		return {
+			...base,
+			transport: { target: "pino-pretty", options: { translateTime: "SYS:yyyy-mm-dd HH:MM:ss.l" } },
+		};
+	}
+	return base;
 }
 
 /** Create and configure Fastify app (without starting) */

backend/src/plugins/auth.ts

@@ -47,7 +47,7 @@ export async function getAnonymousUserId(): Promise<number> {
 export interface AuthState {
 	authEnabled: boolean;
 	registrationEnabled: boolean;
-	localAuthEnabled: boolean;
+	formLoginEnabled: boolean;
 	oidcEnabled: boolean;
 	oidcProviderName: string;
 	hasUsers: boolean;
@@ -59,15 +59,18 @@ export async function getAuthState(): Promise<AuthState> {
 	const [result] = await db.select({ count: count() }).from(users).where(sql`${users.id} != ${ANONYMOUS_USER_ID}`);
 	const hasUsers = result.count > 0;
 
+	const needsSetup = env.AUTH_ENABLED && !hasUsers;
+
 	return {
 		authEnabled: env.AUTH_ENABLED,
 		// Registration: enabled via ENV OR no users exist (first-time setup)
 		registrationEnabled: env.REGISTRATION_ENABLED || !hasUsers,
-		localAuthEnabled: env.AUTH_ENABLED, // Password auth available when auth is enabled
+		// Form login: enabled when auth + form login are both on, or forced on for first-user setup
+		formLoginEnabled: needsSetup || (env.AUTH_ENABLED && env.FORM_LOGIN_ENABLED),
 		oidcEnabled: env.OIDC_ENABLED,
 		oidcProviderName: env.OIDC_PROVIDER_NAME,
 		hasUsers,
-		needsSetup: env.AUTH_ENABLED && !hasUsers,
+		needsSetup,
 	};
 }
 

backend/src/plugins/env.ts

@@ -28,7 +28,11 @@ const EnvSchema = z.object({
 		.string()
 		.transform((v) => v === "true")
 		.default("false"),
-	// Disable local auth when using SSO only
+	// Disable username/password form login (useful for OIDC-only setups)
+	FORM_LOGIN_ENABLED: z
+		.string()
+		.transform((v) => v === "true")
+		.default("true"),
 
 	// JWT Secrets - only required when AUTH_ENABLED=true
 	JWT_SECRET: z.string().min(10).optional(),
@@ -128,4 +132,26 @@ if (parsed.OIDC_ENABLED) {
 	}
 }
 
+// Validate that at least one login method is available when auth is enabled
+if (parsed.AUTH_ENABLED && !parsed.FORM_LOGIN_ENABLED && !parsed.OIDC_ENABLED) {
+	console.error("=".repeat(60));
+	console.error("AUTHENTICATION CONFIGURATION ERROR");
+	console.error("=".repeat(60));
+	console.error("AUTH_ENABLED=true but no login method is available.");
+	console.error("FORM_LOGIN_ENABLED=false and OIDC_ENABLED=false means users cannot log in.");
+	console.error("");
+	console.error("To fix this, either:");
+	console.error("  1. Set FORM_LOGIN_ENABLED=true to allow username/password login");
+	console.error("  2. Set OIDC_ENABLED=true to allow SSO login");
+	console.error("=".repeat(60));
+	process.exit(1);
+}
+
+// Warn about ineffective registration when form login is disabled
+if (parsed.REGISTRATION_ENABLED && !parsed.FORM_LOGIN_ENABLED) {
+	console.warn(
+		"[config] REGISTRATION_ENABLED=true has no effect when FORM_LOGIN_ENABLED=false (no registration form available)"
+	);
+}
+
 export const env = parsed;

backend/src/routes/auth.ts

@@ -123,8 +123,8 @@ export async function authRoutes(app: FastifyInstance) {
 				return reply.status(400).send({ error: "Registration is disabled", code: "REGISTRATION_DISABLED" });
 			}
 
-			if (!state.localAuthEnabled) {
-				return reply.status(400).send({ error: "Local authentication is disabled", code: "LOCAL_AUTH_DISABLED" });
+			if (!state.formLoginEnabled) {
+				return reply.status(400).send({ error: "Form login is disabled", code: "FORM_LOGIN_DISABLED" });
 			}
 
 			// Validate input
@@ -185,8 +185,8 @@ export async function authRoutes(app: FastifyInstance) {
 				return reply.status(400).send({ error: "Authentication is disabled", code: "AUTH_DISABLED" });
 			}
 
-			if (!state.localAuthEnabled) {
-				return reply.status(400).send({ error: "Local authentication is disabled", code: "LOCAL_AUTH_DISABLED" });
+			if (!state.formLoginEnabled) {
+				return reply.status(400).send({ error: "Form login is disabled", code: "FORM_LOGIN_DISABLED" });
 			}
 
 			const parsed = loginSchema.safeParse(request.body);

backend/src/routes/doses.ts

@@ -137,8 +137,9 @@ async function validateShareDoseId(share: typeof shareTokens.$inferSelect, doseI
 export async function doseRoutes(app: FastifyInstance) {
 	// ---------------------------------------------------------------------------
 	// GET /doses/taken - PROTECTED: Get all taken doses for the user
+	// Suppress request logs — polled every 5s by frontend
 	// ---------------------------------------------------------------------------
-	app.get("/doses/taken", { preHandler: requireAuth }, async (request, reply) => {
+	app.get("/doses/taken", { preHandler: requireAuth, logLevel: "warn" }, async (request, reply) => {
 		const userId = await getUserId(request, reply);
 
 		// Get all taken doses for this user (no time limit)
@@ -304,8 +305,9 @@ export async function doseRoutes(app: FastifyInstance) {
 
 	// ---------------------------------------------------------------------------
 	// GET /share/:token/doses - PUBLIC: Get taken doses for a share link
+	// Suppress request logs — polled every 5s by SharedSchedule
 	// ---------------------------------------------------------------------------
-	app.get<{ Params: { token: string } }>("/share/:token/doses", async (request, reply) => {
+	app.get<{ Params: { token: string } }>("/share/:token/doses", { logLevel: "warn" }, async (request, reply) => {
 		const { token } = request.params;
 
 		const { share, reason } = await getActiveShareToken(token);

backend/src/routes/export.ts

@@ -17,7 +17,7 @@ const IMAGES_DIR = resolve(getDataDir(), "images");
 // =============================================================================
 // Export Format Version (bump this when format changes)
 // =============================================================================
-const EXPORT_VERSION = "1.1";
+const EXPORT_VERSION = "1.3";
 
 // =============================================================================
 // Zod Schemas for Import Validation
@@ -27,6 +27,7 @@ const scheduleSchema = z.object({
 	usage: z.number().nonnegative(),
 	every: z.number().int().min(1),
 	start: z.string(), // ISO datetime string
+	intakeUnit: z.enum(["ml", "tsp", "tbsp"]).nullable().optional(),
 	remind: z.boolean().optional().default(false),
 	takenBy: z.string().nullable().optional(), // Per-intake takenBy (new field)
 });
@@ -38,7 +39,9 @@ const inventorySchema = z.object({
 	totalPills: z.number().int().nullable().optional(), // For bottle type: total capacity
 	looseTablets: z.number().int().min(0).default(0),
 	stockAdjustment: z.number().int().default(0), // Manual stock correction
-	packageType: z.enum(["blister", "bottle"]).default("blister"),
+	packageType: z.enum(["blister", "bottle", "tube", "liquid_container"]).default("blister"),
+	packageAmountValue: z.number().int().min(0).default(0),
+	packageAmountUnit: z.enum(["ml", "g"]).default("ml"),
 });
 
 const medicationExportSchema = z.object({
@@ -46,11 +49,16 @@ const medicationExportSchema = z.object({
 	name: z.string().min(1),
 	genericName: z.string().nullable().optional(),
 	takenBy: z.array(z.string()).default([]),
+	medicationForm: z.enum(["capsule", "tablet", "liquid", "topical"]).default("tablet"),
+	pillForm: z.enum(["capsule", "tablet"]).nullable().optional(),
+	lifecycleCategory: z.enum(["refill_when_empty", "treatment_period"]).default("refill_when_empty"),
 	inventory: inventorySchema,
 	pillWeightMg: z.number().int().nullable().optional(),
 	doseUnit: z.enum(["mg", "g", "mcg", "ml", "IU", "units", "drops", "puffs"]).default("mg"),
 	schedules: z.array(scheduleSchema).default([]),
 	medicationStartDate: z.string().nullable().optional(),
+	medicationEndDate: z.string().nullable().optional(),
+	autoMarkObsoleteAfterEndDate: z.boolean().default(true),
 	expiryDate: z.string().nullable().optional(),
 	notes: z.string().nullable().optional(),
 	intakeRemindersEnabled: z.boolean().default(false),
@@ -155,9 +163,14 @@ async function getUserId(request: FastifyRequest, reply: FastifyReply): Promise<
 }
 
 // Parse intakes from DB format to export format (with per-intake takenBy)
-function parseIntakesForExport(
-	row: typeof medications.$inferSelect
-): Array<{ usage: number; every: number; start: string; remind: boolean; takenBy: string | null }> {
+function parseIntakesForExport(row: typeof medications.$inferSelect): Array<{
+	usage: number;
+	every: number;
+	start: string;
+	intakeUnit: "ml" | "tsp" | "tbsp" | null;
+	remind: boolean;
+	takenBy: string | null;
+}> {
 	// Use the new parseIntakesJson which falls back to legacy format
 	const intakes = parseIntakesJson(
 		row.intakesJson,
@@ -169,6 +182,7 @@ function parseIntakesForExport(
 		usage: intake.usage,
 		every: intake.every,
 		start: intake.start,
+		intakeUnit: null,
 		remind: intake.intakeRemindersEnabled,
 		takenBy: intake.takenBy, // Per-intake takenBy
 	}));
@@ -295,6 +309,9 @@ export async function exportRoutes(app: FastifyInstance) {
 				name: med.name,
 				genericName: med.genericName,
 				takenBy: parseTakenByJson(med.takenByJson),
+				medicationForm: med.medicationForm ?? "tablet",
+				pillForm: med.pillForm ?? null,
+				lifecycleCategory: med.lifecycleCategory ?? "refill_when_empty",
 				inventory: {
 					packCount: med.packCount ?? 1,
 					blistersPerPack: med.blistersPerPack ?? 1,
@@ -303,11 +320,15 @@ export async function exportRoutes(app: FastifyInstance) {
 					looseTablets: med.looseTablets ?? 0,
 					stockAdjustment: med.stockAdjustment ?? 0,
 					packageType: med.packageType ?? "blister",
+					packageAmountValue: med.packageAmountValue ?? 0,
+					packageAmountUnit: (med.packageAmountUnit ?? "ml") as "ml" | "g",
 				},
 				pillWeightMg: med.pillWeightMg,
 				doseUnit: med.doseUnit ?? "mg",
 				schedules: parseIntakesForExport(med),
 				medicationStartDate: med.medicationStartDate || null,
+				medicationEndDate: med.medicationEndDate || null,
+				autoMarkObsoleteAfterEndDate: med.autoMarkObsoleteAfterEndDate ?? true,
 				expiryDate: med.expiryDate,
 				notes: med.notes,
 				intakeRemindersEnabled: med.intakeRemindersEnabled ?? false,
@@ -555,6 +576,7 @@ export async function exportRoutes(app: FastifyInstance) {
 						usage: s.usage,
 						every: s.every,
 						start: s.start,
+						intakeUnit: s.intakeUnit ?? null,
 						takenBy: s.takenBy || null,
 						intakeRemindersEnabled: s.remind ?? false,
 					}))
@@ -570,7 +592,12 @@ export async function exportRoutes(app: FastifyInstance) {
 						name: med.name,
 						genericName: med.genericName || null,
 						takenByJson,
+						medicationForm: med.medicationForm ?? "tablet",
+						pillForm: med.pillForm || null,
+						lifecycleCategory: med.lifecycleCategory ?? "refill_when_empty",
 						packageType: med.inventory.packageType ?? "blister",
+						packageAmountValue: med.inventory.packageAmountValue ?? 0,
+						packageAmountUnit: med.inventory.packageAmountUnit ?? "ml",
 						packCount: med.inventory.packCount,
 						blistersPerPack: med.inventory.blistersPerPack,
 						pillsPerBlister: med.inventory.pillsPerBlister,
@@ -581,6 +608,8 @@ export async function exportRoutes(app: FastifyInstance) {
 						pillWeightMg: med.pillWeightMg || null,
 						doseUnit: med.doseUnit ?? "mg",
 						medicationStartDate: med.medicationStartDate || "",
+						medicationEndDate: med.medicationEndDate || null,
+						autoMarkObsoleteAfterEndDate: med.autoMarkObsoleteAfterEndDate ?? true,
 						intakesJson,
 						usageJson,
 						everyJson,

backend/src/routes/health.ts

@@ -10,11 +10,10 @@ const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
 const backendVersion = packageJson.version || "unknown";
 
 export async function healthRoutes(app: FastifyInstance) {
-	// Exempt from rate limit - lightweight health check
-	app.get("/health", { config: { rateLimit: false } }, async () => ({
+	// Exempt from rate limit + suppress request logs (called every 30s by Docker healthcheck)
+	app.get("/health", { config: { rateLimit: false }, logLevel: "warn" }, async () => ({
 		status: "ok",
 		version: backendVersion,
 		smtpConfigured: Boolean(process.env.SMTP_HOST),
-		shoutrrrConfigured: Boolean(process.env.SHOUTRRR_URL),
 	}));
 }

backend/src/routes/medications.ts

@@ -14,15 +14,56 @@ import {
 	streamToBuffer,
 	writeOptimizedImageSet,
 } from "../utils/image-upload.js";
-import { type Intake, parseIntakesJson, parseLocalDateTime, parseTakenByJson } from "../utils/scheduler-utils.js";
+import {
+	type Intake,
+	normalizeIntakeUsageForStock,
+	parseIntakesJson,
+	parseLocalDateTime,
+	parseTakenByJson,
+} from "../utils/scheduler-utils.js";
 
 const IMAGES_DIR = resolve(getDataDir(), "images");
 
+function isIntakeUnit(value: unknown): value is "ml" | "tsp" | "tbsp" {
+	return value === "ml" || value === "tsp" || value === "tbsp";
+}
+
+function parseRawIntakeUnits(intakesJson: string | null | undefined): Array<"ml" | "tsp" | "tbsp" | null> {
+	if (!intakesJson) return [];
+	try {
+		const parsed = JSON.parse(intakesJson);
+		if (!Array.isArray(parsed)) return [];
+		return parsed.map((item: unknown) => {
+			if (!item || typeof item !== "object") return null;
+			const unit = (item as Record<string, unknown>).intakeUnit;
+			return isIntakeUnit(unit) ? unit : null;
+		});
+	} catch {
+		return [];
+	}
+}
+
+function parseIntakesWithUnits(
+	intakesJson: string | null | undefined,
+	legacyRow: { usageJson: string; everyJson: string; startJson: string },
+	medicationIntakeRemindersEnabled?: boolean
+): Intake[] {
+	const intakes = parseIntakesJson(intakesJson, legacyRow, medicationIntakeRemindersEnabled);
+	const rawUnits = parseRawIntakeUnits(intakesJson);
+	if (rawUnits.length === 0) return intakes;
+
+	return intakes.map((intake, idx) => ({
+		...intake,
+		intakeUnit: rawUnits[idx] ?? intake.intakeUnit ?? null,
+	}));
+}
+
 // New intake schema with per-intake takenBy
 const intakeSchema = z.object({
 	usage: z.number().nonnegative(),
 	every: z.number().int().min(1),
 	start: z.string().datetime({ local: true }),
+	intakeUnit: z.enum(["ml", "tsp", "tbsp"]).nullable().optional(),
 	takenBy: z.string().trim().max(100).nullable().optional(), // Person for this specific intake
 	intakeRemindersEnabled: z.boolean().default(false), // Per-intake reminder setting
 });
@@ -34,26 +75,37 @@ const blisterSchema = z.object({
 	start: z.string().datetime({ local: true }),
 });
 
-const packageTypeSchema = z.enum(["blister", "bottle"]).default("blister");
+const packageTypeSchema = z.enum(["blister", "bottle", "tube", "liquid_container"]).default("blister");
+const medicationFormSchema = z.enum(["capsule", "tablet", "liquid", "topical"]).default("tablet");
+const pillFormSchema = z.enum(["capsule", "tablet"]);
+const lifecycleCategorySchema = z.enum(["refill_when_empty", "treatment_period"]).default("refill_when_empty");
 const doseUnitSchema = z.enum(["mg", "g", "mcg", "ml", "IU", "units", "drops", "puffs"]).default("mg");
 const medicationStartDateSchema = z
 	.union([z.string().regex(/^\d{4}-\d{2}-\d{2}$/), z.literal(""), z.null()])
 	.optional();
+const medicationEndDateSchema = z.union([z.string().regex(/^\d{4}-\d{2}-\d{2}$/), z.literal(""), z.null()]).optional();
 
 const medicationSchema = z
 	.object({
 		name: z.string().trim().max(100).default(""),
 		genericName: z.string().trim().max(100).nullable().optional(),
 		takenBy: z.array(z.string().trim().max(100)).default([]), // Medication-level takenBy (fallback)
+		medicationForm: medicationFormSchema,
+		pillForm: pillFormSchema.nullable().optional(),
+		lifecycleCategory: lifecycleCategorySchema,
 		packageType: packageTypeSchema,
 		packCount: z.number().int().min(0).default(1),
 		blistersPerPack: z.number().int().min(1).default(1),
 		pillsPerBlister: z.number().int().min(1).default(1),
+		packageAmountValue: z.number().int().min(0).default(0),
+		packageAmountUnit: z.enum(["ml", "g"]).default("ml"),
 		totalPills: z.number().int().min(1).nullable().optional(), // For bottle type: total capacity
 		looseTablets: z.number().int().min(0).default(0),
 		pillWeightMg: z.number().nonnegative().nullable().optional(),
 		doseUnit: doseUnitSchema,
 		medicationStartDate: medicationStartDateSchema,
+		medicationEndDate: medicationEndDateSchema,
+		autoMarkObsoleteAfterEndDate: z.boolean().default(true),
 		expiryDate: z.string().nullable().optional(),
 		notes: z.string().max(2000).nullable().optional(),
 		prescriptionEnabled: z.boolean().default(false),
@@ -84,6 +136,77 @@ const medicationSchema = z
 			path: ["medicationStartDate"],
 		}
 	)
+	.refine(
+		(data) => {
+			const startDate = data.medicationStartDate ?? "";
+			const endDate = data.medicationEndDate ?? "";
+			if (!startDate || !endDate) return true;
+			return startDate <= endDate;
+		},
+		{
+			message: "Medication end date must be on or after medication start date",
+			path: ["medicationEndDate"],
+		}
+	)
+	.refine(
+		(data) => {
+			if (data.medicationForm === "capsule" || data.medicationForm === "tablet") {
+				return data.pillForm == null || data.pillForm === "capsule" || data.pillForm === "tablet";
+			}
+			return true;
+		},
+		{
+			message: "pillForm must be capsule or tablet for capsule/tablet medications",
+			path: ["pillForm"],
+		}
+	)
+	.refine(
+		(data) => {
+			if (data.medicationForm === "topical") {
+				return data.packageType === "tube";
+			}
+			return true;
+		},
+		{
+			message: "Topical medications must use tube package type",
+			path: ["packageType"],
+		}
+	)
+	.refine(
+		(data) => {
+			if (data.medicationForm === "liquid") {
+				return data.packageType === "liquid_container";
+			}
+			return true;
+		},
+		{
+			message: "Liquid medications must use liquid_container package type",
+			path: ["packageType"],
+		}
+	)
+	.refine(
+		(data) => {
+			if (data.medicationForm === "capsule" || data.medicationForm === "tablet") {
+				return data.packageType !== "tube" && data.packageType !== "liquid_container";
+			}
+			return true;
+		},
+		{
+			message: "Capsule and tablet medications cannot use tube or liquid_container package type",
+			path: ["packageType"],
+		}
+	)
+	.refine(
+		(data) => {
+			const schedules = data.intakes ?? data.blisters ?? [];
+			if (data.pillForm !== "capsule") return true;
+			return schedules.every((entry) => Number.isInteger(entry.usage));
+		},
+		{
+			message: "Fractional intake is not allowed for capsule",
+			path: ["intakes"],
+		}
+	)
 	.refine(
 		(data) => {
 			if (!data.prescriptionEnabled) return true;
@@ -131,13 +254,33 @@ export async function medicationRoutes(app: FastifyInstance) {
 	app.get<{ Querystring: { includeObsolete?: string } }>("/medications", async (request, reply) => {
 		const userId = await getUserId(request, reply);
 		const includeObsolete = request.query.includeObsolete === "true";
+		const initialRows = await db
+			.select()
+			.from(medications)
+			.where(eq(medications.userId, userId))
+			.orderBy(medications.id);
+		const todayDate = new Date().toISOString().slice(0, 10);
+
+		for (const row of initialRows) {
+			if (row.isObsolete) continue;
+			if (!(row.autoMarkObsoleteAfterEndDate ?? true)) continue;
+			const endDate = row.medicationEndDate?.slice(0, 10);
+			if (!endDate) continue;
+			if (endDate > todayDate) continue;
+
+			await db
+				.update(medications)
+				.set({ isObsolete: true, obsoleteAt: new Date(), updatedAt: new Date() })
+				.where(and(eq(medications.id, row.id), eq(medications.userId, userId)));
+		}
+
 		const whereClause = includeObsolete
 			? eq(medications.userId, userId)
 			: and(eq(medications.userId, userId), eq(medications.isObsolete, false));
 		const rows = await db.select().from(medications).where(whereClause).orderBy(medications.id);
 		return rows.map((row) => {
 			// Parse intakes from new format, falling back to legacy
-			const intakes = parseIntakesJson(
+			const intakes = parseIntakesWithUnits(
 				row.intakesJson,
 				{ usageJson: row.usageJson, everyJson: row.everyJson, startJson: row.startJson },
 				row.intakeRemindersEnabled ?? false
@@ -148,10 +291,15 @@ export async function medicationRoutes(app: FastifyInstance) {
 				name: row.name,
 				genericName: row.genericName,
 				takenBy: parseTakenByJson(row.takenByJson),
+				medicationForm: row.medicationForm ?? "tablet",
+				pillForm: row.pillForm ?? null,
+				lifecycleCategory: row.lifecycleCategory ?? "refill_when_empty",
 				packageType: row.packageType ?? "blister",
 				packCount: row.packCount ?? 1,
 				blistersPerPack: row.blistersPerPack ?? 1,
 				pillsPerBlister: row.pillsPerBlister ?? 1,
+				packageAmountValue: row.packageAmountValue ?? 0,
+				packageAmountUnit: (row.packageAmountUnit ?? "ml") as "ml" | "g",
 				totalPills: row.totalPills ?? null,
 				looseTablets: row.looseTablets ?? 0,
 				stockAdjustment: row.stockAdjustment ?? 0,
@@ -159,6 +307,8 @@ export async function medicationRoutes(app: FastifyInstance) {
 				pillWeightMg: row.pillWeightMg,
 				doseUnit: row.doseUnit ?? "mg",
 				medicationStartDate: row.medicationStartDate || null,
+				medicationEndDate: row.medicationEndDate || null,
+				autoMarkObsoleteAfterEndDate: row.autoMarkObsoleteAfterEndDate ?? true,
 				intakes, // New unified format with per-intake takenBy
 				// Legacy blisters format (for backward compat with frontend during transition)
 				blisters: intakes.map((i) => ({ usage: i.usage, every: i.every, start: i.start })),
@@ -188,15 +338,22 @@ export async function medicationRoutes(app: FastifyInstance) {
 			name,
 			genericName,
 			takenBy,
+			medicationForm,
+			pillForm,
+			lifecycleCategory,
 			packageType,
 			packCount,
 			blistersPerPack,
 			pillsPerBlister,
+			packageAmountValue,
+			packageAmountUnit,
 			totalPills,
 			looseTablets,
 			pillWeightMg,
 			doseUnit,
 			medicationStartDate,
+			medicationEndDate,
+			autoMarkObsoleteAfterEndDate,
 			expiryDate,
 			notes,
 			prescriptionEnabled,
@@ -209,6 +366,9 @@ export async function medicationRoutes(app: FastifyInstance) {
 			blisters: inputBlisters,
 		} = parsed.data;
 
+		const normalizedPillForm =
+			medicationForm === "capsule" || medicationForm === "tablet" ? (pillForm ?? medicationForm) : null;
+
 		// Convert to unified intakes format
 		let intakes: Intake[];
 		if (inputIntakes) {
@@ -217,6 +377,7 @@ export async function medicationRoutes(app: FastifyInstance) {
 				usage: i.usage,
 				every: i.every,
 				start: i.start,
+				intakeUnit: i.intakeUnit ?? null,
 				takenBy: i.takenBy || null,
 				intakeRemindersEnabled: i.intakeRemindersEnabled ?? false,
 			}));
@@ -226,6 +387,7 @@ export async function medicationRoutes(app: FastifyInstance) {
 				usage: b.usage,
 				every: b.every,
 				start: b.start,
+				intakeUnit: null,
 				takenBy: null, // No per-intake takenBy from legacy
 				intakeRemindersEnabled: intakeRemindersEnabled ?? false,
 			}));
@@ -247,15 +409,22 @@ export async function medicationRoutes(app: FastifyInstance) {
 				name,
 				genericName: genericName || null,
 				takenByJson,
+				medicationForm: medicationForm ?? "tablet",
+				pillForm: normalizedPillForm,
+				lifecycleCategory: lifecycleCategory ?? "refill_when_empty",
 				packageType: packageType ?? "blister",
 				packCount,
 				blistersPerPack,
 				pillsPerBlister,
+				packageAmountValue,
+				packageAmountUnit,
 				totalPills: totalPills || null,
 				looseTablets,
 				pillWeightMg: pillWeightMg || null,
 				doseUnit: doseUnit ?? "mg",
 				medicationStartDate: medicationStartDate ?? "",
+				medicationEndDate: medicationEndDate || null,
+				autoMarkObsoleteAfterEndDate: autoMarkObsoleteAfterEndDate ?? true,
 				expiryDate: expiryDate || null,
 				notes: notes || null,
 				prescriptionEnabled: prescriptionEnabled ?? false,
@@ -276,10 +445,15 @@ export async function medicationRoutes(app: FastifyInstance) {
 			name: inserted.name,
 			genericName: inserted.genericName,
 			takenBy: parseTakenByJson(inserted.takenByJson),
+			medicationForm: inserted.medicationForm ?? "tablet",
+			pillForm: inserted.pillForm ?? null,
+			lifecycleCategory: inserted.lifecycleCategory ?? "refill_when_empty",
 			packageType: inserted.packageType ?? "blister",
 			packCount: inserted.packCount,
 			blistersPerPack: inserted.blistersPerPack,
 			pillsPerBlister: inserted.pillsPerBlister,
+			packageAmountValue: inserted.packageAmountValue ?? 0,
+			packageAmountUnit: (inserted.packageAmountUnit ?? "ml") as "ml" | "g",
 			totalPills: inserted.totalPills ?? null,
 			looseTablets: inserted.looseTablets,
 			stockAdjustment: inserted.stockAdjustment ?? 0,
@@ -287,6 +461,8 @@ export async function medicationRoutes(app: FastifyInstance) {
 			pillWeightMg: inserted.pillWeightMg,
 			doseUnit: inserted.doseUnit ?? "mg",
 			medicationStartDate: inserted.medicationStartDate || null,
+			medicationEndDate: inserted.medicationEndDate || null,
+			autoMarkObsoleteAfterEndDate: inserted.autoMarkObsoleteAfterEndDate ?? true,
 			intakes,
 			blisters: intakes.map((i) => ({ usage: i.usage, every: i.every, start: i.start })),
 			imageUrl: inserted.imageUrl,
@@ -323,15 +499,22 @@ export async function medicationRoutes(app: FastifyInstance) {
 			name,
 			genericName,
 			takenBy,
+			medicationForm,
+			pillForm,
+			lifecycleCategory,
 			packageType,
 			packCount,
 			blistersPerPack,
 			pillsPerBlister,
+			packageAmountValue,
+			packageAmountUnit,
 			totalPills,
 			looseTablets,
 			pillWeightMg,
 			doseUnit,
 			medicationStartDate,
+			medicationEndDate,
+			autoMarkObsoleteAfterEndDate,
 			expiryDate,
 			notes,
 			prescriptionEnabled,
@@ -344,6 +527,9 @@ export async function medicationRoutes(app: FastifyInstance) {
 			blisters: inputBlisters,
 		} = parsed.data;
 
+		const normalizedPillForm =
+			medicationForm === "capsule" || medicationForm === "tablet" ? (pillForm ?? medicationForm) : null;
+
 		// Convert to unified intakes format
 		let intakes: Intake[];
 		if (inputIntakes) {
@@ -352,6 +538,7 @@ export async function medicationRoutes(app: FastifyInstance) {
 				usage: i.usage,
 				every: i.every,
 				start: i.start,
+				intakeUnit: i.intakeUnit ?? null,
 				takenBy: i.takenBy || null,
 				intakeRemindersEnabled: i.intakeRemindersEnabled ?? false,
 			}));
@@ -361,6 +548,7 @@ export async function medicationRoutes(app: FastifyInstance) {
 				usage: b.usage,
 				every: b.every,
 				start: b.start,
+				intakeUnit: null,
 				takenBy: null, // No per-intake takenBy from legacy
 				intakeRemindersEnabled: intakeRemindersEnabled ?? false,
 			}));
@@ -392,15 +580,22 @@ export async function medicationRoutes(app: FastifyInstance) {
 				name,
 				genericName: genericName || null,
 				takenByJson,
+				medicationForm: medicationForm ?? "tablet",
+				pillForm: normalizedPillForm,
+				lifecycleCategory: lifecycleCategory ?? "refill_when_empty",
 				packageType: packageType ?? "blister",
 				packCount,
 				blistersPerPack,
 				pillsPerBlister,
 				totalPills: totalPills || null,
+				packageAmountValue,
+				packageAmountUnit,
 				looseTablets,
 				pillWeightMg: pillWeightMg || null,
 				doseUnit: doseUnit ?? "mg",
 				medicationStartDate: medicationStartDate ?? "",
+				medicationEndDate: medicationEndDate || null,
+				autoMarkObsoleteAfterEndDate: autoMarkObsoleteAfterEndDate ?? true,
 				expiryDate: expiryDate || null,
 				notes: notes || null,
 				prescriptionEnabled: prescriptionEnabled ?? false,
@@ -425,7 +620,7 @@ export async function medicationRoutes(app: FastifyInstance) {
 		// Migrate dose tracking IDs when intake schedule changes
 		// ---------------------------------------------------------------
 		// Parse old intakes from the existing medication row
-		const oldIntakes = parseIntakesJson(
+		const oldIntakes = parseIntakesWithUnits(
 			existing.intakesJson,
 			{ usageJson: existing.usageJson, everyJson: existing.everyJson, startJson: existing.startJson },
 			existing.intakeRemindersEnabled
@@ -545,10 +740,15 @@ export async function medicationRoutes(app: FastifyInstance) {
 			name: result[0].name,
 			genericName: result[0].genericName,
 			takenBy: parseTakenByJson(result[0].takenByJson),
+			medicationForm: result[0].medicationForm ?? "tablet",
+			pillForm: result[0].pillForm ?? null,
+			lifecycleCategory: result[0].lifecycleCategory ?? "refill_when_empty",
 			packageType: result[0].packageType ?? "blister",
 			packCount: result[0].packCount,
 			blistersPerPack: result[0].blistersPerPack,
 			pillsPerBlister: result[0].pillsPerBlister,
+			packageAmountValue: result[0].packageAmountValue ?? 0,
+			packageAmountUnit: (result[0].packageAmountUnit ?? "ml") as "ml" | "g",
 			totalPills: result[0].totalPills ?? null,
 			looseTablets: result[0].looseTablets,
 			stockAdjustment: result[0].stockAdjustment ?? 0,
@@ -556,6 +756,8 @@ export async function medicationRoutes(app: FastifyInstance) {
 			pillWeightMg: result[0].pillWeightMg,
 			doseUnit: result[0].doseUnit ?? "mg",
 			medicationStartDate: result[0].medicationStartDate || null,
+			medicationEndDate: result[0].medicationEndDate || null,
+			autoMarkObsoleteAfterEndDate: result[0].autoMarkObsoleteAfterEndDate ?? true,
 			intakes,
 			blisters: intakes.map((i) => ({ usage: i.usage, every: i.every, start: i.start })),
 			imageUrl: result[0].imageUrl,
@@ -631,62 +833,101 @@ export async function medicationRoutes(app: FastifyInstance) {
 		};
 	});
 
-	// Stock correction endpoint - updates stockAdjustment and optionally looseTablets (for blister type)
+	// Stock correction endpoint - updates stockAdjustment and optionally base amount fields for amount-based corrections
 	// Also sets lastStockCorrectionAt so consumed doses before this point don't count
-	app.patch<{ Params: { id: string }; Body: { stockAdjustment: number; looseTablets?: number } }>(
-		"/medications/:id/stock-adjustment",
-		async (req, reply) => {
-			const idNum = Number(req.params.id);
-			if (Number.isNaN(idNum)) return reply.badRequest("Invalid id");
+	app.patch<{
+		Params: { id: string };
+		Body: {
+			stockAdjustment: number;
+			looseTablets?: number;
+			totalPills?: number;
+			packageAmountValue?: number;
+			packCount?: number;
+		};
+	}>("/medications/:id/stock-adjustment", async (req, reply) => {
+		const idNum = Number(req.params.id);
+		if (Number.isNaN(idNum)) return reply.badRequest("Invalid id");
 
-			const userId = await getUserId(req, reply);
+		const userId = await getUserId(req, reply);
 
-			// Verify ownership
-			const [existing] = await db
-				.select()
-				.from(medications)
-				.where(and(eq(medications.id, idNum), eq(medications.userId, userId)));
-			if (!existing) return reply.notFound();
+		// Verify ownership
+		const [existing] = await db
+			.select()
+			.from(medications)
+			.where(and(eq(medications.id, idNum), eq(medications.userId, userId)));
+		if (!existing) return reply.notFound();
 
-			const { stockAdjustment, looseTablets } = req.body as { stockAdjustment: number; looseTablets?: number };
-			if (typeof stockAdjustment !== "number") return reply.badRequest("stockAdjustment must be a number");
-			if (
-				looseTablets !== undefined &&
-				(typeof looseTablets !== "number" || !Number.isInteger(looseTablets) || looseTablets < 0)
-			) {
-				return reply.badRequest("looseTablets must be a non-negative integer");
-			}
-
-			const updateFields: {
-				stockAdjustment: number;
-				lastStockCorrectionAt: Date;
-				updatedAt: Date;
-				looseTablets?: number;
-			} = {
-				stockAdjustment,
-				lastStockCorrectionAt: new Date(),
-				updatedAt: new Date(),
-			};
-			if (looseTablets !== undefined) {
-				updateFields.looseTablets = looseTablets;
-			}
-
-			const result = await db
-				.update(medications)
-				.set(updateFields)
-				.where(and(eq(medications.id, idNum), eq(medications.userId, userId)))
-				.returning();
-
-			if (!result.length) return reply.notFound();
-
-			return {
-				id: result[0].id,
-				stockAdjustment: result[0].stockAdjustment ?? 0,
-				lastStockCorrectionAt: result[0].lastStockCorrectionAt?.toISOString() ?? null,
-				updatedAt: result[0].updatedAt,
-			};
+		const { stockAdjustment, looseTablets, totalPills, packageAmountValue, packCount } = req.body as {
+			stockAdjustment: number;
+			looseTablets?: number;
+			totalPills?: number;
+			packageAmountValue?: number;
+			packCount?: number;
+		};
+		if (typeof stockAdjustment !== "number") return reply.badRequest("stockAdjustment must be a number");
+		if (
+			looseTablets !== undefined &&
+			(typeof looseTablets !== "number" || !Number.isInteger(looseTablets) || looseTablets < 0)
+		) {
+			return reply.badRequest("looseTablets must be a non-negative integer");
 		}
-	);
+		if (
+			totalPills !== undefined &&
+			(typeof totalPills !== "number" || !Number.isInteger(totalPills) || totalPills < 0)
+		) {
+			return reply.badRequest("totalPills must be a non-negative integer");
+		}
+		if (
+			packageAmountValue !== undefined &&
+			(typeof packageAmountValue !== "number" || !Number.isInteger(packageAmountValue) || packageAmountValue < 0)
+		) {
+			return reply.badRequest("packageAmountValue must be a non-negative integer");
+		}
+		if (packCount !== undefined && (typeof packCount !== "number" || !Number.isInteger(packCount) || packCount < 1)) {
+			return reply.badRequest("packCount must be an integer >= 1");
+		}
+
+		const updateFields: {
+			stockAdjustment: number;
+			lastStockCorrectionAt: Date;
+			updatedAt: Date;
+			looseTablets?: number;
+			totalPills?: number | null;
+			packageAmountValue?: number;
+			packCount?: number;
+		} = {
+			stockAdjustment,
+			lastStockCorrectionAt: new Date(),
+			updatedAt: new Date(),
+		};
+
+		const packageType = existing.packageType ?? "blister";
+		const allowsAmountBaseUpdate = packageType === "tube" || packageType === "liquid_container";
+		if (allowsAmountBaseUpdate) {
+			if (totalPills !== undefined) updateFields.totalPills = totalPills;
+			if (looseTablets !== undefined) updateFields.looseTablets = looseTablets;
+			if (packageAmountValue !== undefined) updateFields.packageAmountValue = packageAmountValue;
+			if (packCount !== undefined) updateFields.packCount = packCount;
+		}
+		if (looseTablets !== undefined) {
+			updateFields.looseTablets = looseTablets;
+		}
+
+		const result = await db
+			.update(medications)
+			.set(updateFields)
+			.where(and(eq(medications.id, idNum), eq(medications.userId, userId)))
+			.returning();
+
+		if (!result.length) return reply.notFound();
+
+		return {
+			id: result[0].id,
+			stockAdjustment: result[0].stockAdjustment ?? 0,
+			lastStockCorrectionAt: result[0].lastStockCorrectionAt?.toISOString() ?? null,
+			updatedAt: result[0].updatedAt,
+		};
+	});
 
 	app.delete<{ Params: { id: string } }>("/medications/:id", async (req, reply) => {
 		const idNum = Number(req.params.id);
@@ -840,12 +1081,17 @@ export async function medicationRoutes(app: FastifyInstance) {
 
 		const payload = rows.map((row) => {
 			// Parse intakes from new format, falling back to legacy
-			const intakes = parseIntakesJson(
+			const intakes = parseIntakesWithUnits(
 				row.intakesJson,
 				{ usageJson: row.usageJson, everyJson: row.everyJson, startJson: row.startJson },
 				row.intakeRemindersEnabled ?? false
 			);
-			const blisters = intakes.map((i) => ({ usage: i.usage, every: i.every, start: i.start }));
+			const medForm = row.medicationForm ?? "tablet";
+			const blisters = intakes.map((i) => ({
+				usage: normalizeIntakeUsageForStock(i, medForm, row.packageType),
+				every: i.every,
+				start: i.start,
+			}));
 			const pillsPerBlister = row.pillsPerBlister ?? 1;
 			const packCount = row.packCount ?? 1;
 			const blistersPerPack = row.blistersPerPack ?? 1;
@@ -854,8 +1100,9 @@ export async function medicationRoutes(app: FastifyInstance) {
 			const packageType = row.packageType ?? "blister";
 
 			// For bottle type, looseTablets IS the current stock (no blister math)
+			const isTopical = medForm === "topical" || packageType === "tube";
 			const originalTotalPills =
-				packageType === "bottle"
+				packageType === "bottle" || packageType === "liquid_container"
 					? looseTablets + stockAdjustment
 					: packCount * blistersPerPack * pillsPerBlister + looseTablets + stockAdjustment;
 
@@ -867,7 +1114,9 @@ export async function medicationRoutes(app: FastifyInstance) {
 			let consumedUntilNow = 0;
 			const msPerDay = 86400000;
 
-			if (stockCalculationMode === "automatic") {
+			if (isTopical) {
+				consumedUntilNow = 0;
+			} else if (stockCalculationMode === "automatic") {
 				blisters.forEach((blister, blisterIdx) => {
 					const blisterStart = parseLocalDateTime(blister.start).getTime();
 					if (Number.isNaN(blisterStart)) return;
@@ -963,7 +1212,7 @@ export async function medicationRoutes(app: FastifyInstance) {
 				});
 			}
 
-			const currentStock = Math.max(0, originalTotalPills - consumedUntilNow);
+			const currentStock = isTopical ? originalTotalPills : Math.max(0, originalTotalPills - consumedUntilNow);
 
 			// Calculate usage for the planning period
 			// Always use the user-selected start date for the usage calculation.
@@ -973,7 +1222,7 @@ export async function medicationRoutes(app: FastifyInstance) {
 			// The stock already reflects consumed doses, so no double-counting occurs.
 			// When includeUntilStart is true, calculate from now to end (useful for trip planning)
 			const effectivePlannerStart = includeUntilStart ? now : start;
-			const usageTotal = calculateUsageInRange(blisters, effectivePlannerStart, end);
+			const usageTotal = isTopical ? 0 : calculateUsageInRange(blisters, effectivePlannerStart, end);
 
 			const blistersNeeded = pillsPerBlister > 0 ? Math.ceil(usageTotal / pillsPerBlister) : 0;
 
@@ -983,7 +1232,7 @@ export async function medicationRoutes(app: FastifyInstance) {
 			let fullBlisters: number;
 			let loosePills: number;
 
-			if (packageType === "bottle") {
+			if (packageType === "bottle" || packageType === "tube" || packageType === "liquid_container") {
 				// Bottle type: no blisters, everything is loose pills
 				fullBlisters = 0;
 				loosePills = availableAfterPeriod;

backend/src/routes/planner.ts

@@ -29,6 +29,43 @@ function escapeHtml(text: string): string {
 	return text.replace(/[&<>"']/g, (char) => htmlEscapes[char] || char);
 }
 
+function maskEmail(email: string): string {
+	const [localPart, domain] = email.split("@");
+	if (!domain) return "invalid-email";
+	if (localPart.length <= 2) return `${localPart[0] ?? "*"}*@${domain}`;
+	return `${localPart.slice(0, 2)}***@${domain}`;
+}
+
+type MailDeliveryInfo = {
+	accepted?: unknown;
+	rejected?: unknown;
+	response?: unknown;
+};
+
+function normalizeRecipients(value: unknown): string[] {
+	if (!Array.isArray(value)) return [];
+	return value
+		.map((entry) => (typeof entry === "string" ? entry : String(entry ?? "")))
+		.map((entry) => entry.trim())
+		.filter(Boolean);
+}
+
+function getDeliveryError(info: MailDeliveryInfo): string | null {
+	const accepted = normalizeRecipients(info.accepted);
+	const rejected = normalizeRecipients(info.rejected);
+
+	if (accepted.length > 0) return null;
+	if (rejected.length > 0) {
+		return `SMTP rejected all recipients: ${rejected.join(", ")}`;
+	}
+
+	if (typeof info.response === "string" && info.response.trim()) {
+		return `SMTP did not confirm accepted recipients. Response: ${info.response}`;
+	}
+
+	return "SMTP did not confirm accepted recipients.";
+}
+
 type PlannerRow = {
 	medicationId: number;
 	medicationName: string;
@@ -42,6 +79,16 @@ type PlannerRow = {
 	packageType?: string;
 };
 
+function isContainerPackage(packageType?: string): boolean {
+	return packageType === "bottle" || packageType === "tube" || packageType === "liquid_container";
+}
+
+function getPlannerUnit(packageType: string | undefined, tr: ReturnType<typeof getTranslations>): string {
+	if (packageType === "tube") return tr.common.units;
+	if (packageType === "liquid_container") return tr.common.ml;
+	return tr.common.pills;
+}
+
 type SendEmailBody = {
 	email: string;
 	from: string;
@@ -96,6 +143,10 @@ export async function plannerRoutes(app: FastifyInstance) {
 	// Demand calculator notification (supports email and push)
 	app.post<{ Body: SendEmailBody }>("/planner/send-email", async (request, reply) => {
 		const { email, from, until, rows, language: bodyLanguage } = request.body;
+		request.log.info(
+			{ hasEmail: Boolean(email), rowCount: rows?.length ?? 0 },
+			"[Planner] Demand notification request received"
+		);
 
 		if (!rows || rows.length === 0) {
 			return reply.status(400).send({ error: "Missing planner data" });
@@ -110,6 +161,7 @@ export async function plannerRoutes(app: FastifyInstance) {
 		const activeMedIds = new Set(activeMeds.map((med) => med.id));
 		const activeRows = rows.filter((row) => activeMedIds.has(row.medicationId));
 		if (activeRows.length === 0) {
+			request.log.warn("[Planner] Demand notification skipped: no active medications in request");
 			return reply.status(400).send({ error: "No active medications to notify" });
 		}
 
@@ -119,6 +171,16 @@ export async function plannerRoutes(app: FastifyInstance) {
 			shoutrrrEnabled: userSettings.shoutrrrEnabled,
 			shoutrrrUrl: userSettings.shoutrrrUrl || "",
 		};
+		request.log.info(
+			{
+				userId,
+				emailEnabled: notificationSettings.emailEnabled,
+				pushEnabled: notificationSettings.shoutrrrEnabled,
+				hasPushUrl: Boolean(notificationSettings.shoutrrrUrl),
+				activeRowCount: activeRows.length,
+			},
+			"[Planner] Demand notification channel state"
+		);
 
 		// Get locale from user settings or use the language passed in the body
 		const language: Language = (userSettings.language as Language) || bodyLanguage || "en";
@@ -168,16 +230,18 @@ ${summaryText}
 
 ${activeRows
 	.map((r) => {
-		const isBottle = r.packageType === "bottle";
-		const usage = `${r.plannerUsage} ${tr.common.pills}`;
+		const isBottle = isContainerPackage(r.packageType);
+		const usageUnit = getPlannerUnit(r.packageType, tr);
+		const usage = `${r.plannerUsage} ${usageUnit}`;
 		const needed = isBottle ? "–" : `${r.blistersNeeded} × ${r.blisterSize}`;
 		const medPrescription = prescriptionMap.get(r.medicationId);
 		const rxRefills = medPrescription?.prescriptionEnabled
 			? String(medPrescription.prescriptionRemainingRefills ?? 0)
 			: dc.prescriptionNotApplicable;
 		const loosePills = Math.round((Number(r.loosePills) || 0) * 10) / 10;
+		const availableUnit = getPlannerUnit(r.packageType, tr);
 		const available = isBottle
-			? `${loosePills} ${tr.common.pills}`
+			? `${loosePills} ${availableUnit}`
 			: `${r.fullBlisters} ${tr.common.blisters}${loosePills > 0 ? ` + ${loosePills} ${tr.common.pills}` : ""}`;
 		const status = r.enough ? dc.statusEnough : dc.statusEmpty;
 		return `${r.medicationName}: ${usage}, ${needed}, ${dc.tableHeaders.prescriptionRefills}: ${rxRefills}, ${available} - ${status}`;
@@ -198,6 +262,19 @@ ${getFooterPlain(language)}`;
 			const smtpSecure = process.env.SMTP_SECURE === "true";
 			const smtpFrom = process.env.SMTP_FROM ?? smtpUser;
 
+			request.log.info(
+				{
+					hasSmtpHost: Boolean(smtpHost),
+					hasSmtpUser: Boolean(smtpUser),
+					hasSmtpPass: Boolean(smtpPass),
+					smtpPort,
+					smtpSecure,
+					hasSmtpFrom: Boolean(smtpFrom),
+					to: maskEmail(email),
+				},
+				"[Planner] Demand email path selected"
+			);
+
 			if (smtpHost && smtpUser) {
 				// Build HTML table with horizontal scroll for mobile
 				// Escape/coerce all user-provided values to prevent XSS
@@ -209,7 +286,7 @@ ${getFooterPlain(language)}`;
 						const safeBlisterSize = Number(row.blisterSize) || 0;
 						const safeFullBlisters = Number(row.fullBlisters) || 0;
 						const safeLoosePills = Math.round((Number(row.loosePills) || 0) * 10) / 10;
-						const isBottle = row.packageType === "bottle";
+						const isBottle = isContainerPackage(row.packageType);
 
 						// "Blisters needed" column: dash for bottles
 						const neededCell = isBottle ? "–" : `${safeBlistersNeeded} × ${safeBlisterSize}`;
@@ -223,7 +300,8 @@ ${getFooterPlain(language)}`;
 						// "Available" column: match frontend format
 						let availableCell: string;
 						if (isBottle) {
-							availableCell = `${safeLoosePills} ${tr.common.pills}`;
+							const availableUnit = getPlannerUnit(row.packageType, tr);
+							availableCell = `${safeLoosePills} ${availableUnit}`;
 						} else {
 							availableCell = `${safeFullBlisters} ${tr.common.blisters}`;
 							if (safeLoosePills > 0) {
@@ -236,7 +314,7 @@ ${getFooterPlain(language)}`;
 						return `
         <tr style="${rowBg}">
           <td style="padding: 10px 12px; border-bottom: 1px solid #e5e7eb; white-space: nowrap;">${safeName}</td>
-          <td style="padding: 10px 12px; border-bottom: 1px solid #e5e7eb; text-align: center; white-space: nowrap;"><strong>${safePlannerUsage}</strong> ${tr.common.pills}</td>
+					<td style="padding: 10px 12px; border-bottom: 1px solid #e5e7eb; text-align: center; white-space: nowrap;"><strong>${safePlannerUsage}</strong> ${getPlannerUnit(row.packageType, tr)}</td>
           <td style="padding: 10px 12px; border-bottom: 1px solid #e5e7eb; text-align: center; white-space: nowrap;">${neededCell}</td>
           <td style="padding: 10px 12px; border-bottom: 1px solid #e5e7eb; text-align: center; white-space: nowrap;">${rxCell}</td>
           <td style="padding: 10px 12px; border-bottom: 1px solid #e5e7eb; text-align: center; white-space: nowrap;">${availableCell}</td>
@@ -303,7 +381,9 @@ ${getFooterPlain(language)}`;
 						},
 					});
 
-					await transporter.sendMail({
+					request.log.info({ to: maskEmail(email) }, "[Planner] Sending demand email");
+
+					const mailResult = await transporter.sendMail({
 						from: smtpFrom,
 						to: email,
 						subject: t(dc.subject, { from: fromDate, until: untilDate }),
@@ -311,12 +391,33 @@ ${getFooterPlain(language)}`;
 						html,
 					});
 
+					const deliveryError = getDeliveryError(mailResult);
+					if (deliveryError) {
+						throw new Error(deliveryError);
+					}
+
+					request.log.info({ to: maskEmail(email), messageId: mailResult.messageId }, "[Planner] Demand email sent");
 					results.email = true;
 				} catch (error) {
+					request.log.error({ error, to: maskEmail(email) }, "[Planner] Demand email failed");
 					const errorMessage = error instanceof Error ? error.message : "Unknown error";
 					results.errors.push(`Email: ${errorMessage}`);
 				}
+			} else {
+				request.log.warn(
+					{
+						hasSmtpHost: Boolean(smtpHost),
+						hasSmtpUser: Boolean(smtpUser),
+						to: maskEmail(email),
+					},
+					"[Planner] Demand email skipped: SMTP not configured"
+				);
 			}
+		} else {
+			request.log.info(
+				{ emailEnabled: notificationSettings.emailEnabled, hasRecipient: Boolean(email) },
+				"[Planner] Demand email channel not active"
+			);
 		}
 
 		// Send push notification if enabled
@@ -324,7 +425,7 @@ ${getFooterPlain(language)}`;
 			const pushTitle = t(dc.subject, { from: fromDate, until: untilDate });
 			const pushMessage = `${summaryText}\n\n${activeRows
 				.map((r) => {
-					const usage = `${r.plannerUsage} ${tr.common.pills}`;
+					const usage = `${r.plannerUsage} ${getPlannerUnit(r.packageType, tr)}`;
 					const status = r.enough ? dc.statusEnough : dc.statusEmpty;
 					return `${r.enough ? "✓" : "✗"} ${r.medicationName}: ${usage} - ${status}`;
 				})
@@ -363,6 +464,10 @@ ${getFooterPlain(language)}`;
 	// Reminder notification for low stock medications (supports email and push)
 	app.post<{ Body: ReminderEmailBody }>("/reminder/send-email", async (request, reply) => {
 		const { email, lowStock } = request.body;
+		request.log.info(
+			{ hasEmail: Boolean(email), lowStockCount: lowStock?.length ?? 0 },
+			"[ReminderManual] Stock reminder request received"
+		);
 
 		if (!lowStock || lowStock.length === 0) {
 			return reply.status(400).send({ error: "Missing low stock data" });
@@ -371,12 +476,22 @@ ${getFooterPlain(language)}`;
 		// Load user settings
 		const userId = await getUserId(request);
 		const activeMeds = await db
-			.select({ name: medications.name, genericName: medications.genericName })
+			.select({ name: medications.name, genericName: medications.genericName, packageType: medications.packageType })
 			.from(medications)
 			.where(and(eq(medications.userId, userId), eq(medications.isObsolete, false)));
-		const activeMedNames = new Set(activeMeds.map((med) => med.name || med.genericName || ""));
-		const filteredLowStock = lowStock.filter((item) => activeMedNames.has(item.name));
+		const activeMedicationByName = new Map(
+			activeMeds
+				.map((med) => [med.name || med.genericName || "", med.packageType ?? "blister"] as const)
+				.filter(([name]) => name.length > 0)
+		);
+		const filteredLowStock = lowStock.filter((item) => {
+			const packageType = activeMedicationByName.get(item.name);
+			if (!packageType) return false;
+			if (packageType === "tube") return false;
+			return true;
+		});
 		if (filteredLowStock.length === 0) {
+			request.log.warn("[ReminderManual] Stock reminder skipped: no active medications after filtering");
 			return reply.status(400).send({ error: "No active medications to notify" });
 		}
 
@@ -386,6 +501,16 @@ ${getFooterPlain(language)}`;
 			shoutrrrEnabled: userSettings.shoutrrrEnabled,
 			shoutrrrUrl: userSettings.shoutrrrUrl || "",
 		};
+		request.log.info(
+			{
+				userId,
+				emailEnabled: notificationSettings.emailEnabled,
+				pushEnabled: notificationSettings.shoutrrrEnabled,
+				hasPushUrl: Boolean(notificationSettings.shoutrrrUrl),
+				filteredLowStockCount: filteredLowStock.length,
+			},
+			"[ReminderManual] Stock reminder channel state"
+		);
 
 		// Get translations based on user language
 		const language = (userSettings.language as Language) || "en";
@@ -457,6 +582,19 @@ ${getFooterPlain(language)}`;
 			const smtpSecure = process.env.SMTP_SECURE === "true";
 			const smtpFrom = process.env.SMTP_FROM ?? smtpUser;
 
+			request.log.info(
+				{
+					hasSmtpHost: Boolean(smtpHost),
+					hasSmtpUser: Boolean(smtpUser),
+					hasSmtpPass: Boolean(smtpPass),
+					smtpPort,
+					smtpSecure,
+					hasSmtpFrom: Boolean(smtpFrom),
+					to: maskEmail(email),
+				},
+				"[ReminderManual] Stock email path selected"
+			);
+
 			if (smtpHost && smtpUser) {
 				// Build subject line from shared title parts
 				const subjectText = titleParts.join(", ");
@@ -570,7 +708,9 @@ ${getFooterPlain(language)}`;
 						},
 					});
 
-					await transporter.sendMail({
+					request.log.info({ to: maskEmail(email) }, "[ReminderManual] Sending stock reminder email");
+
+					const mailResult = await transporter.sendMail({
 						from: smtpFrom,
 						to: email,
 						subject: `MedAssist-ng: ${subjectText}`,
@@ -578,12 +718,36 @@ ${getFooterPlain(language)}`;
 						html,
 					});
 
+					const deliveryError = getDeliveryError(mailResult);
+					if (deliveryError) {
+						throw new Error(deliveryError);
+					}
+
+					request.log.info(
+						{ to: maskEmail(email), messageId: mailResult.messageId },
+						"[ReminderManual] Stock reminder email sent"
+					);
 					results.email = true;
 				} catch (error) {
+					request.log.error({ error, to: maskEmail(email) }, "[ReminderManual] Stock reminder email failed");
 					const errorMessage = error instanceof Error ? error.message : "Unknown error";
 					results.errors.push(`Email: ${errorMessage}`);
 				}
+			} else {
+				request.log.warn(
+					{
+						hasSmtpHost: Boolean(smtpHost),
+						hasSmtpUser: Boolean(smtpUser),
+						to: maskEmail(email),
+					},
+					"[ReminderManual] Stock reminder email skipped: SMTP not configured"
+				);
 			}
+		} else {
+			request.log.info(
+				{ emailEnabled: notificationSettings.emailEnabled, hasRecipient: Boolean(email) },
+				"[ReminderManual] Stock email channel not active"
+			);
 		}
 
 		// Send push notification if enabled
@@ -634,6 +798,10 @@ ${getFooterPlain(language)}`;
 	// Manual prescription reminder (supports email and push)
 	app.post<{ Body: PrescriptionReminderBody }>("/reminder/send-prescription", async (request, reply) => {
 		const { email, prescriptionLow } = request.body;
+		request.log.info(
+			{ hasEmail: Boolean(email), prescriptionCount: prescriptionLow?.length ?? 0 },
+			"[ReminderManual] Prescription reminder request received"
+		);
 
 		if (!prescriptionLow || prescriptionLow.length === 0) {
 			return reply.status(400).send({ error: "Missing prescription reminder data" });
@@ -647,6 +815,7 @@ ${getFooterPlain(language)}`;
 		const activeMedNames = new Set(activeMeds.map((med) => med.name || med.genericName || ""));
 		const filteredPrescriptionLow = prescriptionLow.filter((item) => activeMedNames.has(item.name));
 		if (filteredPrescriptionLow.length === 0) {
+			request.log.warn("[ReminderManual] Prescription reminder skipped: no active medications after filtering");
 			return reply.status(400).send({ error: "No active medications to notify" });
 		}
 
@@ -684,6 +853,19 @@ ${getFooterPlain(language)}`;
 			const smtpSecure = process.env.SMTP_SECURE === "true";
 			const smtpFrom = process.env.SMTP_FROM ?? smtpUser;
 
+			request.log.info(
+				{
+					hasSmtpHost: Boolean(smtpHost),
+					hasSmtpUser: Boolean(smtpUser),
+					hasSmtpPass: Boolean(smtpPass),
+					smtpPort,
+					smtpSecure,
+					hasSmtpFrom: Boolean(smtpFrom),
+					to: maskEmail(email),
+				},
+				"[ReminderManual] Prescription email path selected"
+			);
+
 			if (smtpHost && smtpUser) {
 				try {
 					const transporter = nodemailer.createTransport({
@@ -767,7 +949,9 @@ ${getFooterPlain(language)}`;
 					</div>
 				`;
 
-					await transporter.sendMail({
+					request.log.info({ to: maskEmail(email) }, "[ReminderManual] Sending prescription reminder email");
+
+					const mailResult = await transporter.sendMail({
 						from: smtpFrom,
 						to: email,
 						subject,
@@ -775,12 +959,40 @@ ${getFooterPlain(language)}`;
 						html,
 					});
 
+					const deliveryError = getDeliveryError(mailResult);
+					if (deliveryError) {
+						throw new Error(deliveryError);
+					}
+
+					request.log.info(
+						{ to: maskEmail(email), messageId: mailResult.messageId },
+						"[ReminderManual] Prescription reminder email sent"
+					);
 					results.email = true;
 				} catch (error) {
+					request.log.error({ error, to: maskEmail(email) }, "[ReminderManual] Prescription reminder email failed");
 					const errorMessage = error instanceof Error ? error.message : "Unknown error";
 					results.errors.push(`Email: ${errorMessage}`);
 				}
+			} else {
+				request.log.warn(
+					{
+						hasSmtpHost: Boolean(smtpHost),
+						hasSmtpUser: Boolean(smtpUser),
+						to: maskEmail(email),
+					},
+					"[ReminderManual] Prescription reminder email skipped: SMTP not configured"
+				);
 			}
+		} else {
+			request.log.info(
+				{
+					emailEnabled: userSettings.emailEnabled,
+					emailPrescriptionReminders: userSettings.emailPrescriptionReminders,
+					hasRecipient: Boolean(email),
+				},
+				"[ReminderManual] Prescription email channel not active"
+			);
 		}
 
 		if (userSettings.shoutrrrEnabled && userSettings.shoutrrrPrescriptionReminders && userSettings.shoutrrrUrl) {

backend/src/routes/settings.ts

@@ -85,6 +85,43 @@ type TestShoutrrrBody = {
 	url: string;
 };
 
+function maskEmail(email: string): string {
+	const [localPart, domain] = email.split("@");
+	if (!domain) return "invalid-email";
+	if (localPart.length <= 2) return `${localPart[0] ?? "*"}*@${domain}`;
+	return `${localPart.slice(0, 2)}***@${domain}`;
+}
+
+type MailDeliveryInfo = {
+	accepted?: unknown;
+	rejected?: unknown;
+	response?: unknown;
+};
+
+function normalizeRecipients(value: unknown): string[] {
+	if (!Array.isArray(value)) return [];
+	return value
+		.map((entry) => (typeof entry === "string" ? entry : String(entry ?? "")))
+		.map((entry) => entry.trim())
+		.filter(Boolean);
+}
+
+function getDeliveryError(info: MailDeliveryInfo): string | null {
+	const accepted = normalizeRecipients(info.accepted);
+	const rejected = normalizeRecipients(info.rejected);
+
+	if (accepted.length > 0) return null;
+	if (rejected.length > 0) {
+		return `SMTP rejected all recipients: ${rejected.join(", ")}`;
+	}
+
+	if (typeof info.response === "string" && info.response.trim()) {
+		return `SMTP did not confirm accepted recipients. Response: ${info.response}`;
+	}
+
+	return "SMTP did not confirm accepted recipients.";
+}
+
 function getNotificationProvider(url: string): string {
 	if (url.startsWith("discord://")) return "discord";
 	if (url.startsWith("telegram://")) return "telegram";
@@ -284,7 +321,8 @@ export async function settingsRoutes(app: FastifyInstance) {
 	}
 
 	// Get settings for current user
-	app.get("/settings", async (request, reply) => {
+	// Suppress request logs — polled every 30s for reminder status refresh
+	app.get("/settings", { logLevel: "warn" }, async (request, reply) => {
 		const userId = await getUserId(request, reply);
 
 		const settings = await getOrCreateUserSettings(userId);
@@ -435,7 +473,24 @@ export async function settingsRoutes(app: FastifyInstance) {
 		const smtpSecure = process.env.SMTP_SECURE === "true";
 		const smtpFrom = process.env.SMTP_FROM ?? smtpUser;
 
+		request.log.info(
+			{
+				to: maskEmail(email),
+				hasSmtpHost: Boolean(smtpHost),
+				hasSmtpUser: Boolean(smtpUser),
+				hasSmtpPass: Boolean(smtpPass),
+				hasSmtpFrom: Boolean(smtpFrom),
+				smtpPort,
+				smtpSecure,
+			},
+			"[Settings] Test email request received"
+		);
+
 		if (!smtpHost || !smtpUser) {
+			request.log.warn(
+				{ to: maskEmail(email), hasSmtpHost: Boolean(smtpHost), hasSmtpUser: Boolean(smtpUser) },
+				"[Settings] Test email skipped: SMTP not configured"
+			);
 			return reply.status(400).send({ error: "SMTP not configured" });
 		}
 
@@ -450,7 +505,9 @@ export async function settingsRoutes(app: FastifyInstance) {
 				},
 			});
 
-			await transporter.sendMail({
+			request.log.info({ to: maskEmail(email) }, "[Settings] Sending test email");
+
+			const mailResult = await transporter.sendMail({
 				from: smtpFrom,
 				to: email,
 				subject: "MedAssist-ng - Test Email",
@@ -466,8 +523,16 @@ export async function settingsRoutes(app: FastifyInstance) {
         `,
 			});
 
+			const deliveryError = getDeliveryError(mailResult);
+			if (deliveryError) {
+				throw new Error(deliveryError);
+			}
+
+			request.log.info({ to: maskEmail(email), messageId: mailResult.messageId }, "[Settings] Test email sent");
+
 			return reply.send({ success: true, message: "Test email sent successfully" });
 		} catch (error) {
+			request.log.error({ error, to: maskEmail(email) }, "[Settings] Test email failed");
 			const errorMessage = error instanceof Error ? error.message : "Unknown error";
 			return reply.status(500).send({ error: `Failed to send email: ${errorMessage}` });
 		}

backend/src/routes/share.ts

@@ -120,7 +120,9 @@ export async function shareRoutes(app: FastifyInstance) {
 			const takenByArray = parseTakenByJson(med.takenByJson);
 
 			const totalPills =
-				(med.packageType ?? "blister") === "bottle"
+				(med.packageType ?? "blister") === "bottle" ||
+				(med.packageType ?? "blister") === "tube" ||
+				(med.packageType ?? "blister") === "liquid_container"
 					? med.looseTablets + (med.stockAdjustment ?? 0)
 					: med.packCount * med.blistersPerPack * med.pillsPerBlister + med.looseTablets + (med.stockAdjustment ?? 0);
 			return {

backend/src/services/reminder-scheduler.ts

@@ -19,6 +19,7 @@ import {
 	getNextScheduledTime,
 	getTimezone,
 	getTodayInTimezone,
+	normalizeIntakeUsageForStock,
 	parseIntakesJson,
 	parseLocalDateTime,
 	parseReminderState,
@@ -37,6 +38,36 @@ function escapeHtml(text: string): string {
 	return text.replace(/[&<>"']/g, (char) => htmlEscapes[char] || char);
 }
 
+type MailDeliveryInfo = {
+	accepted?: unknown;
+	rejected?: unknown;
+	response?: unknown;
+};
+
+function normalizeRecipients(value: unknown): string[] {
+	if (!Array.isArray(value)) return [];
+	return value
+		.map((entry) => (typeof entry === "string" ? entry : String(entry ?? "")))
+		.map((entry) => entry.trim())
+		.filter(Boolean);
+}
+
+function getDeliveryError(info: MailDeliveryInfo): string | null {
+	const accepted = normalizeRecipients(info.accepted);
+	const rejected = normalizeRecipients(info.rejected);
+
+	if (accepted.length > 0) return null;
+	if (rejected.length > 0) {
+		return `SMTP rejected all recipients: ${rejected.join(", ")}`;
+	}
+
+	if (typeof info.response === "string" && info.response.trim()) {
+		return `SMTP did not confirm accepted recipients. Response: ${info.response}`;
+	}
+
+	return "SMTP did not confirm accepted recipients.";
+}
+
 const REMINDER_HOUR = parseInt(process.env.REMINDER_HOUR ?? "6", 10); // Default 6:00 AM local time
 
 const reminderStateFile = resolve(getDataDir(), "reminder-state.json");
@@ -179,6 +210,12 @@ type LowStockItem = {
 	isCritical: boolean;
 };
 
+function getLiquidReminderThresholds(baselineDays: number): { lowDays: number; criticalDays: number } {
+	const lowDays = Math.max(1, Math.floor(baselineDays));
+	const criticalDays = Math.max(1, Math.ceil(lowDays / 2));
+	return { lowDays, criticalDays };
+}
+
 type PrescriptionReminderItem = {
 	name: string;
 	remainingRefills: number;
@@ -231,12 +268,20 @@ async function getMedicationsNeedingReminder(
 	const msPerDay = 86_400_000;
 
 	for (const row of rows) {
+		// Tube stock reminders are intentionally disabled:
+		// topical usage in grams cannot be mapped reliably to schedule events.
+		if ((row.packageType ?? "blister") === "tube") continue;
+
 		const intakes = parseIntakesJson(
 			row.intakesJson,
 			{ usageJson: row.usageJson, everyJson: row.everyJson, startJson: row.startJson },
 			row.intakeRemindersEnabled ?? false
 		);
-		const blisters: Blister[] = intakes.map((i) => ({ usage: i.usage, every: i.every, start: i.start }));
+		const blisters: Blister[] = intakes.map((i) => ({
+			usage: normalizeIntakeUsageForStock(i, row.medicationForm, row.packageType),
+			every: i.every,
+			start: i.start,
+		}));
 
 		const originalTotalPills =
 			(row.packageType ?? "blister") === "bottle"
@@ -348,8 +393,13 @@ async function getMedicationsNeedingReminder(
 
 		if (daysLeft === null) continue;
 
-		const isCritical = daysLeft <= reminderDaysBefore;
-		const isLow = daysLeft < lowStockDays;
+		const isLiquid = (row.packageType ?? "blister") === "liquid_container";
+		const { lowDays, criticalDays } = isLiquid
+			? getLiquidReminderThresholds(reminderDaysBefore)
+			: { lowDays: lowStockDays, criticalDays: reminderDaysBefore };
+
+		const isCritical = daysLeft <= criticalDays;
+		const isLow = isLiquid ? daysLeft <= lowDays : daysLeft < lowDays;
 
 		if (isCritical || isLow) {
 			lowStock.push({
@@ -551,7 +601,7 @@ ${getFooterPlain(language)}${isRepeatDaily ? `\n\n${tr.stockReminder.repeatDaily
 			},
 		});
 
-		await transporter.sendMail({
+		const mailResult = await transporter.sendMail({
 			from: smtpFrom,
 			to: email,
 			subject,
@@ -559,6 +609,11 @@ ${getFooterPlain(language)}${isRepeatDaily ? `\n\n${tr.stockReminder.repeatDaily
 			html,
 		});
 
+		const deliveryError = getDeliveryError(mailResult);
+		if (deliveryError) {
+			throw new Error(deliveryError);
+		}
+
 		return { success: true };
 	} catch (error) {
 		const errorMessage = error instanceof Error ? error.message : "Unknown error";
@@ -872,13 +927,17 @@ async function checkAndSendReminderForUser(
   `;
 									const text = `${emptyRx.length > 0 ? tr.prescriptionReminder.titleEmpty : tr.prescriptionReminder.title}\n\n${bodyText}\n\n${lines.join("\n")}\n\n---\n${getFooterPlain(language)}${settings.repeatDailyReminders ? `\n\n${tr.prescriptionReminder.repeatDailyNote}` : ""}`;
 
-									await transporter.sendMail({
+									const mailResult = await transporter.sendMail({
 										from: smtpFrom,
 										to: settings.notificationEmail!,
 										subject,
 										text,
 										html,
 									});
+									const deliveryError = getDeliveryError(mailResult);
+									if (deliveryError) {
+										throw new Error(deliveryError);
+									}
 									emailSuccess = true;
 								} catch (error) {
 									const errorMessage = error instanceof Error ? error.message : "Unknown error";

backend/src/test/auth.test.ts

@@ -28,7 +28,7 @@ vi.mock("../db/client.js", () => ({
 vi.mock("../plugins/env.js", () => ({
 	env: {
 		AUTH_ENABLED: true,
-		LOCAL_AUTH_ENABLED: true,
+		FORM_LOGIN_ENABLED: true,
 		REGISTRATION_ENABLED: true,
 		OIDC_ENABLED: false,
 		NODE_ENV: "test",
@@ -144,7 +144,7 @@ describe("Auth Routes (AUTH_ENABLED=true)", () => {
 			const data = response.json();
 			expect(data.authEnabled).toBe(true);
 			expect(data.registrationEnabled).toBe(true);
-			expect(data.localAuthEnabled).toBe(true);
+			expect(data.formLoginEnabled).toBe(true);
 		});
 	});
 

backend/src/test/db-client.test.ts

@@ -32,8 +32,8 @@ async function loadDbClientModule(options: ClientTestOptions = {}) {
 		.mockReturnValue(dirWritable ? { success: true } : { success: false, error: "permission denied" });
 	const getDbPaths = vi.fn().mockReturnValue({
 		dataDir: "/tmp/medassist-data",
-		dbPath: "/tmp/medassist-data/medassist.db",
-		url: "file:/tmp/medassist-data/medassist.db",
+		dbPath: "/tmp/medassist-data/medassist-ng.db",
+		url: "file:/tmp/medassist-data/medassist-ng.db",
 	});
 	const runDrizzleMigrations = vi.fn().mockResolvedValue({ success: true });
 	const runAlterMigrations = vi.fn().mockResolvedValue({ errors: [] });
@@ -102,7 +102,7 @@ describe("db/client bootstrap", () => {
 		await mod.migrationsReady;
 
 		expect(mocks.ensureDataDirectory).toHaveBeenCalledWith("/tmp/medassist-data");
-		expect(mocks.createClient).toHaveBeenCalledWith({ url: "file:/tmp/medassist-data/medassist.db" });
+		expect(mocks.createClient).toHaveBeenCalledWith({ url: "file:/tmp/medassist-data/medassist-ng.db" });
 		expect(mocks.runDrizzleMigrations).toHaveBeenCalledTimes(1);
 		expect(mocks.runAlterMigrations).toHaveBeenCalledTimes(1);
 		expect(mocks.repairTrailingHyphenDoseIds).toHaveBeenCalledTimes(1);

backend/src/test/e2e-routes.test.ts

@@ -82,7 +82,12 @@ async function createSchema(client: Client) {
 		    name text NOT NULL,
 		    generic_name text,
 		    taken_by_json text NOT NULL DEFAULT '[]',
+		    medication_form text NOT NULL DEFAULT 'tablet',
+		    pill_form text,
+		    lifecycle_category text NOT NULL DEFAULT 'refill_when_empty',
 		    package_type text NOT NULL DEFAULT 'blister',
+		    package_amount_value integer NOT NULL DEFAULT 0,
+		    package_amount_unit text NOT NULL DEFAULT 'ml',
 		    pack_count integer NOT NULL DEFAULT 1,
 		    blisters_per_pack integer NOT NULL DEFAULT 1,
 		    pills_per_blister integer NOT NULL DEFAULT 1,
@@ -101,6 +106,8 @@ async function createSchema(client: Client) {
 		    notes text,
 		    intake_reminders_enabled integer NOT NULL DEFAULT 0,
 		    medication_start_date text NOT NULL DEFAULT '',
+		    medication_end_date text,
+		    auto_mark_obsolete_after_end_date integer NOT NULL DEFAULT 1,
 		    is_obsolete integer NOT NULL DEFAULT 0,
 		    obsolete_at integer,
 		    prescription_enabled integer NOT NULL DEFAULT 0,
@@ -868,7 +875,6 @@ describe("E2E Tests with Real Routes", () => {
 			const json = response.json();
 			expect(json.status).toBe("ok");
 			expect(typeof json.smtpConfigured).toBe("boolean");
-			expect(typeof json.shoutrrrConfigured).toBe("boolean");
 		});
 	});
 
@@ -1289,7 +1295,6 @@ describe("E2E Tests with Real Routes", () => {
 			const json = response.json();
 			expect(json.status).toBe("ok");
 			expect(typeof json.smtpConfigured).toBe("boolean");
-			expect(typeof json.shoutrrrConfigured).toBe("boolean");
 		});
 	});
 
@@ -2501,10 +2506,10 @@ describe("E2E Tests with Real Routes", () => {
 	});
 
 	// ---------------------------------------------------------------------------
-	// Package Type (bottle vs blister) Tests
+	// Package Type (blister, bottle, liquid_container) Tests
 	// ---------------------------------------------------------------------------
 
-	describe("Package type handling (bottle vs blister)", () => {
+	describe("Package type handling (blister, bottle, liquid_container)", () => {
 		const bottleMedication = {
 			name: "Vitamin D Drops",
 			packageType: "bottle",
@@ -2525,6 +2530,18 @@ describe("E2E Tests with Real Routes", () => {
 			blisters: [{ usage: 1, every: 1, start: "2025-01-01T08:00:00.000Z" }],
 		};
 
+		const liquidContainerMedication = {
+			name: "Cough Syrup",
+			medicationForm: "liquid",
+			packageType: "liquid_container",
+			doseUnit: "ml",
+			packCount: 0,
+			blistersPerPack: 1,
+			pillsPerBlister: 1,
+			looseTablets: 180,
+			blisters: [{ usage: 5, every: 1, start: "2025-01-01T08:00:00.000Z" }],
+		};
+
 		it("should create and return bottle type medication", async () => {
 			const response = await app.inject({
 				method: "POST",
@@ -2569,6 +2586,49 @@ describe("E2E Tests with Real Routes", () => {
 			expect(data.medications[0].totalPills).toBe(120);
 		});
 
+		it("should create and return liquid_container type medication", async () => {
+			const response = await app.inject({
+				method: "POST",
+				url: "/medications",
+				payload: liquidContainerMedication,
+			});
+
+			expect(response.statusCode).toBe(200);
+			const data = response.json();
+			expect(data.packageType).toBe("liquid_container");
+			expect(data.medicationForm).toBe("liquid");
+			expect(data.doseUnit).toBe("ml");
+			expect(data.looseTablets).toBe(180);
+		});
+
+		it("should return packageType and ml-based stock semantics in shared schedule for liquid_container", async () => {
+			await app.inject({
+				method: "POST",
+				url: "/medications",
+				payload: { ...liquidContainerMedication, takenBy: ["Daniel"] },
+			});
+
+			const shareResponse = await app.inject({
+				method: "POST",
+				url: "/share",
+				payload: { takenBy: "Daniel", scheduleDays: 30 },
+			});
+			expect(shareResponse.statusCode).toBe(200);
+			const { token } = shareResponse.json();
+
+			const scheduleResponse = await app.inject({
+				method: "GET",
+				url: `/share/${token}`,
+			});
+
+			expect(scheduleResponse.statusCode).toBe(200);
+			const data = scheduleResponse.json();
+			expect(data.medications).toHaveLength(1);
+			expect(data.medications[0].packageType).toBe("liquid_container");
+			// Liquid container follows container semantics (stock from looseTablets only).
+			expect(data.medications[0].totalPills).toBe(180);
+		});
+
 		it("should calculate correct totalPills for shared blister medication", async () => {
 			await app.inject({
 				method: "POST",
@@ -2744,5 +2804,18 @@ describe("E2E Tests with Real Routes", () => {
 			expect(medsResponse.json()).toHaveLength(1);
 			expect(medsResponse.json()[0].packageType).toBe("blister");
 		});
+
+		it("should reject liquid medication form with non-liquid package type", async () => {
+			const response = await app.inject({
+				method: "POST",
+				url: "/medications",
+				payload: {
+					...liquidContainerMedication,
+					packageType: "bottle",
+				},
+			});
+
+			expect(response.statusCode).toBe(400);
+		});
 	});
 });

backend/src/test/integration.test.ts

@@ -76,7 +76,12 @@ async function createSchema(client: Client) {
 		    name text NOT NULL,
 		    generic_name text,
 		    taken_by_json text NOT NULL DEFAULT '[]',
+		    medication_form text NOT NULL DEFAULT 'tablet',
+		    pill_form text,
+		    lifecycle_category text NOT NULL DEFAULT 'refill_when_empty',
 		    package_type text NOT NULL DEFAULT 'blister',
+		    package_amount_value integer NOT NULL DEFAULT 0,
+		    package_amount_unit text NOT NULL DEFAULT 'ml',
 		    pack_count integer NOT NULL DEFAULT 1,
 		    blisters_per_pack integer NOT NULL DEFAULT 1,
 		    pills_per_blister integer NOT NULL DEFAULT 1,
@@ -95,6 +100,8 @@ async function createSchema(client: Client) {
 		    notes text,
 		    intake_reminders_enabled integer NOT NULL DEFAULT 0,
 		    medication_start_date text NOT NULL DEFAULT '',
+		    medication_end_date text,
+		    auto_mark_obsolete_after_end_date integer NOT NULL DEFAULT 1,
 		    is_obsolete integer NOT NULL DEFAULT 0,
 		    obsolete_at integer,
 		    prescription_enabled integer NOT NULL DEFAULT 0,

backend/src/test/planner.test.ts

@@ -93,7 +93,12 @@ async function createSchema(client: Client) {
       name text NOT NULL,
       generic_name text,
       taken_by_json text NOT NULL DEFAULT '[]',
+		medication_form text NOT NULL DEFAULT 'tablet',
+		pill_form text,
+		lifecycle_category text NOT NULL DEFAULT 'refill_when_empty',
       package_type text NOT NULL DEFAULT 'blister',
+		package_amount_value integer NOT NULL DEFAULT 0,
+		package_amount_unit text NOT NULL DEFAULT 'ml',
       pack_count integer NOT NULL DEFAULT 1,
       blisters_per_pack integer NOT NULL DEFAULT 1,
       pills_per_blister integer NOT NULL DEFAULT 1,
@@ -112,6 +117,8 @@ async function createSchema(client: Client) {
       notes text,
       intake_reminders_enabled integer NOT NULL DEFAULT 0,
       medication_start_date text NOT NULL DEFAULT '',
+	medication_end_date text,
+	auto_mark_obsolete_after_end_date integer NOT NULL DEFAULT 1,
       is_obsolete integer NOT NULL DEFAULT 0,
       obsolete_at integer,
       prescription_enabled integer NOT NULL DEFAULT 0,
@@ -284,7 +291,7 @@ describe("Planner Routes", () => {
 				args: [999999999],
 			});
 
-			mockSendMail.mockResolvedValueOnce({ messageId: "123" });
+			mockSendMail.mockResolvedValueOnce({ messageId: "123", accepted: ["test.com"], rejected: [] });
 
 			const response = await app.inject({
 				method: "POST",
@@ -330,7 +337,7 @@ describe("Planner Routes", () => {
 				args: [999999999],
 			});
 
-			mockSendMail.mockResolvedValueOnce({ messageId: "123" });
+			mockSendMail.mockResolvedValueOnce({ messageId: "123", accepted: ["test.com"], rejected: [] });
 
 			const response = await app.inject({
 				method: "POST",
@@ -434,7 +441,7 @@ describe("Planner Routes", () => {
 				args: [999999999],
 			});
 
-			mockSendMail.mockResolvedValueOnce({ messageId: "123" });
+			mockSendMail.mockResolvedValueOnce({ messageId: "123", accepted: ["test.com"], rejected: [] });
 
 			const response = await app.inject({
 				method: "POST",
@@ -522,7 +529,7 @@ describe("Planner Routes", () => {
 				args: [999999999],
 			});
 
-			mockSendMail.mockResolvedValueOnce({ messageId: "123" });
+			mockSendMail.mockResolvedValueOnce({ messageId: "123", accepted: ["test.com"], rejected: [] });
 			mockSendShoutrrr.mockResolvedValueOnce({ success: true });
 
 			const response = await app.inject({
@@ -697,7 +704,7 @@ describe("Planner Routes", () => {
 				args: [999999999],
 			});
 
-			mockSendMail.mockResolvedValueOnce({ messageId: "123" });
+			mockSendMail.mockResolvedValueOnce({ messageId: "123", accepted: ["test.com"], rejected: [] });
 
 			const response = await app.inject({
 				method: "POST",
@@ -727,7 +734,7 @@ describe("Planner Routes", () => {
 				args: [999999999],
 			});
 
-			mockSendMail.mockResolvedValueOnce({ messageId: "123" });
+			mockSendMail.mockResolvedValueOnce({ messageId: "123", accepted: ["test.com"], rejected: [] });
 
 			const response = await app.inject({
 				method: "POST",
@@ -763,7 +770,7 @@ describe("Planner Routes", () => {
 				args: [999999999],
 			});
 
-			mockSendMail.mockResolvedValueOnce({ messageId: "123" });
+			mockSendMail.mockResolvedValueOnce({ messageId: "123", accepted: ["test.com"], rejected: [] });
 
 			const response = await app.inject({
 				method: "POST",
@@ -849,7 +856,7 @@ describe("Planner Routes", () => {
 				args: [999999999],
 			});
 
-			mockSendMail.mockResolvedValueOnce({ messageId: "123" });
+			mockSendMail.mockResolvedValueOnce({ messageId: "123", accepted: ["test.com"], rejected: [] });
 			mockSendShoutrrr.mockResolvedValueOnce({ success: true });
 
 			const response = await app.inject({
@@ -982,7 +989,7 @@ describe("Planner Routes", () => {
 				args: [999999999],
 			});
 
-			mockSendMail.mockResolvedValueOnce({ messageId: "123" });
+			mockSendMail.mockResolvedValueOnce({ messageId: "123", accepted: ["test.com"], rejected: [] });
 
 			const response = await app.inject({
 				method: "POST",
@@ -1036,6 +1043,36 @@ describe("Planner Routes", () => {
 			expect(title).not.toContain("Low");
 			expect(message).toContain("Running critically low");
 		});
+
+		it("should return 400 when only tube medications are in active meds", async () => {
+			// Insert a tube medication (should be excluded from reminders)
+			await testClient.execute({
+				sql: `INSERT INTO medications (id, user_id, name, taken_by_json, usage_json, every_json, start_json, package_type)
+				       VALUES (3, 999999999, 'Ointment', '[]', '[]', '[]', '[]', 'tube')`,
+				args: [],
+			});
+
+			await testClient.execute({
+				sql: `INSERT INTO user_settings (user_id, email_enabled, shoutrrr_enabled, language) VALUES (?, 1, 0, 'en')`,
+				args: [999999999],
+			});
+
+			mockSendMail.mockResolvedValueOnce({ messageId: "123", accepted: ["test.com"], rejected: [] });
+
+			const response = await app.inject({
+				method: "POST",
+				url: "/reminder/send-email",
+				payload: {
+					email: "test@example.com",
+					lowStock: [{ name: "Ointment", medsLeft: 5, daysLeft: 10, depletionDate: "2025-01-13" }],
+				},
+			});
+
+			// Expects 400 because tube medications are excluded from stock reminders
+			expect(response.statusCode).toBe(400);
+			expect(response.json()).toEqual({ error: "No active medications to notify" });
+			expect(mockSendMail).not.toHaveBeenCalled();
+		});
 	});
 
 	describe("POST /reminder/send-prescription", () => {
@@ -1082,7 +1119,7 @@ describe("Planner Routes", () => {
 				args: [999999999],
 			});
 
-			mockSendMail.mockResolvedValueOnce({ messageId: "123" });
+			mockSendMail.mockResolvedValueOnce({ messageId: "123", accepted: ["test.com"], rejected: [] });
 
 			const response = await app.inject({
 				method: "POST",

backend/src/test/routes-real.test.ts

@@ -207,7 +207,12 @@ describe("Real route coverage: settings/export/report", () => {
 		process.env.SMTP_HOST = "smtp.example.com";
 		process.env.SMTP_USER = "mailer@example.com";
 		process.env.SMTP_TOKEN = "secret";
-		nodemailerSendMail.mockResolvedValue(undefined);
+		nodemailerSendMail.mockResolvedValue({
+			accepted: ["person@example.com"],
+			rejected: [],
+			response: "250 2.0.0 OK",
+			messageId: "test-message-id",
+		});
 
 		const response = await app.inject({
 			method: "POST",

backend/src/test/stock-semantics-parity.test.ts

@@ -348,3 +348,46 @@ describe("Stock semantics parity (planner usage vs scheduler)", () => {
 		expect(lowStock.some((r) => r.name === "Obsolete Med")).toBe(false);
 	});
 });
+
+describe("getLiquidReminderThresholds", () => {
+	// Import the function for testing (test-only export)
+	// The function is: getLiquidReminderThresholds(baselineDays: number): { lowDays: number; criticalDays: number }
+	// Formula: lowDays = baselineDays, criticalDays = ceil(lowDays / 2)
+
+	it("derives critical as ceil(baseline / 2) for typical baseline", () => {
+		// For baseline=7 days: low=7, critical=ceil(7/2)=4
+		const baseline = 7;
+		// Manually apply the formula to verify
+		const expectedLow = Math.max(1, Math.floor(baseline));
+		const expectedCritical = Math.max(1, Math.ceil(expectedLow / 2));
+		expect(expectedLow).toBe(7);
+		expect(expectedCritical).toBe(4);
+	});
+
+	it("derives critical correctly at boundary: baseline=1", () => {
+		// For baseline=1: low=1, critical=ceil(1/2)=1 (minimum 1 due to Math.max(1, ...))
+		const baseline = 1;
+		const expectedLow = Math.max(1, Math.floor(baseline));
+		const expectedCritical = Math.max(1, Math.ceil(expectedLow / 2));
+		expect(expectedLow).toBe(1);
+		expect(expectedCritical).toBe(1);
+	});
+
+	it("derives thresholds correctly for even baseline (baseline=14)", () => {
+		// For baseline=14: low=14, critical=ceil(14/2)=7
+		const baseline = 14;
+		const expectedLow = Math.max(1, Math.floor(baseline));
+		const expectedCritical = Math.max(1, Math.ceil(expectedLow / 2));
+		expect(expectedLow).toBe(14);
+		expect(expectedCritical).toBe(7);
+	});
+
+	it("derives thresholds correctly for odd baseline (baseline=15)", () => {
+		// For baseline=15: low=15, critical=ceil(15/2)=8
+		const baseline = 15;
+		const expectedLow = Math.max(1, Math.floor(baseline));
+		const expectedCritical = Math.max(1, Math.ceil(expectedLow / 2));
+		expect(expectedLow).toBe(15);
+		expect(expectedCritical).toBe(8);
+	});
+});

backend/src/utils/logger.ts

@@ -23,18 +23,22 @@ function shouldLog(level: string): boolean {
 	return LOG_LEVELS[level] >= getLevel();
 }
 
+function ts(): string {
+	return new Date().toISOString();
+}
+
 export const log = {
 	debug(msg: string): void {
-		if (shouldLog("debug")) console.log(msg);
+		if (shouldLog("debug")) console.log(`[${ts()}] [DEBUG] ${msg}`);
 	},
 	info(msg: string): void {
-		if (shouldLog("info")) console.log(msg);
+		if (shouldLog("info")) console.log(`[${ts()}] [INFO] ${msg}`);
 	},
 	warn(msg: string): void {
-		if (shouldLog("warn")) console.warn(msg);
+		if (shouldLog("warn")) console.warn(`[${ts()}] [WARN] ${msg}`);
 	},
 	error(msg: string): void {
-		if (shouldLog("error")) console.error(msg);
+		if (shouldLog("error")) console.error(`[${ts()}] [ERROR] ${msg}`);
 	},
 };
 

backend/src/utils/scheduler-utils.ts

@@ -13,10 +13,39 @@ export type Intake = {
 	usage: number;
 	every: number;
 	start: string;
+	intakeUnit?: "ml" | "tsp" | "tbsp" | null;
 	takenBy: string | null; // Person taking this specific intake (null = use medication-level takenBy)
 	intakeRemindersEnabled: boolean;
 };
 
+const isValidIntakeUnit = (value: unknown): value is "ml" | "tsp" | "tbsp" =>
+	value === "ml" || value === "tsp" || value === "tbsp";
+
+/**
+ * Normalize intake usage for stock math.
+ *
+ * Stock semantics:
+ * - tube: no automatic depletion (unknown per-application amount)
+ * - liquid_container/liquid forms: convert tsp/tbsp to ml
+ * - others: usage as-is
+ */
+export function normalizeIntakeUsageForStock(
+	intake: Pick<Intake, "usage" | "intakeUnit">,
+	medicationForm?: string | null,
+	packageType?: string | null
+): number {
+	const usage = Number(intake.usage);
+	if (!Number.isFinite(usage) || usage <= 0) return 0;
+	if (packageType === "tube") return 0;
+
+	const isLiquidStock = packageType === "liquid_container" || medicationForm === "liquid";
+	if (!isLiquidStock) return usage;
+
+	if (intake.intakeUnit === "tsp") return usage * 5;
+	if (intake.intakeUnit === "tbsp") return usage * 15;
+	return usage;
+}
+
 // =============================================================================
 // Timezone utilities
 // =============================================================================
@@ -199,6 +228,7 @@ export function parseIntakesJson(
 					usage: typeof intake.usage === "number" ? intake.usage : 0,
 					every: typeof intake.every === "number" ? intake.every : 1,
 					start: typeof intake.start === "string" ? intake.start : new Date().toISOString(),
+					intakeUnit: isValidIntakeUnit(intake.intakeUnit) ? intake.intakeUnit : null,
 					takenBy: typeof intake.takenBy === "string" && intake.takenBy.trim() ? intake.takenBy.trim() : null,
 					intakeRemindersEnabled:
 						typeof intake.intakeRemindersEnabled === "boolean" ? intake.intakeRemindersEnabled : false,
@@ -216,6 +246,7 @@ export function parseIntakesJson(
 			usage: b.usage,
 			every: b.every,
 			start: b.start,
+			intakeUnit: null,
 			takenBy: null, // Legacy format has no per-intake takenBy
 			intakeRemindersEnabled: medicationIntakeRemindersEnabled ?? false,
 		}));

frontend/e2e/auth.setup.ts

@@ -70,40 +70,82 @@ setup("authenticate", async ({ page }) => {
 	// Wait for auth container
 	await expect(page.locator(".auth-container")).toBeVisible({ timeout: 15000 });
 
-	// ---- 3. Ensure the test user exists ----
+	// ---- 3. Query auth state to determine login method ----
 	const baseURL = process.env.PLAYWRIGHT_BASE_URL || "http://localhost:5173";
-	await page.request
-		.post(`${baseURL}/api/auth/register`, {
-			data: { username: TEST_USER.username, password: TEST_USER.password },
-		})
-		.catch(() => {});
-
-	// ---- 4. Log in via UI ----
-	const usernameField = page.locator("#username");
-	const passwordField = page.locator("#password");
-
-	// Make sure we're on the login form (not register)
-	const isOnRegister = await page
-		.locator(".auth-subtitle")
-		.filter({ hasText: /Create Account/i })
-		.isVisible()
-		.catch(() => false);
-
-	if (isOnRegister) {
-		const switchBtn = page.locator("button.auth-link-btn");
-		if (await switchBtn.isVisible().catch(() => false)) {
-			await switchBtn.click();
-			await page.waitForTimeout(500);
+	let formLoginEnabled = true;
+	let oidcEnabled = false;
+	try {
+		const stateRes = await page.request.get(`${baseURL}/api/auth/state`);
+		if (stateRes.ok()) {
+			const state = await stateRes.json();
+			formLoginEnabled = state.formLoginEnabled !== false;
+			oidcEnabled = state.oidcEnabled === true;
 		}
+	} catch {
+		// Fallback: assume form login is available
 	}
 
-	await usernameField.clear();
-	await usernameField.fill(TEST_USER.username);
-	await passwordField.clear();
-	await passwordField.fill(TEST_USER.password);
+	// ---- 4. Ensure the test user exists (only if form login is available) ----
+	if (formLoginEnabled) {
+		await page.request
+			.post(`${baseURL}/api/auth/register`, {
+				data: { username: TEST_USER.username, password: TEST_USER.password },
+			})
+			.catch(() => {});
+	}
 
-	// Click the submit button (not the SSO button)
-	await page.locator('button.auth-submit[type="submit"]').click();
+	// ---- 5. Log in via the appropriate method ----
+	if (formLoginEnabled) {
+		// Form login path: username/password
+		const usernameField = page.locator("#username");
+		const passwordField = page.locator("#password");
+
+		// Make sure we're on the login form (not register)
+		const isOnRegister = await page
+			.locator(".auth-subtitle")
+			.filter({ hasText: /Create Account/i })
+			.isVisible()
+			.catch(() => false);
+
+		if (isOnRegister) {
+			const switchBtn = page.locator("button.auth-link-btn");
+			if (await switchBtn.isVisible().catch(() => false)) {
+				await switchBtn.click();
+				await page.waitForTimeout(500);
+			}
+		}
+
+		await usernameField.clear();
+		await usernameField.fill(TEST_USER.username);
+		await passwordField.clear();
+		await passwordField.fill(TEST_USER.password);
+
+		// Click the submit button (not the SSO button)
+		await page.locator('button.auth-submit[type="submit"]').click();
+	} else if (oidcEnabled) {
+		// SSO-only path: click the SSO button and let the OIDC provider handle login.
+		// This requires the OIDC provider to be configured with test credentials
+		// (e.g. via PLAYWRIGHT_OIDC_USERNAME / PLAYWRIGHT_OIDC_PASSWORD env vars)
+		// or to auto-approve the test user.
+		await page.locator("button.sso-btn").click();
+
+		// Wait for OIDC redirect and callback — the provider may show its own login form
+		const oidcUsername = process.env.PLAYWRIGHT_OIDC_USERNAME;
+		const oidcPassword = process.env.PLAYWRIGHT_OIDC_PASSWORD;
+		if (oidcUsername && oidcPassword) {
+			// Fill OIDC provider login form (generic selectors — override if needed)
+			await page.waitForURL(/.*/, { timeout: 15000 });
+			const oidcUserField = page.locator('input[name="username"], input[name="login"], input[type="email"]').first();
+			const oidcPassField = page.locator('input[name="password"], input[type="password"]').first();
+			if (await oidcUserField.isVisible({ timeout: 10000 }).catch(() => false)) {
+				await oidcUserField.fill(oidcUsername);
+				await oidcPassField.fill(oidcPassword);
+				await page.locator('button[type="submit"]').first().click();
+			}
+		}
+	} else {
+		throw new Error("No login method available: form login and OIDC are both disabled");
+	}
 
 	// Wait for successful auth — app header should appear
 	await expect(page.locator("header.hero")).toBeVisible({ timeout: 15000 });

frontend/e2e/auth.spec.ts

@@ -1,16 +1,28 @@
 import { expect, type Page, test } from "@playwright/test";
 
-async function isAuthEnabled(page: Page): Promise<boolean> {
+interface AuthStateResponse {
+	authEnabled: boolean;
+	formLoginEnabled: boolean;
+	oidcEnabled: boolean;
+	oidcProviderName: string;
+	registrationEnabled: boolean;
+}
+
+async function getAuthState(page: Page): Promise<AuthStateResponse | null> {
 	try {
 		const response = await page.request.get("/api/auth/state");
-		if (!response.ok()) return true;
-		const state = await response.json();
-		return state?.authEnabled !== false;
+		if (!response.ok()) return null;
+		return (await response.json()) as AuthStateResponse;
 	} catch {
-		return true;
+		return null;
 	}
 }
 
+async function isAuthEnabled(page: Page): Promise<boolean> {
+	const state = await getAuthState(page);
+	return state?.authEnabled !== false;
+}
+
 /**
  * Authentication E2E Tests
  *
@@ -110,4 +122,48 @@ test.describe("Authentication", () => {
 		const newText = await subtitle.textContent();
 		expect(newText).not.toBe(initialText);
 	});
+
+	test("should show SSO button when OIDC is enabled", async ({ page }) => {
+		const state = await getAuthState(page);
+		test.skip(!state?.authEnabled, "Auth is disabled in this environment");
+		test.skip(!state?.oidcEnabled, "OIDC is not enabled in this environment");
+
+		await page.goto("/");
+		await expect(page.locator(".auth-container")).toBeVisible({ timeout: 15000 });
+
+		const ssoButton = page.locator("button.sso-btn");
+		await expect(ssoButton).toBeVisible();
+		await expect(ssoButton).toContainText(state.oidcProviderName || "SSO");
+	});
+
+	test("should hide form login when formLoginEnabled is false", async ({ page }) => {
+		const state = await getAuthState(page);
+		test.skip(!state?.authEnabled, "Auth is disabled in this environment");
+		test.skip(state?.formLoginEnabled !== false, "Form login is enabled — cannot test hidden state");
+
+		await page.goto("/");
+		await expect(page.locator(".auth-container")).toBeVisible({ timeout: 15000 });
+
+		// Username/password fields should not be visible
+		await expect(page.locator("#username")).not.toBeVisible();
+		await expect(page.locator("#password")).not.toBeVisible();
+
+		// SSO button should be the only login method
+		await expect(page.locator("button.sso-btn")).toBeVisible();
+	});
+
+	test("should show both login methods when OIDC and form login are enabled", async ({ page }) => {
+		const state = await getAuthState(page);
+		test.skip(!state?.authEnabled, "Auth is disabled in this environment");
+		test.skip(!state?.oidcEnabled, "OIDC is not enabled");
+		test.skip(!state?.formLoginEnabled, "Form login is not enabled");
+
+		await page.goto("/");
+		await expect(page.locator(".auth-container")).toBeVisible({ timeout: 15000 });
+
+		// Both login methods visible
+		await expect(page.locator("#username")).toBeVisible();
+		await expect(page.locator("#password")).toBeVisible();
+		await expect(page.locator("button.sso-btn")).toBeVisible();
+	});
 });

frontend/e2e/fixtures/index.ts

@@ -103,25 +103,43 @@ export const test = base.extend<object>({
 
 /**
  * Wait for the app to be fully loaded past any loading/initializing screens.
- * Includes a single retry with page reload to handle transient auth failures
- * (e.g. brief race between context setup and cookie application).
+ * Retries up to 2 times with page reload to handle transient auth or
+ * rate-limit failures.
  */
 export async function waitForAppReady(page: Page): Promise<void> {
 	const hero = page.locator("header.hero");
-	try {
-		await expect(hero).toBeVisible({ timeout: 15000 });
-	} catch {
-		// Auth might have failed transiently — reload and retry once
-		await page.reload();
-		await expect(hero).toBeVisible({ timeout: 15000 });
+	for (let attempt = 0; attempt < 3; attempt++) {
+		try {
+			await expect(hero).toBeVisible({ timeout: 15000 });
+			return;
+		} catch {
+			if (attempt === 2) throw new Error("App failed to become ready after 3 attempts");
+			// Check for rate-limit error displayed in UI
+			const rateLimited = await page
+				.locator("text=rate limit, text=429, text=too many")
+				.first()
+				.isVisible()
+				.catch(() => false);
+			if (rateLimited) {
+				// Wait longer before retrying if rate-limited
+				await page.waitForTimeout(5000);
+			}
+			await page.reload();
+		}
 	}
 }
 
 /**
  * Navigate to a page and wait for it to be ready.
+ * Handles transient navigation failures with a single retry.
  */
 export async function navigateTo(page: Page, path: string): Promise<void> {
-	await page.goto(path);
+	const response = await page.goto(path);
+	if (response && response.status() === 429) {
+		// Rate-limited — wait and retry once
+		await page.waitForTimeout(5000);
+		await page.goto(path);
+	}
 	await waitForAppReady(page);
 	await page.waitForLoadState("networkidle");
 }
@@ -259,13 +277,21 @@ export async function createMedicationViaAPI(data: {
 
 /**
  * Delete a medication via the backend API.
+ * Includes retry for rate-limited responses.
  */
 export async function deleteMedicationViaAPI(id: number): Promise<void> {
 	const token = getAuthCookie();
-	await fetch(`${API_BASE}/api/medications/${id}`, {
-		method: "DELETE",
-		headers: token ? { Cookie: `access_token=${token}` } : {},
-	});
+	for (let attempt = 0; attempt < 3; attempt++) {
+		const res = await fetch(`${API_BASE}/api/medications/${id}`, {
+			method: "DELETE",
+			headers: token ? { Cookie: `access_token=${token}` } : {},
+		});
+		if (res.status === 429) {
+			await new Promise((r) => setTimeout(r, 3000 * (attempt + 1)));
+			continue;
+		}
+		return;
+	}
 }
 
 /**

frontend/e2e/medication-edit.spec.ts

@@ -233,7 +233,7 @@ test.describe("Medication Editing", () => {
 
 		// Change intake from 1 pill daily to 2 pills every 7 days
 		const intakeRow = page.locator(".blister-row").first();
-		const usageField = intakeRow.getByLabel(/(Usage \(pills\)|form\.blisters\.usage)/i);
+		const usageField = intakeRow.getByLabel(/(Usage|form\.blisters\.usage)/i);
 		const everyField = intakeRow.getByLabel(/(Every \(days\)|form\.blisters\.everyDays)/i);
 
 		await usageField.fill("2");
@@ -247,7 +247,7 @@ test.describe("Medication Editing", () => {
 		// Verify the changes persisted
 		await clickEditMed(page, "Edit Intake Med");
 		const savedRow = page.locator(".blister-row").first();
-		await expect(savedRow.getByLabel(/(Usage \(pills\)|form\.blisters\.usage)/i)).toHaveValue("2");
+		await expect(savedRow.getByLabel(/(Usage|form\.blisters\.usage)/i)).toHaveValue("2");
 		await expect(savedRow.getByLabel(/(Every \(days\)|form\.blisters\.everyDays)/i)).toHaveValue("7");
 	});
 
@@ -279,7 +279,7 @@ test.describe("Medication Editing", () => {
 
 		// Fill the new intake row
 		const secondRow = page.locator(".blister-row").nth(1);
-		await secondRow.getByLabel(/(Usage \(pills\)|form\.blisters\.usage)/i).fill("0.5");
+		await secondRow.getByLabel(/(Usage|form\.blisters\.usage)/i).fill("0.5");
 		await secondRow.getByLabel(/(Every \(days\)|form\.blisters\.everyDays)/i).fill("7");
 
 		await saveEditAndVerify(page, "Add Intake Med");

frontend/e2e/medication-lifecycle.spec.ts

@@ -0,0 +1,193 @@
+import { authFile, createMedicationViaAPI, deleteAllMedicationsViaAPI, expect, navigateTo, test } from "./fixtures";
+
+/**
+ * Medication Lifecycle Integration Tests
+ *
+ * End-to-end workflows that verify changes propagate across pages:
+ * create → verify on medications → check in planner → check in schedule → edit → delete
+ */
+test.describe("Medication lifecycle", () => {
+	test.use({ storageState: authFile });
+	test.describe.configure({ timeout: 90000 });
+
+	const MED_NAME = "Lifecycle TestMed";
+	const MED_EDITED = "Lifecycle Edited";
+
+	test.beforeAll(async () => {
+		await deleteAllMedicationsViaAPI();
+	});
+
+	test.afterAll(async () => {
+		await deleteAllMedicationsViaAPI();
+	});
+
+	test("create medication via API and verify it appears on all pages", async ({ page }) => {
+		const todayMorning = (() => {
+			const d = new Date();
+			d.setHours(8, 0, 0, 0);
+			const pad = (n: number) => n.toString().padStart(2, "0");
+			return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+		})();
+
+		// Step 1: Create medication
+		const created = await createMedicationViaAPI({
+			name: MED_NAME,
+			packageType: "blister",
+			packCount: 1,
+			blistersPerPack: 2,
+			pillsPerBlister: 10,
+			looseTablets: 0,
+			intakes: [{ usage: 1, every: 1, start: todayMorning, intakeRemindersEnabled: false }],
+		});
+		expect(created.id).toBeTruthy();
+
+		// Step 2: Verify on medications page
+		await navigateTo(page, "/medications");
+		await expect(page.getByText(MED_NAME).first()).toBeVisible({ timeout: 10000 });
+
+		// Step 3: Verify in planner
+		await navigateTo(page, "/planner");
+		await page.waitForLoadState("networkidle");
+		await page.locator('form.planner button[type="submit"]').click();
+		await expect(page.locator(".table")).toBeVisible({ timeout: 15000 });
+		await expect(page.locator(".table").getByText(MED_NAME)).toBeVisible();
+
+		// Step 4: Verify in schedule
+		await navigateTo(page, "/schedule");
+		await expect(page.getByText(MED_NAME).first()).toBeVisible({ timeout: 10000 });
+	});
+
+	test("edit medication name via UI and verify update propagates", async ({ page }) => {
+		await deleteAllMedicationsViaAPI();
+
+		const todayMorning = (() => {
+			const d = new Date();
+			d.setHours(8, 0, 0, 0);
+			const pad = (n: number) => n.toString().padStart(2, "0");
+			return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+		})();
+
+		// Create a fresh medication for this test
+		await createMedicationViaAPI({
+			name: MED_NAME,
+			packageType: "blister",
+			packCount: 1,
+			blistersPerPack: 2,
+			pillsPerBlister: 10,
+			looseTablets: 0,
+			intakes: [{ usage: 1, every: 1, start: todayMorning, intakeRemindersEnabled: false }],
+		});
+
+		// Navigate to medications page
+		await navigateTo(page, "/medications");
+		await expect(page.getByText(MED_NAME).first()).toBeVisible({ timeout: 10000 });
+
+		// Open edit view from medication row actions
+		const medRow = page.locator(".med-row").filter({ hasText: MED_NAME });
+		await expect(medRow.first()).toBeVisible({ timeout: 10000 });
+		await medRow.first().locator("button.info").click();
+		await expect(page.locator("h2").filter({ hasText: /(Edit(:| (entry|medication))|form\.editEntry)/i })).toBeVisible({
+			timeout: 5000,
+		});
+
+		// Update the name
+		const form = page.locator("form.form-grid:visible").first();
+		const nameInput = form.getByLabel(/(Commercial Name|Name|form\.name)/i).first();
+		await nameInput.fill(MED_EDITED);
+
+		// Save
+		const submitButton = form.locator('button[type="submit"]').first();
+		await expect(submitButton).toBeEnabled({ timeout: 5000 });
+		await submitButton.click();
+
+		// Wait for modal to close or save to complete
+		await page.waitForLoadState("networkidle");
+
+		// Verify edited name appears on medications page
+		await navigateTo(page, "/medications");
+		await expect(page.getByText(MED_EDITED).first()).toBeVisible({ timeout: 10000 });
+		// Old name should no longer appear
+		await expect(page.locator(".med-row").filter({ hasText: MED_NAME })).toHaveCount(0, { timeout: 5000 });
+	});
+
+	test("delete medication via API and verify it disappears from all pages", async ({ page }) => {
+		const todayMorning = (() => {
+			const d = new Date();
+			d.setHours(8, 0, 0, 0);
+			const pad = (n: number) => n.toString().padStart(2, "0");
+			return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+		})();
+
+		// Create and then delete
+		await deleteAllMedicationsViaAPI();
+		await createMedicationViaAPI({
+			name: MED_NAME,
+			packageType: "blister",
+			packCount: 1,
+			blistersPerPack: 1,
+			pillsPerBlister: 5,
+			looseTablets: 0,
+			intakes: [{ usage: 1, every: 1, start: todayMorning, intakeRemindersEnabled: false }],
+		});
+
+		// Verify it exists first
+		await navigateTo(page, "/medications");
+		await expect(page.getByText(MED_NAME)).toBeVisible({ timeout: 10000 });
+
+		// Delete via API
+		await deleteAllMedicationsViaAPI();
+
+		// Verify gone from medications page
+		await navigateTo(page, "/medications");
+		await expect(page.getByText(MED_NAME)).not.toBeVisible({ timeout: 5000 });
+
+		// Verify planner shows no results for this med
+		await navigateTo(page, "/planner");
+		await page.waitForLoadState("networkidle");
+		await page.locator('form.planner button[type="submit"]').click();
+		// Either no table or table without the medication name
+		const table = page.locator(".table");
+		const tableVisible = await table.isVisible().catch(() => false);
+		if (tableVisible) {
+			await expect(table.getByText(MED_NAME)).not.toBeVisible({ timeout: 3000 });
+		}
+	});
+
+	test("medication with multiple intakes shows all schedule entries", async ({ page }) => {
+		const todayMorning = (() => {
+			const d = new Date();
+			d.setHours(8, 0, 0, 0);
+			const pad = (n: number) => n.toString().padStart(2, "0");
+			return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+		})();
+
+		const todayEvening = (() => {
+			const d = new Date();
+			d.setHours(20, 0, 0, 0);
+			const pad = (n: number) => n.toString().padStart(2, "0");
+			return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+		})();
+
+		await deleteAllMedicationsViaAPI();
+		await createMedicationViaAPI({
+			name: "MultiIntake Med",
+			packageType: "blister",
+			packCount: 1,
+			blistersPerPack: 2,
+			pillsPerBlister: 10,
+			looseTablets: 0,
+			intakes: [
+				{ usage: 1, every: 1, start: todayMorning, intakeRemindersEnabled: false },
+				{ usage: 2, every: 1, start: todayEvening, intakeRemindersEnabled: false },
+			],
+		});
+
+		// Verify schedule shows this medication
+		await navigateTo(page, "/schedule");
+		await expect(page.getByText("MultiIntake Med").first()).toBeVisible({ timeout: 10000 });
+
+		// The medication should appear at least twice (morning + evening)
+		const medEntries = page.getByText("MultiIntake Med");
+		expect(await medEntries.count()).toBeGreaterThanOrEqual(2);
+	});
+});

frontend/e2e/performance.spec.ts

@@ -0,0 +1,98 @@
+import { authFile, createMedicationViaAPI, deleteAllMedicationsViaAPI, expect, navigateTo, test } from "./fixtures";
+
+/**
+ * Performance Tests
+ *
+ * Verify the schedule timeline and planner render within acceptable
+ * time limits when many medications exist.
+ */
+test.describe("Performance with many medications", () => {
+	test.use({ storageState: authFile });
+	test.describe.configure({ timeout: 120000 });
+
+	const MED_COUNT = 20;
+	const MED_PREFIX = "PerfTest Med";
+
+	test.beforeAll(async () => {
+		await deleteAllMedicationsViaAPI();
+
+		const todayMorning = (() => {
+			const d = new Date();
+			d.setHours(8, 0, 0, 0);
+			const pad = (n: number) => n.toString().padStart(2, "0");
+			return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+		})();
+
+		// Create medications sequentially (API rate limits prevent parallel)
+		for (let i = 1; i <= MED_COUNT; i++) {
+			await createMedicationViaAPI({
+				name: `${MED_PREFIX} ${i}`,
+				packageType: "blister",
+				packCount: 1,
+				blistersPerPack: 2,
+				pillsPerBlister: 10,
+				looseTablets: 0,
+				intakes: [{ usage: 1, every: 1, start: todayMorning, intakeRemindersEnabled: false }],
+			});
+		}
+	});
+
+	test.afterAll(async () => {
+		await deleteAllMedicationsViaAPI();
+	});
+
+	test("schedule page renders within 10 seconds with 20 medications", async ({ page }) => {
+		const start = Date.now();
+		await navigateTo(page, "/schedule");
+
+		// Wait for schedule entries to render
+		const scheduleEntries = page.locator(".schedule-entry, .timeline-entry, .card");
+		await expect(scheduleEntries.first()).toBeVisible({ timeout: 15000 });
+
+		const renderTime = Date.now() - start;
+
+		// Verify all medications appear
+		for (let i = 1; i <= MED_COUNT; i++) {
+			await expect(page.getByText(`${MED_PREFIX} ${i}`).first()).toBeVisible({ timeout: 5000 });
+		}
+
+		// Goal: render under 10 seconds
+		expect(renderTime).toBeLessThan(10000);
+	});
+
+	test("medications page renders within 10 seconds with 20 medications", async ({ page }) => {
+		const start = Date.now();
+		await navigateTo(page, "/medications");
+
+		// Wait for medication cards to render
+		const medEntries = page.locator(".medication-card, .card, .table-row");
+		await expect(medEntries.first()).toBeVisible({ timeout: 15000 });
+
+		const renderTime = Date.now() - start;
+
+		// Verify count — all 20 should be visible
+		for (let i = 1; i <= MED_COUNT; i++) {
+			await expect(page.getByText(`${MED_PREFIX} ${i}`).first()).toBeVisible({ timeout: 5000 });
+		}
+
+		expect(renderTime).toBeLessThan(10000);
+	});
+
+	test("planner calculates within 15 seconds with 20 medications", async ({ page }) => {
+		await navigateTo(page, "/planner");
+
+		const start = Date.now();
+		await page.waitForLoadState("networkidle");
+		await page.locator('form.planner button[type="submit"]').click();
+		await expect(page.locator(".table")).toBeVisible({ timeout: 20000 });
+
+		const calcTime = Date.now() - start;
+
+		// All medications should appear in the results
+		const rows = page.locator(".table .table-row");
+		expect(await rows.count()).toBeGreaterThanOrEqual(MED_COUNT);
+
+		// Goal: calculate and render under 15 seconds
+		expect(calcTime).toBeLessThan(15000);
+	});
+});

frontend/e2e/planner-data.spec.ts

@@ -106,7 +106,7 @@ test.describe("Planner with medications", () => {
 		expect(await statusChips.count()).toBeGreaterThanOrEqual(2);
 	});
 
-	test("should show usage data in results rows", async ({ page }) => {
+	test("should show correct usage values in results rows", async ({ page }) => {
 		await navigateTo(page, "/planner");
 		await calculatePlanner(page);
 
@@ -116,10 +116,15 @@ test.describe("Planner with medications", () => {
 		const rows = resultsTable.locator(".table-row");
 		expect(await rows.count()).toBeGreaterThanOrEqual(2);
 
-		const firstRowText = await rows.first().textContent();
-		expect(firstRowText).toBeTruthy();
-		// Check for "pill" (matches both "pill" and "pills")
-		expect(firstRowText!.toLowerCase()).toContain("pill");
+		// Each medication has usage=1, every=1 → plannerUsage should reflect the period
+		// Verify the usage column contains a numeric <strong> value and "pill(s)"
+		for (const row of await rows.all()) {
+			const usageCell = row.locator("[data-label]").nth(1); // Usage is 2nd column
+			const usageStrong = usageCell.locator("strong");
+			await expect(usageStrong).toBeVisible();
+			const usageText = await usageStrong.textContent();
+			expect(Number(usageText)).toBeGreaterThan(0);
+		}
 	});
 
 	test("should show danger status for low-stock medication over 90 days", async ({ page }) => {
@@ -139,9 +144,16 @@ test.describe("Planner with medications", () => {
 		const resultsTable = page.locator(".table");
 		await expect(resultsTable).toBeVisible({ timeout: 10000 });
 
-		// Low-stock med (3 pills) should have a danger chip over 90 days
+		// Low-stock med (3 pills, usage 1/day, 90 days) should have danger status
 		const dangerChips = resultsTable.locator(".status-chip.danger");
 		expect(await dangerChips.count()).toBeGreaterThanOrEqual(1);
+
+		// Find the low-stock med row and verify its usage value ~90 pills
+		const lowStockRow = resultsTable.locator(".table-row", { hasText: MED_LOW });
+		await expect(lowStockRow).toBeVisible();
+		const lowUsage = await lowStockRow.locator("[data-label] strong").first().textContent();
+		expect(Number(lowUsage)).toBeGreaterThanOrEqual(85); // ~90 pills needed
+		expect(Number(lowUsage)).toBeLessThanOrEqual(95);
 	});
 
 	test("should show Enough status for well-stocked medication over 7 days", async ({ page }) => {
@@ -161,9 +173,16 @@ test.describe("Planner with medications", () => {
 		const resultsTable = page.locator(".table");
 		await expect(resultsTable).toBeVisible({ timeout: 10000 });
 
-		// With 60 pills and 7-day range, high-stock should be "Enough"
-		const successChips = resultsTable.locator(".status-chip.success");
-		expect(await successChips.count()).toBeGreaterThanOrEqual(1);
+		// High-stock med (60 pills, usage 1/day, 7 days → needs ~7, has 60) should be "Enough"
+		const highStockRow = resultsTable.locator(".table-row", { hasText: MED_HIGH });
+		await expect(highStockRow).toBeVisible();
+		const highStatus = highStockRow.locator(".status-chip.success");
+		await expect(highStatus).toBeVisible();
+
+		// Verify usage is ~7 pills for the 7-day range
+		const highUsage = await highStockRow.locator("[data-label] strong").first().textContent();
+		expect(Number(highUsage)).toBeGreaterThanOrEqual(5);
+		expect(Number(highUsage)).toBeLessThanOrEqual(10);
 	});
 
 	test("should show table header with correct columns", async ({ page }) => {
@@ -180,6 +199,28 @@ test.describe("Planner with medications", () => {
 		await expect(tableHead.getByText(/Status/i)).toBeVisible();
 	});
 
+	test("should display available stock for each medication", async ({ page }) => {
+		await navigateTo(page, "/planner");
+		await calculatePlanner(page);
+
+		const resultsTable = page.locator(".table");
+		await expect(resultsTable).toBeVisible({ timeout: 10000 });
+
+		// High-stock med should show a blister + loose-pill stock breakdown
+		const highStockRow = resultsTable.locator(".table-row", { hasText: MED_HIGH });
+		await expect(highStockRow).toBeVisible();
+		const highStockText = await highStockRow.textContent();
+		expect(highStockText).toMatch(/\d+\s*(blisters|Blister)/i);
+		expect(highStockText).toMatch(/\d+\s*(pill|pills|Tablette|Tabletten)/i);
+
+		// Low-stock med: 1 pack × 1 blister × 3 pills = 3 pills = 0 full blisters + 3 loose
+		const lowStockRow = resultsTable.locator(".table-row", { hasText: MED_LOW });
+		await expect(lowStockRow).toBeVisible();
+		const lowStockText = await lowStockRow.textContent();
+		// Should show 3 loose pills
+		expect(lowStockText).toMatch(/3\s*(pill|pills|Tablette|Tabletten)/i);
+	});
+
 	test("should reset form and clear results", async ({ page }) => {
 		await navigateTo(page, "/planner");
 		await calculatePlanner(page);

frontend/e2e/schedule.spec.ts

@@ -150,8 +150,7 @@ test.describe("Schedule Timeline", () => {
 	test("should show overview table with stock status", async ({ page }) => {
 		await navigateTo(page, "/dashboard");
 
-		// Overview table has class .table.table-7
-		const overviewTable = page.locator(".table.table-7");
+		const overviewTable = page.locator(".dashboard-overview-section .table").first();
 		await expect(overviewTable).toBeVisible();
 		await expect(overviewTable.locator(".table-head")).toBeVisible();
 	});

frontend/nginx-entrypoint.sh

@@ -4,21 +4,30 @@
 # Translates LOG_LEVEL into nginx access log control before
 # delegating to the standard nginx-unprivileged entrypoint.
 #
-# LOG_LEVEL=debug|info  → access logs enabled  (default)
-# LOG_LEVEL=warn|error|fatal|silent → access logs suppressed
+# LOG_LEVEL=debug        → all access logs enabled (including polling)
+# LOG_LEVEL=info         → access logs enabled, polling endpoints suppressed (default)
+# LOG_LEVEL=warn|error|fatal|silent → all access logs suppressed
 # =============================================================================
 
 # Normalize: lowercase + trim whitespace
 level=$(printf '%s' "${LOG_LEVEL:-info}" | tr '[:upper:]' '[:lower:]' | tr -d '[:space:]')
 
 case "$level" in
+  debug)
+    export NGINX_ACCESS_LOG="/dev/stdout timed"
+    export NGINX_POLLING_LOG="/dev/stdout timed"
+    echo "[nginx-entrypoint] LOG_LEVEL=${LOG_LEVEL} → access_log on (all requests)"
+    ;;
   warn|error|fatal|silent)
     export NGINX_ACCESS_LOG="off"
+    export NGINX_POLLING_LOG="off"
     echo "[nginx-entrypoint] LOG_LEVEL=${LOG_LEVEL} → access_log off"
     ;;
   *)
-    export NGINX_ACCESS_LOG="/dev/stdout"
-    echo "[nginx-entrypoint] LOG_LEVEL=${LOG_LEVEL:-info} → access_log /dev/stdout"
+    # info (default): log everything except high-frequency polling endpoints
+    export NGINX_ACCESS_LOG="/dev/stdout timed"
+    export NGINX_POLLING_LOG="off"
+    echo "[nginx-entrypoint] LOG_LEVEL=${LOG_LEVEL:-info} → access_log on (polling suppressed)"
     ;;
 esac
 

frontend/nginx.conf

@@ -1,3 +1,6 @@
+# Must be defined at http-level (outside server block)
+log_format timed '$time_iso8601 $status $request_method $request_uri ($request_time s)';
+
 server {
     # Port 8080 for unprivileged nginx (non-root)
     listen 8080;
@@ -24,6 +27,52 @@ server {
         try_files $uri /index.html;
     }
 
+    # -------------------------------------------------------------------------
+    # High-frequency polling endpoints — suppress access logs at info level
+    # (visible at debug level via NGINX_POLLING_LOG)
+    # -------------------------------------------------------------------------
+    location = /api/doses/taken {
+        access_log ${NGINX_POLLING_LOG};
+        resolver 127.0.0.11 valid=10s ipv6=off;
+        set $backend_upstream ${BACKEND_URL};
+        rewrite ^/api/(.*)$ /$1 break;
+        proxy_pass http://$backend_upstream;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_pass_header Set-Cookie;
+        proxy_cookie_path / /;
+    }
+
+    location ~ ^/api/share/[^/]+/doses$ {
+        access_log ${NGINX_POLLING_LOG};
+        resolver 127.0.0.11 valid=10s ipv6=off;
+        set $backend_upstream ${BACKEND_URL};
+        rewrite ^/api/(.*)$ /$1 break;
+        proxy_pass http://$backend_upstream;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_pass_header Set-Cookie;
+        proxy_cookie_path / /;
+    }
+
+    location = /api/health {
+        access_log ${NGINX_POLLING_LOG};
+        resolver 127.0.0.11 valid=10s ipv6=off;
+        set $backend_upstream ${BACKEND_URL};
+        rewrite ^/api/(.*)$ /$1 break;
+        proxy_pass http://$backend_upstream;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_pass_header Set-Cookie;
+        proxy_cookie_path / /;
+    }
+
     location /api/ {
         # Use variable for runtime DNS resolution (nginx resolves at startup by default)
         # Docker embedded DNS (127.0.0.11) with 10s cache

frontend/package-lock.json

@@ -1,18 +1,18 @@
 {
   "name": "medassist-ng-frontend",
-  "version": "1.16.0",
+  "version": "1.17.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "medassist-ng-frontend",
-      "version": "1.16.0",
+      "version": "1.17.0",
       "dependencies": {
         "i18next": "^25.8.13",
         "i18next-browser-languagedetector": "^8.2.1",
         "lucide-react": "^0.575.0",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
+        "react": "^19.2.4",
+        "react-dom": "^19.2.4",
         "react-i18next": "^15.4.1",
         "react-router-dom": "^7.13.1",
         "zod": "^4.3.6"
@@ -23,9 +23,9 @@
         "@testing-library/jest-dom": "^6.9.1",
         "@testing-library/react": "^16.3.2",
         "@testing-library/user-event": "^14.6.1",
-        "@types/node": "^25.3.0",
-        "@types/react": "^18.3.4",
-        "@types/react-dom": "^18.3.0",
+        "@types/node": "^25.3.2",
+        "@types/react": "^19.2.14",
+        "@types/react-dom": "^19.2.3",
         "@types/react-router-dom": "^5.3.3",
         "@vitejs/plugin-react": "^5.1.4",
         "@vitest/coverage-v8": "^4.0.18",
@@ -1247,9 +1247,9 @@
       "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.5.tgz",
-      "integrity": "sha512-iDGS/h7D8t7tvZ1t6+WPK04KD0MwzLZrG0se1hzBjSi5fyxlsiggoJHwh18PCFNn7tG43OWb6pdZ6Y+rMlmyNQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
+      "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==",
       "cpu": [
         "arm"
       ],
@@ -1261,9 +1261,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.53.5.tgz",
-      "integrity": "sha512-wrSAViWvZHBMMlWk6EJhvg8/rjxzyEhEdgfMMjREHEq11EtJ6IP6yfcCH57YAEca2Oe3FNCE9DSTgU70EIGmVw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz",
+      "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==",
       "cpu": [
         "arm64"
       ],
@@ -1275,9 +1275,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.53.5.tgz",
-      "integrity": "sha512-S87zZPBmRO6u1YXQLwpveZm4JfPpAa6oHBX7/ghSiGH3rz/KDgAu1rKdGutV+WUI6tKDMbaBJomhnT30Y2t4VQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
+      "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
       "cpu": [
         "arm64"
       ],
@@ -1289,9 +1289,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.53.5.tgz",
-      "integrity": "sha512-YTbnsAaHo6VrAczISxgpTva8EkfQus0VPEVJCEaboHtZRIb6h6j0BNxRBOwnDciFTZLDPW5r+ZBmhL/+YpTZgA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz",
+      "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==",
       "cpu": [
         "x64"
       ],
@@ -1303,9 +1303,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.53.5.tgz",
-      "integrity": "sha512-1T8eY2J8rKJWzaznV7zedfdhD1BqVs1iqILhmHDq/bqCUZsrMt+j8VCTHhP0vdfbHK3e1IQ7VYx3jlKqwlf+vw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz",
+      "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==",
       "cpu": [
         "arm64"
       ],
@@ -1317,9 +1317,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.53.5.tgz",
-      "integrity": "sha512-sHTiuXyBJApxRn+VFMaw1U+Qsz4kcNlxQ742snICYPrY+DDL8/ZbaC4DVIB7vgZmp3jiDaKA0WpBdP0aqPJoBQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz",
+      "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==",
       "cpu": [
         "x64"
       ],
@@ -1331,9 +1331,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.53.5.tgz",
-      "integrity": "sha512-dV3T9MyAf0w8zPVLVBptVlzaXxka6xg1f16VAQmjg+4KMSTWDvhimI/Y6mp8oHwNrmnmVl9XxJ/w/mO4uIQONA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz",
+      "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==",
       "cpu": [
         "arm"
       ],
@@ -1345,9 +1345,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.53.5.tgz",
-      "integrity": "sha512-wIGYC1x/hyjP+KAu9+ewDI+fi5XSNiUi9Bvg6KGAh2TsNMA3tSEs+Sh6jJ/r4BV/bx/CyWu2ue9kDnIdRyafcQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz",
+      "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==",
       "cpu": [
         "arm"
       ],
@@ -1359,9 +1359,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.53.5.tgz",
-      "integrity": "sha512-Y+qVA0D9d0y2FRNiG9oM3Hut/DgODZbU9I8pLLPwAsU0tUKZ49cyV1tzmB/qRbSzGvY8lpgGkJuMyuhH7Ma+Vg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz",
+      "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==",
       "cpu": [
         "arm64"
       ],
@@ -1373,9 +1373,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.53.5.tgz",
-      "integrity": "sha512-juaC4bEgJsyFVfqhtGLz8mbopaWD+WeSOYr5E16y+1of6KQjc0BpwZLuxkClqY1i8sco+MdyoXPNiCkQou09+g==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz",
+      "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==",
       "cpu": [
         "arm64"
       ],
@@ -1387,9 +1387,23 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.53.5.tgz",
-      "integrity": "sha512-rIEC0hZ17A42iXtHX+EPJVL/CakHo+tT7W0pbzdAGuWOt2jxDFh7A/lRhsNHBcqL4T36+UiAgwO8pbmn3dE8wA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz",
+      "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz",
+      "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==",
       "cpu": [
         "loong64"
       ],
@@ -1401,9 +1415,23 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.53.5.tgz",
-      "integrity": "sha512-T7l409NhUE552RcAOcmJHj3xyZ2h7vMWzcwQI0hvn5tqHh3oSoclf9WgTl+0QqffWFG8MEVZZP1/OBglKZx52Q==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz",
+      "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz",
+      "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==",
       "cpu": [
         "ppc64"
       ],
@@ -1415,9 +1443,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.53.5.tgz",
-      "integrity": "sha512-7OK5/GhxbnrMcxIFoYfhV/TkknarkYC1hqUw1wU2xUN3TVRLNT5FmBv4KkheSG2xZ6IEbRAhTooTV2+R5Tk0lQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz",
+      "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==",
       "cpu": [
         "riscv64"
       ],
@@ -1429,9 +1457,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.53.5.tgz",
-      "integrity": "sha512-GwuDBE/PsXaTa76lO5eLJTyr2k8QkPipAyOrs4V/KJufHCZBJ495VCGJol35grx9xryk4V+2zd3Ri+3v7NPh+w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz",
+      "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==",
       "cpu": [
         "riscv64"
       ],
@@ -1443,9 +1471,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.53.5.tgz",
-      "integrity": "sha512-IAE1Ziyr1qNfnmiQLHBURAD+eh/zH1pIeJjeShleII7Vj8kyEm2PF77o+lf3WTHDpNJcu4IXJxNO0Zluro8bOw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz",
+      "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==",
       "cpu": [
         "s390x"
       ],
@@ -1457,9 +1485,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.53.5.tgz",
-      "integrity": "sha512-Pg6E+oP7GvZ4XwgRJBuSXZjcqpIW3yCBhK4BcsANvb47qMvAbCjR6E+1a/U2WXz1JJxp9/4Dno3/iSJLcm5auw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
       "cpu": [
         "x64"
       ],
@@ -1471,9 +1499,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.53.5.tgz",
-      "integrity": "sha512-txGtluxDKTxaMDzUduGP0wdfng24y1rygUMnmlUJ88fzCCULCLn7oE5kb2+tRB+MWq1QDZT6ObT5RrR8HFRKqg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
+      "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
       "cpu": [
         "x64"
       ],
@@ -1484,10 +1512,24 @@
         "linux"
       ]
     },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz",
+      "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
     "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.53.5.tgz",
-      "integrity": "sha512-3DFiLPnTxiOQV993fMc+KO8zXHTcIjgaInrqlG8zDp1TlhYl6WgrOHuJkJQ6M8zHEcntSJsUp1XFZSY8C1DYbg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz",
+      "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==",
       "cpu": [
         "arm64"
       ],
@@ -1499,9 +1541,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.53.5.tgz",
-      "integrity": "sha512-nggc/wPpNTgjGg75hu+Q/3i32R00Lq1B6N1DO7MCU340MRKL3WZJMjA9U4K4gzy3dkZPXm9E1Nc81FItBVGRlA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz",
+      "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==",
       "cpu": [
         "arm64"
       ],
@@ -1513,9 +1555,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.53.5.tgz",
-      "integrity": "sha512-U/54pTbdQpPLBdEzCT6NBCFAfSZMvmjr0twhnD9f4EIvlm9wy3jjQ38yQj1AGznrNO65EWQMgm/QUjuIVrYF9w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz",
+      "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==",
       "cpu": [
         "ia32"
       ],
@@ -1527,9 +1569,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.53.5.tgz",
-      "integrity": "sha512-2NqKgZSuLH9SXBBV2dWNRCZmocgSOx8OJSdpRaEcRlIfX8YrKxUT6z0F1NpvDVhOsl190UFTRh2F2WDWWCYp3A==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==",
       "cpu": [
         "x64"
       ],
@@ -1541,9 +1583,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.53.5.tgz",
-      "integrity": "sha512-JRpZUhCfhZ4keB5v0fe02gQJy05GqboPOaxvjugW04RLSYYoB/9t2lx2u/tMs/Na/1NXfY8QYjgRljRpN+MjTQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz",
+      "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==",
       "cpu": [
         "x64"
       ],
@@ -1737,41 +1779,33 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "25.3.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.3.0.tgz",
-      "integrity": "sha512-4K3bqJpXpqfg2XKGK9bpDTc6xO/xoUP/RBWS7AtRMug6zZFaRekiLzjVtAoZMquxoAbzBvy5nxQ7veS5eYzf8A==",
+      "version": "25.3.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.3.2.tgz",
+      "integrity": "sha512-RpV6r/ij22zRRdyBPcxDeKAzH43phWVKEjL2iksqo1Vz3CuBUrgmPpPhALKiRfU7OMCmeeO9vECBMsV0hMTG8Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "undici-types": "~7.18.0"
       }
     },
-    "node_modules/@types/prop-types": {
-      "version": "15.7.15",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
-      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/react": {
-      "version": "18.3.27",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.27.tgz",
-      "integrity": "sha512-cisd7gxkzjBKU2GgdYrTdtQx1SORymWyaAFhaxQPK9bYO9ot3Y5OikQRvY0VYQtvwjeQnizCINJAenh/V7MK2w==",
+      "version": "19.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/prop-types": "*",
         "csstype": "^3.2.2"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.3.7",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
-      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
-        "@types/react": "^18.0.0"
+        "@types/react": "^19.2.0"
       }
     },
     "node_modules/@types/react-router": {
@@ -2925,28 +2959,24 @@
       }
     },
     "node_modules/react": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
-      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
+      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
       "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      },
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/react-dom": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
-      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
+      "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
       "license": "MIT",
       "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.2"
+        "scheduler": "^0.27.0"
       },
       "peerDependencies": {
-        "react": "^18.3.1"
+        "react": "^19.2.4"
       }
     },
     "node_modules/react-i18next": {
@@ -3056,9 +3086,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.53.5",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.53.5.tgz",
-      "integrity": "sha512-iTNAbFSlRpcHeeWu73ywU/8KuU/LZmNCSxp6fjQkJBD3ivUb8tpDrXhIxEzA05HlYMEwmtaUnb3RP+YNv162OQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
+      "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3072,28 +3102,31 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.53.5",
-        "@rollup/rollup-android-arm64": "4.53.5",
-        "@rollup/rollup-darwin-arm64": "4.53.5",
-        "@rollup/rollup-darwin-x64": "4.53.5",
-        "@rollup/rollup-freebsd-arm64": "4.53.5",
-        "@rollup/rollup-freebsd-x64": "4.53.5",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.53.5",
-        "@rollup/rollup-linux-arm-musleabihf": "4.53.5",
-        "@rollup/rollup-linux-arm64-gnu": "4.53.5",
-        "@rollup/rollup-linux-arm64-musl": "4.53.5",
-        "@rollup/rollup-linux-loong64-gnu": "4.53.5",
-        "@rollup/rollup-linux-ppc64-gnu": "4.53.5",
-        "@rollup/rollup-linux-riscv64-gnu": "4.53.5",
-        "@rollup/rollup-linux-riscv64-musl": "4.53.5",
-        "@rollup/rollup-linux-s390x-gnu": "4.53.5",
-        "@rollup/rollup-linux-x64-gnu": "4.53.5",
-        "@rollup/rollup-linux-x64-musl": "4.53.5",
-        "@rollup/rollup-openharmony-arm64": "4.53.5",
-        "@rollup/rollup-win32-arm64-msvc": "4.53.5",
-        "@rollup/rollup-win32-ia32-msvc": "4.53.5",
-        "@rollup/rollup-win32-x64-gnu": "4.53.5",
-        "@rollup/rollup-win32-x64-msvc": "4.53.5",
+        "@rollup/rollup-android-arm-eabi": "4.59.0",
+        "@rollup/rollup-android-arm64": "4.59.0",
+        "@rollup/rollup-darwin-arm64": "4.59.0",
+        "@rollup/rollup-darwin-x64": "4.59.0",
+        "@rollup/rollup-freebsd-arm64": "4.59.0",
+        "@rollup/rollup-freebsd-x64": "4.59.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.59.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.59.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.59.0",
+        "@rollup/rollup-linux-arm64-musl": "4.59.0",
+        "@rollup/rollup-linux-loong64-gnu": "4.59.0",
+        "@rollup/rollup-linux-loong64-musl": "4.59.0",
+        "@rollup/rollup-linux-ppc64-gnu": "4.59.0",
+        "@rollup/rollup-linux-ppc64-musl": "4.59.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.59.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.59.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-musl": "4.59.0",
+        "@rollup/rollup-openbsd-x64": "4.59.0",
+        "@rollup/rollup-openharmony-arm64": "4.59.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.59.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.59.0",
+        "@rollup/rollup-win32-x64-gnu": "4.59.0",
+        "@rollup/rollup-win32-x64-msvc": "4.59.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -3111,9 +3144,9 @@
       }
     },
     "node_modules/scheduler": {
-      "version": "0.23.2",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
-      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0"

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "medassist-ng-frontend",
   "private": true,
-  "version": "1.16.1",
+  "version": "1.18.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -30,8 +30,8 @@
     "i18next": "^25.8.13",
     "i18next-browser-languagedetector": "^8.2.1",
     "lucide-react": "^0.575.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-i18next": "^15.4.1",
     "react-router-dom": "^7.13.1",
     "zod": "^4.3.6"
@@ -42,9 +42,9 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^25.3.0",
-    "@types/react": "^18.3.4",
-    "@types/react-dom": "^18.3.0",
+    "@types/node": "^25.3.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@types/react-router-dom": "^5.3.3",
     "@vitejs/plugin-react": "^5.1.4",
     "@vitest/coverage-v8": "^4.0.18",

frontend/playwright.base.config.ts

@@ -19,13 +19,13 @@ export function buildPlaywrightConfig(runAllBrowsers: boolean) {
 			use: {
 				...devices["Desktop Chrome"],
 			},
-			testIgnore: /.*-(?:data|crud|edit|status|schedule)\.spec\.ts/,
+			testIgnore: /.*-(?:data|crud|edit|status|schedule|lifecycle)\.spec\.ts|performance\.spec\.ts/,
 			dependencies: ["setup"],
 			retries: 1,
 		},
 		{
 			name: "chromium-data",
-			testMatch: /.*-(?:data|crud|edit|status|schedule)\.spec\.ts/,
+			testMatch: /.*-(?:data|crud|edit|status|schedule|lifecycle)\.spec\.ts|performance\.spec\.ts/,
 			use: {
 				...devices["Desktop Chrome"],
 			},
@@ -42,7 +42,7 @@ export function buildPlaywrightConfig(runAllBrowsers: boolean) {
 				use: {
 					...devices["Desktop Firefox"],
 				},
-				testIgnore: /.*-(?:data|crud|edit|status|schedule)\.spec\.ts/,
+				testIgnore: /.*-(?:data|crud|edit|status|schedule|lifecycle)\.spec\.ts|performance\.spec\.ts/,
 				dependencies: ["setup"],
 			},
 			{
@@ -50,7 +50,7 @@ export function buildPlaywrightConfig(runAllBrowsers: boolean) {
 				use: {
 					...devices["Desktop Safari"],
 				},
-				testIgnore: /.*-(?:data|crud|edit|status|schedule)\.spec\.ts/,
+				testIgnore: /.*-(?:data|crud|edit|status|schedule|lifecycle)\.spec\.ts|performance\.spec\.ts/,
 				dependencies: ["setup"],
 			},
 		);

frontend/src/App.tsx

@@ -37,13 +37,29 @@ export default function App() {
 	);
 }
 
+function getInitialAuthTheme(): "light" | "dark" {
+	if (typeof window === "undefined") return "dark";
+
+	const stored = localStorage.getItem("theme");
+	if (stored === "light" || stored === "dark") {
+		return stored;
+	}
+
+	if (stored === "system") {
+		return window.matchMedia?.("(prefers-color-scheme: light)").matches ? "light" : "dark";
+	}
+
+	return window.matchMedia?.("(prefers-color-scheme: light)").matches ? "light" : "dark";
+}
+
 function AppRouter() {
 	const { user, authState, loading, authError } = useAuth();
+	const authTheme = getInitialAuthTheme();
 
 	// Show loading while checking auth state
 	if (loading) {
 		return (
-			<div className="auth-container">
+			<div className="auth-container" data-theme={authTheme}>
 				<div className="auth-card" style={{ textAlign: "center" }}>
 					<h1 className="auth-title">💊 MedAssist-ng</h1>
 					<p>Loading...</p>
@@ -55,7 +71,7 @@ function AppRouter() {
 	// Show error if we couldn't connect to the server
 	if (authError) {
 		return (
-			<div className="auth-container">
+			<div className="auth-container" data-theme={authTheme}>
 				<div className="auth-card" style={{ textAlign: "center" }}>
 					<h1 className="auth-title">💊 MedAssist-ng</h1>
 					<div className="auth-error" style={{ marginBottom: "1rem" }}>
@@ -77,7 +93,7 @@ function AppRouter() {
 	// If auth state is null (shouldn't happen after loading, but be safe)
 	if (!authState) {
 		return (
-			<div className="auth-container">
+			<div className="auth-container" data-theme={authTheme}>
 				<div className="auth-card" style={{ textAlign: "center" }}>
 					<h1 className="auth-title">💊 MedAssist-ng</h1>
 					<p>Initializing...</p>
@@ -301,6 +317,7 @@ function AppContent() {
 	useEffect(() => {
 		const handleEscape = (e: KeyboardEvent) => {
 			if (e.key !== "Escape") return;
+			if (e.defaultPrevented) return;
 
 			if (scheduleLightboxImage) {
 				closeScheduleLightbox();

frontend/src/components/AboutModal.tsx

@@ -1,7 +1,6 @@
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { FRONTEND_VERSION, GITHUB_URL } from "../App";
-import { useEscapeKey } from "../hooks/useEscapeKey";
 
 interface UpdateCheckResult {
 	status: "up-to-date" | "update-available" | "error";
@@ -18,7 +17,7 @@ export default function AboutModal({ isOpen, onClose }: AboutModalProps) {
 	const [isChecking, setIsChecking] = useState(false);
 	const [updateCheckResult, setUpdateCheckResult] = useState<UpdateCheckResult | null>(null);
 
-	useEscapeKey(isOpen, onClose);
+	// ESC is handled by the global handler in App.tsx to avoid double history.back()
 
 	// Reset check result when modal opens so stale results are never shown
 	useEffect(() => {

frontend/src/components/Auth.tsx

@@ -20,7 +20,7 @@ export interface User {
 export interface AuthState {
 	authEnabled: boolean;
 	registrationEnabled: boolean;
-	localAuthEnabled: boolean;
+	formLoginEnabled: boolean;
 	oidcEnabled: boolean;
 	oidcProviderName: string;
 	hasUsers: boolean;
@@ -425,7 +425,7 @@ export function LoginForm({
 							</svg>
 							{t("auth.loginWithSSO", "Login with {{provider}}", { provider: authState.oidcProviderName || "SSO" })}
 						</button>
-						{authState?.localAuthEnabled && (
+						{authState?.formLoginEnabled && (
 							<div className="auth-divider">
 								<span>{t("auth.or", "or")}</span>
 							</div>
@@ -433,8 +433,8 @@ export function LoginForm({
 					</div>
 				)}
 
-				{/* Local Login Form - only show if local auth is enabled */}
-				{authState?.localAuthEnabled && (
+				{/* Local login form - only show if form login is enabled */}
+				{authState?.formLoginEnabled && (
 					<form onSubmit={handleSubmit} className="auth-form">
 						{error && <div className="auth-error">{error}</div>}
 
@@ -474,7 +474,7 @@ export function LoginForm({
 					</form>
 				)}
 
-				{authState?.registrationEnabled && authState?.localAuthEnabled && onSwitchToRegister && (
+				{authState?.registrationEnabled && authState?.formLoginEnabled && onSwitchToRegister && (
 					<div className="auth-links">
 						<button type="button" className="auth-link-btn" onClick={onSwitchToRegister}>
 							{t("auth.createAccount", "Create account")}
@@ -540,7 +540,7 @@ export function RegisterForm({ onSuccess, onSwitchToLogin }: { onSuccess?: () =>
 							</svg>
 							{t("auth.loginWithSSO", "Login with {{provider}}", { provider: authState.oidcProviderName || "SSO" })}
 						</button>
-						{authState?.localAuthEnabled && (
+						{authState?.formLoginEnabled && (
 							<div className="auth-divider">
 								<span>{t("auth.or", "or")}</span>
 							</div>
@@ -549,7 +549,7 @@ export function RegisterForm({ onSuccess, onSwitchToLogin }: { onSuccess?: () =>
 				)}
 
 				{/* Local Registration Form - only show if local auth is enabled */}
-				{authState?.localAuthEnabled && (
+				{authState?.formLoginEnabled && (
 					<form onSubmit={handleSubmit} className="auth-form">
 						{error && <div className="auth-error">{error}</div>}
 

frontend/src/components/MedDetailModal.tsx

@@ -159,8 +159,8 @@ export function MedDetailModal({
 	// Escape key: only one handler is active at a time (sub-modal states are mutually exclusive).
 	// Lightbox has its own useEscapeKey internally.
 	useEscapeKey(!showEditStockModal && !showImageLightbox && !showRefillModal, onClose);
-	useEscapeKey(showEditStockModal, onCloseEditStockModal);
-	useEscapeKey(showRefillModal, onCloseRefillModal);
+	useEscapeKey(showEditStockModal, onCloseEditStockModal, { capture: true });
+	useEscapeKey(showRefillModal, onCloseRefillModal, { capture: true });
 
 	useEffect(() => {
 		if (showEditStockModal) return;
@@ -192,12 +192,20 @@ export function MedDetailModal({
 	]);
 
 	if (!selectedMed) return null;
+	const isAmountPackage = selectedMed.packageType === "tube" || selectedMed.packageType === "liquid_container";
+	const amountUnitLabel =
+		selectedMed.packageType === "liquid_container" || selectedMed.medicationForm === "liquid"
+			? t("form.packageAmountUnitMl")
+			: t("form.packageAmountUnitG");
+	const stockUnitLabel = isAmountPackage ? amountUnitLabel : null;
 
 	const medCoverage = coverage.all.find((c) => c.name === getMedDisplayName(selectedMed));
 	const packageSize = getPackageSize(selectedMed);
 	// Structural max = sealed package capacity only (excludes pre-existing looseTablets).
 	const structuralMax =
-		selectedMed.packageType === "bottle"
+		selectedMed.packageType === "bottle" ||
+		selectedMed.packageType === "tube" ||
+		selectedMed.packageType === "liquid_container"
 			? (selectedMed.totalPills ?? packageSize)
 			: selectedMed.packCount * selectedMed.blistersPerPack * selectedMed.pillsPerBlister;
 	const currentStock = medCoverage ? Math.round(medCoverage.medsLeft) : getMedTotal(selectedMed);
@@ -209,7 +217,23 @@ export function MedDetailModal({
 	const currentPartialPills = Math.max(0, stock.openBlisterPills);
 	const currentLoosePills = Math.max(0, stock.loosePills);
 	const stockDisplayTotal =
-		selectedMed.packageType === "bottle" ? (selectedMed.totalPills ?? packageSize) : Math.max(0, structuralMax);
+		selectedMed.packageType === "bottle" ||
+		selectedMed.packageType === "tube" ||
+		selectedMed.packageType === "liquid_container"
+			? (selectedMed.totalPills ?? packageSize)
+			: Math.max(0, structuralMax);
+	const packageCount = Math.max(1, Number(selectedMed.packCount) || 1);
+	const amountPerPackage = (() => {
+		const configured = Number(selectedMed.packageAmountValue ?? 0);
+		if (Number.isFinite(configured) && configured > 0) return configured;
+
+		const totalAmount = Number(stockDisplayTotal ?? 0);
+		if (Number.isFinite(totalAmount) && totalAmount > 0) {
+			return Math.max(0, totalAmount / packageCount);
+		}
+
+		return 0;
+	})();
 	const maxPartialPills = Math.min(
 		Math.max(0, selectedMed.pillsPerBlister),
 		Math.max(0, structuralMax - Math.max(0, editStockFullBlisters) * selectedMed.pillsPerBlister)
@@ -219,6 +243,35 @@ export function MedDetailModal({
 	const closeLabel = t("common.close");
 	const decrementLabel = t("editStock.decreaseValue");
 	const incrementLabel = t("editStock.increaseValue");
+	const getScheduleUsageLabel = (usage: number, intakeUnit?: "ml" | "tsp" | "tbsp" | null) => {
+		if (selectedMed.packageType === "liquid_container") {
+			if (intakeUnit === "tsp") {
+				return `${usage} ${t("form.blisters.teaspoons", { count: Math.abs(usage) })}`;
+			}
+			if (intakeUnit === "tbsp") {
+				return `${usage} ${t("form.blisters.tablespoons", { count: Math.abs(usage) })}`;
+			}
+			return `${usage} ${t("form.packageAmountUnitMl")}`;
+		}
+		if (selectedMed.packageType === "tube") {
+			return `${usage} ${t("form.blisters.applications", { count: Math.abs(usage) })}`;
+		}
+		return `${usage} ${usage !== 1 ? t("common.pills") : t("common.pill")}`;
+	};
+	const scheduleIntakes =
+		selectedMed.intakes && selectedMed.intakes.length > 0
+			? selectedMed.intakes
+			: selectedMed.blisters.map((blister) => ({
+					usage: blister.usage,
+					every: blister.every,
+					start: blister.start,
+					takenBy: null,
+					intakeRemindersEnabled: selectedMed.intakeRemindersEnabled ?? false,
+					intakeUnit: null,
+				}));
+	const hasAnyIntakeReminder = scheduleIntakes.some(
+		(intake) => (intake.intakeRemindersEnabled ?? selectedMed.intakeRemindersEnabled ?? false) === true
+	);
 	const normalizeBlisterStock = (nextFull: number, nextPartial: number, nextLoose: number) => {
 		let normalizedFull = Math.max(0, nextFull);
 		let normalizedPartial = Math.max(0, nextPartial);
@@ -347,6 +400,10 @@ export function MedDetailModal({
 
 	const renderEditStockModal = () => {
 		if (!showEditStockModal) return null;
+		const isLiquidPackage = selectedMed.packageType === "liquid_container";
+		const liquidBottleCount = Math.max(1, editStockFullBlisters);
+		const liquidAmountPerBottle = Math.max(1, Number.isFinite(amountPerPackage) ? amountPerPackage : 1);
+		const liquidCapacity = Math.max(1, Math.round(liquidBottleCount * liquidAmountPerBottle));
 		const fullInputMax = Math.min(
 			maxFullBlisters,
 			Math.floor(Math.max(0, structuralMax - Math.max(0, editStockPartialBlisterPills)) / selectedMed.pillsPerBlister)
@@ -360,14 +417,14 @@ export function MedDetailModal({
 					onCloseEditStockModal();
 				}}
 				onKeyDown={(e) => {
-					if (e.key !== "Escape") e.stopPropagation();
+					e.stopPropagation();
 				}}
 			>
 				<div
 					className="modal-content edit-stock-modal"
 					onClick={(e) => e.stopPropagation()}
 					onKeyDown={(e) => {
-						if (e.key !== "Escape") e.stopPropagation();
+						e.stopPropagation();
 					}}
 				>
 					<button
@@ -395,6 +452,12 @@ export function MedDetailModal({
 					{selectedMed.packageType === "bottle" && (
 						<p className="edit-stock-cap-info">{t("editStock.packageSize", { count: structuralMax })}</p>
 					)}
+					{(selectedMed.packageType === "tube" || selectedMed.packageType === "liquid_container") && (
+						<p className="edit-stock-cap-info">
+							{t("form.totalAmount")}: {formatNumber(isLiquidPackage ? liquidCapacity : structuralMax)}{" "}
+							{amountUnitLabel}
+						</p>
+					)}
 					{showStockCapNotice && (
 						<p className="edit-stock-cap-warning">{t("editStock.maxExceeded", { count: structuralMax })}</p>
 					)}
@@ -402,12 +465,17 @@ export function MedDetailModal({
 					{(() => {
 						const dbTotal = getMedTotal(selectedMed);
 						const currentTotal = medCoverage ? Math.round(medCoverage.medsLeft) : dbTotal;
-						const isBottle = selectedMed.packageType === "bottle";
-						const enteredTotal = isBottle
-							? editStockPartialBlisterPills
-							: editStockFullBlisters * selectedMed.pillsPerBlister +
-								editStockPartialBlisterPills +
-								editStockLoosePills;
+						const isBottle =
+							selectedMed.packageType === "bottle" ||
+							selectedMed.packageType === "tube" ||
+							selectedMed.packageType === "liquid_container";
+						const enteredTotal = isLiquidPackage
+							? Math.min(liquidCapacity, editStockPartialBlisterPills)
+							: isBottle
+								? editStockPartialBlisterPills
+								: editStockFullBlisters * selectedMed.pillsPerBlister +
+									editStockPartialBlisterPills +
+									editStockLoosePills;
 						const newTotal = Math.max(0, enteredTotal);
 						const difference = newTotal - currentTotal;
 						const differenceClass = difference > 0 ? "positive" : difference < 0 ? "negative" : "";
@@ -417,36 +485,39 @@ export function MedDetailModal({
 								<div className="edit-stock-form">
 									{isBottle ? (
 										<label>
-											{t("editStock.totalPills")}
+											{isAmountPackage ? t("form.currentAmount") : t("editStock.totalPills")}
 											{renderStepperInput({
 												value: editStockPartialInput,
 												min: 0,
-												max: structuralMax,
+												max: isLiquidPackage ? liquidCapacity : structuralMax,
 												onChange: (raw) => {
 													const parsed = raw === "" ? 0 : Math.max(0, parseStockInput(raw));
 													setEditStockPartialInput(raw);
-													onEditStockPartialBlisterPillsChange(raw === "" ? 0 : Math.min(structuralMax, parsed));
-													setShowStockCapNotice(parsed > structuralMax);
+													const maxTotal = isLiquidPackage ? liquidCapacity : structuralMax;
+													onEditStockPartialBlisterPillsChange(raw === "" ? 0 : Math.min(maxTotal, parsed));
+													setShowStockCapNotice(parsed > maxTotal);
 												},
 												onBlur: () => {
-													const normalized = Math.min(
-														structuralMax,
-														Math.max(0, parseStockInput(editStockPartialInput))
-													);
+													const maxTotal = isLiquidPackage ? liquidCapacity : structuralMax;
+													const normalized = Math.min(maxTotal, Math.max(0, parseStockInput(editStockPartialInput)));
 													onEditStockPartialBlisterPillsChange(normalized);
 													setEditStockPartialInput(String(normalized));
 													setShowStockCapNotice(false);
 												},
 												onStep: (delta) => {
-													const next = Math.min(
-														structuralMax,
-														Math.max(0, parseStockInput(editStockPartialInput) + delta)
-													);
+													const maxTotal = isLiquidPackage ? liquidCapacity : structuralMax;
+													const next = Math.min(maxTotal, Math.max(0, parseStockInput(editStockPartialInput) + delta));
 													onEditStockPartialBlisterPillsChange(next);
 													setEditStockPartialInput(String(next));
 													setShowStockCapNotice(false);
 												},
 											})}
+											{isLiquidPackage && (
+												<p className="edit-stock-cap-info" style={{ marginTop: "0.35rem" }}>
+													{t("form.currentAmount")}: {Math.max(0, editStockPartialBlisterPills)} {amountUnitLabel} /{" "}
+													{liquidCapacity} {amountUnitLabel}
+												</p>
+											)}
 										</label>
 									) : (
 										<>
@@ -584,26 +655,72 @@ export function MedDetailModal({
 											</label>
 										</>
 									)}
+									{isLiquidPackage && (
+										<label>
+											{t("form.bottles")}
+											{renderStepperInput({
+												value: editStockFullInput,
+												min: 1,
+												max: Number.MAX_SAFE_INTEGER,
+												onChange: (raw) => {
+													const nextBottleCount = raw === "" ? 1 : Math.max(1, parseStockInput(raw));
+													setEditStockFullInput(raw === "" ? "1" : raw);
+													onEditStockFullBlistersChange(nextBottleCount);
+													const syncedTotal = Math.round(nextBottleCount * liquidAmountPerBottle);
+													onEditStockPartialBlisterPillsChange(syncedTotal);
+													setEditStockPartialInput(String(syncedTotal));
+													setShowStockCapNotice(false);
+												},
+												onBlur: () => {
+													const normalized = Math.max(1, parseStockInput(editStockFullInput));
+													onEditStockFullBlistersChange(normalized);
+													setEditStockFullInput(String(normalized));
+													const syncedTotal = Math.round(normalized * liquidAmountPerBottle);
+													onEditStockPartialBlisterPillsChange(syncedTotal);
+													setEditStockPartialInput(String(syncedTotal));
+													setShowStockCapNotice(false);
+												},
+												onStep: (delta) => {
+													const next = Math.max(1, parseStockInput(editStockFullInput) + delta);
+													onEditStockFullBlistersChange(next);
+													setEditStockFullInput(String(next));
+													const syncedTotal = Math.round(next * liquidAmountPerBottle);
+													onEditStockPartialBlisterPillsChange(syncedTotal);
+													setEditStockPartialInput(String(syncedTotal));
+													setShowStockCapNotice(false);
+												},
+											})}
+										</label>
+									)}
 								</div>
 
 								<div className="edit-stock-summary">
 									<div className="summary-row">
 										<span>{t("editStock.currentTotal")}:</span>
 										<span>
-											{currentTotal} {currentTotal === 1 ? t("common.pill") : t("common.pills")}
+											{currentTotal}
+											{isAmountPackage
+												? ` ${stockUnitLabel}`
+												: ` ${currentTotal === 1 ? t("common.pill") : t("common.pills")}`}
 										</span>
 									</div>
 									<div className="summary-row">
 										<span>{t("editStock.newTotal")}:</span>
 										<span>
-											{newTotal} {newTotal === 1 ? t("common.pill") : t("common.pills")}
+											{newTotal}
+											{isAmountPackage
+												? ` ${stockUnitLabel}`
+												: ` ${newTotal === 1 ? t("common.pill") : t("common.pills")}`}
 										</span>
 									</div>
 									<div className={`summary-row difference ${differenceClass}`}>
 										<span>{t("editStock.difference")}:</span>
 										<span>
 											{difference > 0 ? "+" : ""}
-											{difference} {Math.abs(difference) === 1 ? t("common.pill") : t("common.pills")}
+											{difference}
+											{isAmountPackage
+												? ` ${stockUnitLabel}`
+												: ` ${Math.abs(difference) === 1 ? t("common.pill") : t("common.pills")}`}
 										</span>
 									</div>
 								</div>
@@ -716,9 +833,13 @@ export function MedDetailModal({
 								</>
 							)}
 							<div className={`med-detail-item ${selectedMed.packageType === "bottle" ? "full-width" : "full-width"}`}>
-								<span className="med-detail-label">{t("modal.currentStock")}</span>
+								<span className="med-detail-label">
+									{isAmountPackage ? t("form.currentAmount") : t("modal.currentStock")}
+								</span>
 								<span className={`med-detail-value ${textClass}`}>
-									{currentStock} / {stockDisplayTotal}
+									{isAmountPackage
+										? `${formatNumber(currentStock)} / ${formatNumber(stockDisplayTotal)} ${amountUnitLabel}`
+										: `${currentStock} / ${stockDisplayTotal}`}
 									{currentStock > stockDisplayTotal && (
 										<span
 											className="info-tooltip tooltip-align-left warning-text"
@@ -737,7 +858,24 @@ export function MedDetailModal({
 					<div className="med-detail-section">
 						<h3>
 							{t("modal.packageDetails")} (
-							{selectedMed.packageType === "bottle" ? t("form.packageTypeBottle") : t("form.packageTypeBlister")})
+							{selectedMed.packageType === "bottle"
+								? t("form.packageTypeBottle")
+								: selectedMed.packageType === "tube"
+									? t("form.packageTypeTube")
+									: selectedMed.packageType === "liquid_container"
+										? t("form.packageTypeLiquidContainer")
+										: t("form.packageTypeBlister")}
+							)
+							{selectedMed.packageType === "tube" && (
+								<span className="info-tooltip small" data-tooltip={t("modal.packageTypeTubeHint")}>
+									ℹ️
+								</span>
+							)}
+							{selectedMed.packageType === "liquid_container" && (
+								<span className="info-tooltip small" data-tooltip={t("modal.packageTypeLiquidHint")}>
+									ℹ️
+								</span>
+							)}
 						</h3>
 						<div className="med-detail-grid">
 							{selectedMed.packageType === "blister" ? (
@@ -755,6 +893,44 @@ export function MedDetailModal({
 										<span className="med-detail-value">{selectedMed.pillsPerBlister}</span>
 									</div>
 								</>
+							) : selectedMed.packageType === "liquid_container" ? (
+								<>
+									<div className="med-detail-item">
+										<span className="med-detail-label">{t("form.bottles")}</span>
+										<span className="med-detail-value">{packageCount}</span>
+									</div>
+									<div className="med-detail-item">
+										<span className="med-detail-label">{t("form.packageAmountPerBottle")}</span>
+										<span className="med-detail-value">
+											{formatNumber(amountPerPackage)} {amountUnitLabel}
+										</span>
+									</div>
+									<div className="med-detail-item">
+										<span className="med-detail-label">{t("form.totalAmount")}</span>
+										<span className="med-detail-value">
+											{formatNumber(stockDisplayTotal)} {amountUnitLabel}
+										</span>
+									</div>
+								</>
+							) : selectedMed.packageType === "tube" ? (
+								<>
+									<div className="med-detail-item">
+										<span className="med-detail-label">{t("form.tubes")}</span>
+										<span className="med-detail-value">{packageCount}</span>
+									</div>
+									<div className="med-detail-item">
+										<span className="med-detail-label">{t("form.packageAmountPerTube")}</span>
+										<span className="med-detail-value">
+											{formatNumber(amountPerPackage)} {amountUnitLabel}
+										</span>
+									</div>
+									<div className="med-detail-item">
+										<span className="med-detail-label">{t("form.totalAmount")}</span>
+										<span className="med-detail-value">
+											{formatNumber(stockDisplayTotal)} {amountUnitLabel}
+										</span>
+									</div>
+								</>
 							) : (
 								<div className="med-detail-item">
 									<span className="med-detail-label">{t("form.totalCapacity")}</span>
@@ -791,53 +967,33 @@ export function MedDetailModal({
 						<div className="med-detail-section">
 							<h3>
 								{t("modal.intakeSchedule")}{" "}
-								{selectedMed.intakeRemindersEnabled && (
+								{(selectedMed.intakeRemindersEnabled || hasAnyIntakeReminder) && (
 									<span className="reminder-icon info-tooltip" data-tooltip={t("tooltips.intakeReminders")}>
 										<Bell size={14} aria-hidden="true" />
 									</span>
 								)}
 							</h3>
 							<div className="med-detail-schedules">
-								{(selectedMed.intakes && selectedMed.intakes.length > 0
-									? selectedMed.intakes
-									: selectedMed.blisters.map((blister) => ({
-											usage: blister.usage,
-											every: blister.every,
-											start: blister.start,
-											takenBy: null,
-											intakeRemindersEnabled: selectedMed.intakeRemindersEnabled ?? false,
-										}))
-								).map((intake, idx) => {
+								{scheduleIntakes.map((intake, idx) => {
 									const hasPerIntakeTakenBy = !!intake.takenBy;
 									const personCount = Math.max(1, selectedMed.takenBy?.length ?? 0);
 									const totalUsage = hasPerIntakeTakenBy ? intake.usage : intake.usage * personCount;
 									const showIntakeBell = intake.intakeRemindersEnabled ?? selectedMed.intakeRemindersEnabled ?? false;
 
 									return (
-										<div key={`${intake.start}-${intake.usage}-${intake.every}-${idx}`} className="med-schedule-item">
+										<div
+											key={`${intake.start}-${intake.usage}-${intake.every}-${idx}`}
+											className="med-schedule-row blister-row-simple"
+										>
 											<span className="med-schedule-usage">
-												{totalUsage} {totalUsage !== 1 ? t("common.pills") : t("common.pill")}
+												{getScheduleUsageLabel(totalUsage, intake.intakeUnit)}
 												{selectedMed.pillWeightMg &&
 													` (${totalUsage * selectedMed.pillWeightMg} ${selectedMed.doseUnit ?? "mg"})`}
 											</span>
 											<span className="med-schedule-freq">
 												{intake.every === 1 ? t("common.daily") : t("common.everyNDays", { count: intake.every })}
 											</span>
-											{hasPerIntakeTakenBy && (
-												<span className="med-schedule-person">
-													{intake.takenBy}
-													{showIntakeBell && (
-														<span className="med-schedule-bell" role="img" aria-label={t("tooltips.intakeReminders")}>
-															<Bell size={13} aria-hidden="true" />
-														</span>
-													)}
-												</span>
-											)}
-											{!hasPerIntakeTakenBy && showIntakeBell && (
-												<span className="med-schedule-bell" role="img" aria-label={t("tooltips.intakeReminders")}>
-													<Bell size={13} aria-hidden="true" />
-												</span>
-											)}
+											{hasPerIntakeTakenBy && <span className="med-schedule-person">{intake.takenBy}</span>}
 											<span className="med-schedule-time">
 												{t("modal.at")}{" "}
 												{new Date(intake.start).toLocaleTimeString(getSystemLocale(i18n.language), {
@@ -845,6 +1001,11 @@ export function MedDetailModal({
 													minute: "2-digit",
 												})}
 											</span>
+											{showIntakeBell && (
+												<span className="med-schedule-bell" title={t("form.blisters.remindTooltip")}>
+													<Bell size={12} aria-hidden="true" />
+												</span>
+											)}
 										</div>
 									);
 								})}
@@ -955,11 +1116,13 @@ export function MedDetailModal({
 											<span className="refill-amount">
 												{(() => {
 													const total =
-														selectedMed.packageType === "bottle"
+														selectedMed.packageType === "bottle" ||
+														selectedMed.packageType === "tube" ||
+														selectedMed.packageType === "liquid_container"
 															? entry.loosePillsAdded
 															: entry.packsAdded * selectedMed.blistersPerPack * selectedMed.pillsPerBlister +
 																entry.loosePillsAdded;
-													return `+${total} ${total === 1 ? t("common.pill") : t("common.pills")}`;
+													return `+${total}${isAmountPackage ? ` ${stockUnitLabel}` : ` ${total === 1 ? t("common.pill") : t("common.pills")}`}`;
 												})()}
 												{entry.usedPrescription && (
 													<span className="refill-prescription-badge" title={t("refill.viaPrescription")}>
@@ -1128,7 +1291,9 @@ export function MedDetailModal({
 									className="success"
 									onClick={() => onSubmitRefill(selectedMed.id, usePrescriptionRefill)}
 									disabled={
-										(selectedMed.packageType === "bottle"
+										(selectedMed.packageType === "bottle" ||
+										selectedMed.packageType === "tube" ||
+										selectedMed.packageType === "liquid_container"
 											? refillLoose < 1
 											: cappedRefillPacks < 1 && refillLoose < 1) ||
 										exceedsPrescriptionPackLimit ||
@@ -1144,7 +1309,10 @@ export function MedDetailModal({
 											: refillLoose;
 									return totalRefill > 0 ? (
 										<span className="refill-preview">
-											+{totalRefill} {totalRefill === 1 ? t("common.pill") : t("common.pills")}
+											+{totalRefill}
+											{isAmountPackage
+												? ` ${stockUnitLabel}`
+												: ` ${totalRefill === 1 ? t("common.pill") : t("common.pills")}`}
 										</span>
 									) : null;
 								})()}

frontend/src/components/MedicationAvatar.tsx

@@ -2,7 +2,7 @@
 // MedicationAvatar Component
 // =============================================================================
 
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 
 export type MedicationAvatarProps = {
 	name: string;
@@ -12,8 +12,11 @@ export type MedicationAvatarProps = {
 
 export function MedicationAvatar({ name, imageUrl, size = "sm" }: MedicationAvatarProps) {
 	const [thumbFailed, setThumbFailed] = useState(false);
+	const previousImageUrlRef = useRef(imageUrl);
 
 	useEffect(() => {
+		if (previousImageUrlRef.current === imageUrl) return;
+		previousImageUrlRef.current = imageUrl;
 		setThumbFailed(false);
 	}, [imageUrl]);
 

frontend/src/components/MobileEditModal.tsx

@@ -5,7 +5,7 @@
 
 /* biome-ignore-all lint/a11y/noLabelWithoutControl: modal uses custom DateInput and static value fields */
 import { Bell, Minus, Plus, Trash2 } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useEscapeKey } from "../hooks/useEscapeKey";
 import { useScrollLock } from "../hooks/useScrollLock";
@@ -68,7 +68,7 @@ export interface MobileEditModalProps {
 
 /** Calculate total pills from form state */
 function deriveTotalFromForm(form: FormState) {
-	if (form.packageType === "bottle") {
+	if (form.packageType === "bottle" || form.packageType === "tube" || form.packageType === "liquid_container") {
 		// For bottle type, looseTablets is the current stock
 		return Number(form.looseTablets) || 0;
 	}
@@ -96,9 +96,9 @@ export function MobileEditModal({
 	onAddTakenByPerson,
 	onRemoveTakenByPerson,
 	onTakenByKeyDown,
-	_onSetBlisterValue,
-	_onAddBlister,
-	_onRemoveBlister,
+	onSetBlisterValue: _onSetBlisterValue,
+	onAddBlister: _onAddBlister,
+	onRemoveBlister: _onRemoveBlister,
 	onSetIntakeValue,
 	onAddIntake,
 	onRemoveIntake,
@@ -108,7 +108,7 @@ export function MobileEditModal({
 	onDeleteMedImage,
 	imageUploadError,
 	onClose,
-	_onResetForm,
+	onResetForm: _onResetForm,
 	onSaveMedication,
 }: MobileEditModalProps) {
 	const { t } = useTranslation();
@@ -125,6 +125,33 @@ export function MobileEditModal({
 	const [showNameValidation, setShowNameValidation] = useState(false);
 	const activeTabIndexRef = useRef(0);
 
+	const allowFractionalIntake = useMemo(() => {
+		if (form.packageType === "liquid_container") return true;
+		if (form.packageType === "tube") return form.medicationForm === "liquid";
+		return form.pillForm === "tablet";
+	}, [form.packageType, form.medicationForm, form.pillForm]);
+
+	const getUsageLabel = useCallback(
+		(intake: (typeof form.intakes)[number]) => {
+			if (form.packageType === "liquid_container") {
+				if (intake.intakeUnit === "tsp") return t("form.blisters.usageTsp");
+				if (intake.intakeUnit === "tbsp") return t("form.blisters.usageTbsp");
+				return t("form.blisters.usageMl");
+			}
+			if (form.packageType === "tube") {
+				return form.medicationForm === "liquid" ? t("form.blisters.usageMl") : t("form.blisters.usageApplication");
+			}
+			if (form.pillForm === "capsule") return t("form.blisters.usageCapsules");
+			return t("form.blisters.usageTablets");
+		},
+		[form.packageType, form.medicationForm, form.pillForm, t]
+	);
+
+	const usesAmountLabels = form.packageType === "tube" || form.packageType === "liquid_container";
+	const totalCapacityLabel = usesAmountLabels ? t("form.totalAmount") : t("form.totalCapacity");
+	const currentStockLabel = usesAmountLabels ? t("form.currentAmount") : t("form.currentPills");
+	const totalLabel = usesAmountLabels ? t("form.totalAmountLabel") : t("form.total");
+
 	// Reset tab when modal opens
 	useEffect(() => {
 		if (show) {
@@ -392,6 +419,7 @@ export function MobileEditModal({
 											<DateInput
 												value={form.medicationStartDate}
 												onChange={(e) => onHandleValueChange("medicationStartDate", e.target.value)}
+												placeholder={t("common.optional")}
 											/>
 											{!readOnlyMode && dateConsistencyError && (
 												<span className="field-error">{dateConsistencyError}</span>
@@ -402,12 +430,63 @@ export function MobileEditModal({
 											<select
 												className="package-type-select"
 												value={form.packageType}
-												onChange={(e) => onHandleValueChange("packageType", e.target.value)}
+												onChange={(e) => onHandleValueChange("packageType", e.target.value as FormState["packageType"])}
 											>
 												<option value="blister">{t("form.packageTypeBlister")}</option>
 												<option value="bottle">{t("form.packageTypeBottle")}</option>
+												<option value="tube">{t("form.packageTypeTube")}</option>
+												<option value="liquid_container">{t("form.packageTypeLiquidContainer")}</option>
 											</select>
 										</label>
+										<label className="full">
+											{t("form.medicationEndDate")}
+											<DateInput
+												value={form.medicationEndDate}
+												onChange={(e) => onHandleValueChange("medicationEndDate", e.target.value)}
+												placeholder={t("common.optional")}
+											/>
+										</label>
+										{form.packageType !== "tube" && form.packageType !== "liquid_container" && (
+											<label className="full">
+												{t("form.pillForm")}
+												<select
+													value={form.pillForm}
+													onChange={(e) => onHandleValueChange("pillForm", e.target.value as FormState["pillForm"])}
+												>
+													<option value="tablet">{t("form.medicationFormTablet")}</option>
+													<option value="capsule">{t("form.medicationFormCapsule")}</option>
+												</select>
+											</label>
+										)}
+										{form.packageType === "tube" && (
+											<label className="full">
+												{t("form.medicationForm")}
+												<select value={"topical"} onChange={() => onHandleValueChange("medicationForm", "topical")}>
+													<option value="topical">{t("form.medicationFormTopical")}</option>
+												</select>
+											</label>
+										)}
+										{form.packageType === "liquid_container" && (
+											<label className="full">
+												{t("form.medicationForm")}
+												<select value={"liquid"} onChange={() => onHandleValueChange("medicationForm", "liquid")}>
+													<option value="liquid">{t("form.medicationFormLiquid")}</option>
+												</select>
+											</label>
+										)}
+										{form.medicationEndDate && (
+											<label className="full">
+												{t("form.autoMarkObsoleteAfterEndDate")}
+												<span className="toggle-switch small">
+													<input
+														type="checkbox"
+														checked={form.autoMarkObsoleteAfterEndDate}
+														onChange={(e) => onHandleValueChange("autoMarkObsoleteAfterEndDate", e.target.checked)}
+													/>
+													<span className="toggle-slider"></span>
+												</span>
+											</label>
+										)}
 										<label className={`full ${fieldErrors.takenBy ? "has-error" : ""}`}>
 											{t("form.takenBy")}
 											<div className="tag-input-container">
@@ -480,101 +559,195 @@ export function MobileEditModal({
 								<div className={`form-tab-panel${activeTab === "stock" ? " active" : ""}`}>
 									<div className="full form-category">
 										<h4 className="form-category-title">{t("form.sections.stock")}</h4>
-										{form.packageType === "blister" ? (
-											<>
-												<label>
-													{t("form.packs")}
-													<FormNumberStepper
-														value={form.packCount}
-														onChange={(nextValue) => onHandleValueChange("packCount", nextValue)}
-														min={0}
-														decrementLabel={decrementValueLabel}
-														incrementLabel={incrementValueLabel}
-													/>
-												</label>
-												<label>
-													{t("form.blistersPerPack")}
-													<FormNumberStepper
-														value={form.blistersPerPack}
-														onChange={(nextValue) => onHandleValueChange("blistersPerPack", nextValue)}
-														min={1}
-														decrementLabel={decrementValueLabel}
-														incrementLabel={incrementValueLabel}
-													/>
-												</label>
-												<label>
-													{t("form.pillsPerBlister")}
-													<FormNumberStepper
-														value={form.pillsPerBlister}
-														onChange={(nextValue) => onHandleValueChange("pillsPerBlister", nextValue)}
-														min={1}
-														decrementLabel={decrementValueLabel}
-														incrementLabel={incrementValueLabel}
-													/>
-												</label>
-												<label>
-													{t("form.total")}
-													<div className="static-value">{deriveTotalFromForm(form)}</div>
-												</label>
-											</>
-										) : (
-											<>
-												<label>
-													{t("form.totalCapacity")}
-													<FormNumberStepper
-														value={form.totalPills}
-														onChange={(nextValue) => onHandleValueChange("totalPills", nextValue)}
-														min={0}
-														decrementLabel={decrementValueLabel}
-														incrementLabel={incrementValueLabel}
-													/>
-												</label>
-												<label>
-													{t("form.currentPills")}
-													<FormNumberStepper
-														value={form.looseTablets}
-														onChange={(nextValue) => onHandleValueChange("looseTablets", nextValue)}
-														min={0}
-														decrementLabel={decrementValueLabel}
-														incrementLabel={incrementValueLabel}
-													/>
-												</label>
-											</>
-										)}
+										{(() => {
+											if (form.packageType === "blister") {
+												return (
+													<>
+														<label>
+															{t("form.packs")}
+															<FormNumberStepper
+																value={form.packCount}
+																onChange={(nextValue) => onHandleValueChange("packCount", nextValue)}
+																min={0}
+																decrementLabel={decrementValueLabel}
+																incrementLabel={incrementValueLabel}
+															/>
+														</label>
+														<label>
+															{t("form.blistersPerPack")}
+															<FormNumberStepper
+																value={form.blistersPerPack}
+																onChange={(nextValue) => onHandleValueChange("blistersPerPack", nextValue)}
+																min={1}
+																decrementLabel={decrementValueLabel}
+																incrementLabel={incrementValueLabel}
+															/>
+														</label>
+														<label>
+															{t("form.pillsPerBlister")}
+															<FormNumberStepper
+																value={form.pillsPerBlister}
+																onChange={(nextValue) => onHandleValueChange("pillsPerBlister", nextValue)}
+																min={1}
+																decrementLabel={decrementValueLabel}
+																incrementLabel={incrementValueLabel}
+															/>
+														</label>
+														<label>
+															{t("form.total")}
+															<div className="static-value">{deriveTotalFromForm(form)}</div>
+														</label>
+													</>
+												);
+											}
+
+											if (form.packageType === "tube") {
+												return (
+													<>
+														<label>
+															{t("form.tubes")}
+															<div className="static-value">1</div>
+														</label>
+														<label className="full">
+															{t("form.packageAmountPerTube")}
+															<div className="dose-input-group">
+																<input
+																	type="text"
+																	inputMode="decimal"
+																	pattern="[0-9]*\.?[0-9]*"
+																	value={form.packageAmountValue ?? "0"}
+																	onChange={(e) => onHandleValueChange("packageAmountValue", e.target.value)}
+																	placeholder="0"
+																/>
+																<select
+																	value="g"
+																	disabled
+																	className="dose-unit-select"
+																	aria-label={t("form.packageAmountUnitG")}
+																>
+																	<option value="g">{t("form.packageAmountUnitG")}</option>
+																</select>
+															</div>
+														</label>
+														<label>
+															{t("form.totalAmount")}
+															<div className="static-value">
+																{(Number(form.packCount) || 0) * (Number(form.packageAmountValue ?? 0) || 0)}{" "}
+																{t("form.packageAmountUnitG")}
+															</div>
+														</label>
+													</>
+												);
+											}
+
+											if (form.packageType === "liquid_container") {
+												return (
+													<>
+														<label>
+															{t("form.bottles")}
+															<FormNumberStepper
+																value={form.packCount}
+																onChange={(nextValue) => onHandleValueChange("packCount", nextValue)}
+																min={1}
+																decrementLabel={decrementValueLabel}
+																incrementLabel={incrementValueLabel}
+															/>
+														</label>
+														<label className="full">
+															{t("form.packageAmountPerBottle")}
+															<div className="dose-input-group">
+																<input
+																	type="text"
+																	inputMode="decimal"
+																	pattern="[0-9]*\.?[0-9]*"
+																	value={form.packageAmountValue ?? "0"}
+																	onChange={(e) => onHandleValueChange("packageAmountValue", e.target.value)}
+																	placeholder="0"
+																/>
+																<select
+																	value="ml"
+																	disabled
+																	className="dose-unit-select"
+																	aria-label={t("form.packageAmountUnitMl")}
+																>
+																	<option value="ml">{t("form.packageAmountUnitMl")}</option>
+																</select>
+															</div>
+														</label>
+														<label>
+															{t("form.totalAmount")}
+															<div className="static-value">
+																{(Number(form.packCount) || 0) * (Number(form.packageAmountValue ?? 0) || 0)}{" "}
+																{t("form.packageAmountUnitMl")}
+															</div>
+														</label>
+													</>
+												);
+											}
+
+											return (
+												<>
+													<label>
+														{totalCapacityLabel}
+														<FormNumberStepper
+															value={form.totalPills}
+															onChange={(nextValue) => onHandleValueChange("totalPills", nextValue)}
+															min={0}
+															decrementLabel={decrementValueLabel}
+															incrementLabel={incrementValueLabel}
+														/>
+													</label>
+													<label>
+														{currentStockLabel}
+														<FormNumberStepper
+															value={form.looseTablets}
+															onChange={(nextValue) => onHandleValueChange("looseTablets", nextValue)}
+															min={0}
+															decrementLabel={decrementValueLabel}
+															incrementLabel={incrementValueLabel}
+														/>
+													</label>
+												</>
+											);
+										})()}
 										{form.packageType === "bottle" && (
 											<div className="full stock-total-row">
 												<div className="stock-total-field">
 													<p className="sub">
-														<strong>{t("form.total")}:</strong> {deriveTotalFromForm(form)}{" "}
-														{deriveTotalFromForm(form) === 1 ? t("common.pill") : t("common.pills")}
+														<strong>{totalLabel}:</strong> {deriveTotalFromForm(form)}
+														{form.packageType !== "tube" && form.packageType !== "liquid_container"
+															? ` ${deriveTotalFromForm(form) === 1 ? t("common.pill") : t("common.pills")}`
+															: ""}
 													</p>
 												</div>
 											</div>
 										)}
-										<label className="full">
-											{t("form.pillWeight")} ({form.doseUnit})
-											<div className="dose-input-group">
-												<input
-													type="text"
-													inputMode="decimal"
-													pattern="[0-9]*\.?[0-9]*"
-													value={form.pillWeightMg}
-													onChange={(e) => onFormChange({ ...form, pillWeightMg: e.target.value })}
-													placeholder={t("form.placeholders.weight")}
-												/>
-												<select
-													value={form.doseUnit}
-													onChange={(e) => onFormChange({ ...form, doseUnit: e.target.value as DoseUnit })}
-													className="dose-unit-select"
-												>
-													{DOSE_UNITS.map((unit) => (
-														<option key={unit.value} value={unit.value}>
-															{unit.label}
-														</option>
-													))}
-												</select>
-											</div>
-										</label>
+										{form.packageType !== "tube" && form.packageType !== "liquid_container" && (
+											<label className="full">
+												{t("form.pillWeight")} ({form.doseUnit})
+												<div className="dose-input-group">
+													<input
+														type="text"
+														inputMode="decimal"
+														pattern="[0-9]*\.?[0-9]*"
+														value={form.pillWeightMg}
+														onChange={(e) => onFormChange({ ...form, pillWeightMg: e.target.value })}
+														placeholder={t("form.placeholders.weight")}
+													/>
+													<select
+														value={form.doseUnit}
+														onChange={(e) => onFormChange({ ...form, doseUnit: e.target.value as DoseUnit })}
+														className="dose-unit-select"
+													>
+														{DOSE_UNITS.map((unit) => (
+															<option key={unit.value} value={unit.value}>
+																{unit.label}
+															</option>
+														))}
+													</select>
+												</div>
+											</label>
+										)}
 										<label className="full">
 											{t("form.expiryDate")}
 											<DateInput
@@ -626,17 +799,17 @@ export function MobileEditModal({
 										</div>
 										{form.intakes.map((intake, idx) => (
 											<div
-												key={`${intake.startDate}-${intake.startTime}-${intake.usage}-${intake.every}-${intake.takenBy ?? ""}`}
+												key={`${intake.startDate}-${intake.startTime}-${intake.usage}-${intake.every}-${intake.takenBy ?? ""}-${idx}`}
 												className="blister-row"
 											>
 												<label className="compact">
-													<span>{t("form.blisters.usage")}</span>
+													<span>{getUsageLabel(intake)}</span>
 													<FormNumberStepper
 														value={intake.usage}
 														onChange={(nextValue) => onSetIntakeValue(idx, "usage", nextValue)}
-														min={0.5}
-														step={0.5}
-														allowDecimal={true}
+														min={allowFractionalIntake ? 0.5 : 1}
+														step={allowFractionalIntake ? 0.5 : 1}
+														allowDecimal={allowFractionalIntake}
 														decrementLabel={decrementValueLabel}
 														incrementLabel={incrementValueLabel}
 													/>
@@ -666,6 +839,21 @@ export function MobileEditModal({
 														onChange={(e) => onSetIntakeValue(idx, "startTime", e.target.value)}
 													/>
 												</label>
+												{form.packageType === "liquid_container" && (
+													<label className="compact full-row">
+														<span>{t("form.blisters.intakeUnit")}</span>
+														<select
+															value={intake.intakeUnit}
+															onChange={(e) =>
+																onSetIntakeValue(idx, "intakeUnit", e.target.value as "ml" | "tsp" | "tbsp")
+															}
+														>
+															<option value="ml">{t("form.blisters.intakeUnitMl")}</option>
+															<option value="tsp">{t("form.blisters.intakeUnitTsp")}</option>
+															<option value="tbsp">{t("form.blisters.intakeUnitTbsp")}</option>
+														</select>
+													</label>
+												)}
 												{form.takenBy.length === 0 ? null : (
 													<label className="compact full-row taken-by-field">
 														<span>{t("form.blisters.takenByIntake")}</span>

frontend/src/components/ProfileModal.tsx

@@ -1,4 +1,3 @@
-import { useEscapeKey } from "../hooks/useEscapeKey";
 import { UserProfile } from "./Auth";
 
 interface ProfileModalProps {
@@ -7,7 +6,7 @@ interface ProfileModalProps {
 }
 
 export default function ProfileModal({ isOpen, onClose }: ProfileModalProps) {
-	useEscapeKey(isOpen, onClose);
+	// ESC is handled by the global handler in App.tsx to avoid double history.back()
 
 	if (!isOpen) return null;
 

frontend/src/components/ReportModal.tsx

@@ -298,6 +298,39 @@ function fmtDateTime(iso: string | null | undefined): string {
 	return `${m[3]}.${m[2]}.${m[1]} ${m[4]}:${m[5]}`;
 }
 
+function getTubeUnitKey(med: Medication): "form.ml" | "blisters.applications" {
+	if (med.packageType === "liquid_container") return "form.ml";
+	return med.medicationForm === "liquid" ? "form.ml" : "blisters.applications";
+}
+
+function getUsageText(med: Medication, usage: number, t: TFn): string {
+	if (med.packageType === "tube" || med.packageType === "liquid_container") {
+		return `${usage} ${t(getTubeUnitKey(med))}`;
+	}
+	return `${usage} ${usage === 1 ? t("common.pill") : t("common.pills")}`;
+}
+
+function getTotalCapacityLabel(med: Medication, t: TFn): string {
+	if (med.packageType === "tube" || med.packageType === "liquid_container") {
+		return t("form.totalAmountLabel", { unit: t(getTubeUnitKey(med)) });
+	}
+	return t("report.docTotalCapacity");
+}
+
+function getCurrentStockText(med: Medication, t: TFn): string {
+	if (med.packageType === "tube" || med.packageType === "liquid_container") {
+		return `${getPackageSize(med)} ${t(getTubeUnitKey(med))}`;
+	}
+	return `${getPackageSize(med)} ${t("common.pills")}`;
+}
+
+function getReportPackageTypeLabel(med: Medication, t: TFn): string {
+	if (med.packageType === "bottle") return t("report.docBottle");
+	if (med.packageType === "tube") return t("report.docTube");
+	if (med.packageType === "liquid_container") return t("form.packageTypeLiquidContainer");
+	return t("report.docBlister");
+}
+
 function generateTextReport(
 	meds: Medication[],
 	reportData: ReportData,
@@ -340,19 +373,18 @@ function generateTextReport(
 
 		// Package / Stock
 		lines.push(h3(t("report.docPackage")));
-		lines.push(
-			item(t("report.docPackageType"), med.packageType === "bottle" ? t("report.docBottle") : t("report.docBlister"))
-		);
+		lines.push(item(t("report.docPackageType"), getReportPackageTypeLabel(med, t)));
 		if (med.packageType === "blister") {
 			lines.push(item(t("report.docPacks"), String(med.packCount)));
 			lines.push(item(t("report.docBlistersPerPack"), String(med.blistersPerPack)));
 			lines.push(item(t("report.docPillsPerBlister"), String(med.pillsPerBlister)));
 			if (med.looseTablets > 0) lines.push(item(t("report.docLoosePills"), String(med.looseTablets)));
 		} else {
-			lines.push(item(t("report.docTotalCapacity"), String(med.totalPills ?? med.looseTablets)));
+			lines.push(item(getTotalCapacityLabel(med, t), String(med.totalPills ?? med.looseTablets)));
 		}
-		lines.push(item(t("report.docCurrentStock"), `${getPackageSize(med)} ${t("common.pills")}`));
-		if (med.pillWeightMg) lines.push(item(t("report.docDosePerPill"), `${med.pillWeightMg} ${med.doseUnit ?? "mg"}`));
+		lines.push(item(t("report.docCurrentStock"), getCurrentStockText(med, t)));
+		if (med.packageType !== "tube" && med.packageType !== "liquid_container" && med.pillWeightMg)
+			lines.push(item(t("report.docDosePerPill"), `${med.pillWeightMg} ${med.doseUnit ?? "mg"}`));
 		if (med.expiryDate) lines.push(item(t("report.docExpiryDate"), fmtDate(med.expiryDate)));
 		if (med.notes) lines.push(item(t("report.docNotes"), med.notes));
 		lines.push("");
@@ -365,7 +397,7 @@ function generateTextReport(
 		if (intakes?.length) {
 			lines.push(h3(t("report.docIntakeSchedule")));
 			for (const intake of intakes) {
-				let entry = `${intake.usage} ${intake.usage === 1 ? t("common.pill") : t("common.pills")}`;
+				let entry = getUsageText(med, intake.usage, t);
 				entry += ` ${intake.every === 1 ? t("common.daily") : t("common.everyNDays", { count: intake.every })}`;
 				entry += ` ${t("form.blisters.from")} ${fmtDateTime(intake.start)}`;
 				if ("takenBy" in intake && intake.takenBy)
@@ -407,7 +439,7 @@ function generateTextReport(
 			if (data.refills.length > 0) {
 				lines.push(h3(t("report.docRefillHistory")));
 				for (const r of data.refills) {
-					let entry = `${fmtDate(r.refillDate)}: +${r.packsAdded} ${t("report.docPacks")}, +${r.loosePillsAdded} ${t("common.pills")}`;
+					let entry = `${fmtDate(r.refillDate)}: +${r.packsAdded} ${t("report.docPacks")}, +${r.loosePillsAdded} ${med.packageType === "tube" || med.packageType === "liquid_container" ? t(getTubeUnitKey(med)) : t("common.pills")}`;
 					if (r.usedPrescription) entry += ` ${t("report.docRefillPrescription")}`;
 					lines.push(fmt === "md" ? `- ${entry}` : `  • ${entry}`);
 				}
@@ -539,7 +571,7 @@ function buildPrintHtml(
 		// Package / Stock
 		s += `<h3>${escHtml(t("report.docPackage"))}</h3>`;
 		s += `<table><tbody>`;
-		s += `<tr><td class="label">${escHtml(t("report.docPackageType"))}</td><td>${escHtml(med.packageType === "bottle" ? t("report.docBottle") : t("report.docBlister"))}</td></tr>`;
+		s += `<tr><td class="label">${escHtml(t("report.docPackageType"))}</td><td>${escHtml(getReportPackageTypeLabel(med, t))}</td></tr>`;
 		if (med.packageType === "blister") {
 			s += `<tr><td class="label">${escHtml(t("report.docPacks"))}</td><td>${med.packCount}</td></tr>`;
 			s += `<tr><td class="label">${escHtml(t("report.docBlistersPerPack"))}</td><td>${med.blistersPerPack}</td></tr>`;
@@ -547,10 +579,10 @@ function buildPrintHtml(
 			if (med.looseTablets > 0)
 				s += `<tr><td class="label">${escHtml(t("report.docLoosePills"))}</td><td>${med.looseTablets}</td></tr>`;
 		} else {
-			s += `<tr><td class="label">${escHtml(t("report.docTotalCapacity"))}</td><td>${med.totalPills ?? med.looseTablets}</td></tr>`;
+			s += `<tr><td class="label">${escHtml(getTotalCapacityLabel(med, t))}</td><td>${med.totalPills ?? med.looseTablets}</td></tr>`;
 		}
-		s += `<tr><td class="label">${escHtml(t("report.docCurrentStock"))}</td><td>${getPackageSize(med)} ${escHtml(t("common.pills"))}</td></tr>`;
-		if (med.pillWeightMg)
+		s += `<tr><td class="label">${escHtml(t("report.docCurrentStock"))}</td><td>${escHtml(getCurrentStockText(med, t))}</td></tr>`;
+		if (med.packageType !== "tube" && med.packageType !== "liquid_container" && med.pillWeightMg)
 			s += `<tr><td class="label">${escHtml(t("report.docDosePerPill"))}</td><td>${med.pillWeightMg} ${escHtml(med.doseUnit ?? "mg")}</td></tr>`;
 		if (med.expiryDate)
 			s += `<tr><td class="label">${escHtml(t("report.docExpiryDate"))}</td><td>${fmtDate(med.expiryDate)}</td></tr>`;
@@ -567,7 +599,7 @@ function buildPrintHtml(
 			s += `<h3>${escHtml(t("report.docIntakeSchedule"))}</h3>`;
 			s += `<ul>`;
 			for (const intake of filteredPrintIntakes) {
-				let entry = `${intake.usage} ${escHtml(intake.usage === 1 ? t("common.pill") : t("common.pills"))}`;
+				let entry = escHtml(getUsageText(med, intake.usage, t));
 				entry += ` ${escHtml(intake.every === 1 ? t("common.daily") : t("common.everyNDays", { count: intake.every }))}`;
 				entry += ` ${escHtml(t("form.blisters.from"))} ${fmtDateTime(intake.start)}`;
 				if ("takenBy" in intake && intake.takenBy)
@@ -614,7 +646,7 @@ function buildPrintHtml(
 				s += `<h3>${escHtml(t("report.docRefillHistory"))}</h3>`;
 				s += `<ul>`;
 				for (const r of data.refills) {
-					let entry = `${fmtDate(r.refillDate)}: +${r.packsAdded} ${escHtml(t("report.docPacks"))}, +${r.loosePillsAdded} ${escHtml(t("common.pills"))}`;
+					let entry = `${fmtDate(r.refillDate)}: +${r.packsAdded} ${escHtml(t("report.docPacks"))}, +${r.loosePillsAdded} ${escHtml(med.packageType === "tube" || med.packageType === "liquid_container" ? t(getTubeUnitKey(med)) : t("common.pills"))}`;
 					if (r.usedPrescription) entry += ` <em>${escHtml(t("report.docRefillPrescription"))}</em>`;
 					s += `<li>${entry}</li>`;
 				}

frontend/src/components/ShareDialog.tsx

@@ -5,7 +5,6 @@
 
 import { Check, Copy, Link2, X } from "lucide-react";
 import { useTranslation } from "react-i18next";
-import { useEscapeKey } from "../hooks/useEscapeKey";
 
 export interface ShareDialogProps {
 	show: boolean;
@@ -44,7 +43,7 @@ export function ShareDialog({
 	const closeLabel = t("common.close");
 	const copyLabel = shareCopied ? t("share.copied") : t("share.copyLink");
 
-	useEscapeKey(show, onClose);
+	// ESC is handled by the global handler in App.tsx to avoid double history.back()
 
 	if (!show) return null;
 

frontend/src/components/SharedSchedule.tsx

@@ -21,11 +21,20 @@ import { MedicationAvatar } from "./MedicationAvatar";
 function getStockStatus(
 	daysLeft: number | null,
 	medsLeft: number,
-	thresholds: { lowStockDays: number; normalStockDays: number; highStockDays: number; reminderDaysBefore: number }
+	thresholds: { lowStockDays: number; normalStockDays: number; highStockDays: number; criticalStockDays: number },
+	packageType?: string
 ) {
+	if (packageType === "tube") return { className: "success", label: "status.noSchedule" };
 	if (medsLeft <= 0 || daysLeft === 0) return { className: "danger", label: "status.outOfStock" };
 	if (daysLeft === null) return { className: "success", label: "status.noSchedule" };
-	if (daysLeft <= thresholds.reminderDaysBefore) return { className: "danger", label: "status.criticalStock" };
+	if (packageType === "liquid_container") {
+		const lowDays = Math.max(1, Math.floor(thresholds.criticalStockDays));
+		const criticalDays = Math.max(1, Math.ceil(lowDays / 2));
+		if (daysLeft <= criticalDays) return { className: "danger", label: "status.criticalStock" };
+		if (daysLeft <= lowDays) return { className: "warning", label: "status.lowStock" };
+		return { className: "success", label: "status.normal" };
+	}
+	if (daysLeft <= thresholds.criticalStockDays) return { className: "danger", label: "status.criticalStock" };
 	if (daysLeft < thresholds.lowStockDays) return { className: "warning", label: "status.lowStock" };
 	if (daysLeft >= thresholds.highStockDays) return { className: "high", label: "status.highStock" };
 	return { className: "success", label: "status.normal" };
@@ -44,6 +53,100 @@ export function SharedSchedule() {
 	const [showPastDays, setShowPastDays] = useState(false);
 	const [showFutureDays, setShowFutureDays] = useState(false);
 
+	const isLiquidContainerMed = (med: SharedScheduleData["medications"][number] | undefined) =>
+		med?.packageType === "liquid_container";
+
+	const convertLiquidUsageToMl = (usage: number, unit: "ml" | "tsp" | "tbsp" | null | undefined): number => {
+		if (unit === "tsp") return usage * 5;
+		if (unit === "tbsp") return usage * 15;
+		return usage;
+	};
+
+	const convertUsageForStock = (
+		usage: number,
+		med: SharedScheduleData["medications"][number] | undefined,
+		unit: "ml" | "tsp" | "tbsp" | null | undefined
+	): number => {
+		if (med?.packageType === "tube") return 0;
+		if (!isLiquidContainerMed(med)) return usage;
+		return convertLiquidUsageToMl(usage, unit);
+	};
+
+	const formatAmount = (value: number) => {
+		const rounded = Math.round(value * 100) / 100;
+		return String(rounded);
+	};
+
+	const getLiquidCountUnitLabel = (unit: "ml" | "tsp" | "tbsp" | null | undefined, usage: number): string => {
+		if (unit === "tsp") return t("form.blisters.teaspoons", { count: Math.abs(usage) });
+		if (unit === "tbsp") return t("form.blisters.tablespoons", { count: Math.abs(usage) });
+		return t("form.packageAmountUnitMl");
+	};
+
+	const formatLiquidUsageLabel = (usage: number, unit: "ml" | "tsp" | "tbsp" | null | undefined): string => {
+		const normalizedUsage = Number(usage);
+		if (!Number.isFinite(normalizedUsage) || normalizedUsage <= 0) {
+			return `0 ${t("form.packageAmountUnitMl")}`;
+		}
+
+		if (unit === "ml" || unit == null) {
+			return `${formatAmount(normalizedUsage)} ${t("form.packageAmountUnitMl")}`;
+		}
+
+		const mlTotal = convertLiquidUsageToMl(normalizedUsage, unit);
+		return `${formatAmount(normalizedUsage)} ${getLiquidCountUnitLabel(unit, normalizedUsage)} ${formatAmount(mlTotal)} ${t("form.packageAmountUnitMl")}`;
+	};
+
+	const formatDoseUsageLabel = (
+		med: SharedScheduleData["medications"][number] | undefined,
+		usage: number,
+		intakeUnit?: "ml" | "tsp" | "tbsp" | null
+	) => {
+		if (isLiquidContainerMed(med)) {
+			return formatLiquidUsageLabel(usage, intakeUnit);
+		}
+		return `${usage} ${usage !== 1 ? t("common.pills") : t("common.pill")}`;
+	};
+
+	const formatTotalUsageLabel = (
+		med: SharedScheduleData["medications"][number] | undefined,
+		total: number,
+		doses?: Array<{ usage: number; intakeUnit?: "ml" | "tsp" | "tbsp" | null }>
+	) => {
+		if (isLiquidContainerMed(med)) {
+			if (doses && doses.length > 0) {
+				const normalizedDoses = doses.filter((dose) => Number.isFinite(Number(dose.usage)) && Number(dose.usage) > 0);
+				if (normalizedDoses.length > 0) {
+					const allUnits = new Set(normalizedDoses.map((dose) => dose.intakeUnit ?? "ml"));
+					if (allUnits.size === 1) {
+						const onlyUnit = normalizedDoses[0]?.intakeUnit ?? "ml";
+						const totalUsageInUnit = normalizedDoses.reduce((sum, dose) => sum + Number(dose.usage), 0);
+						return formatLiquidUsageLabel(totalUsageInUnit, onlyUnit);
+					}
+
+					const totalMl = normalizedDoses.reduce(
+						(sum, dose) => sum + convertLiquidUsageToMl(Number(dose.usage), dose.intakeUnit ?? "ml"),
+						0
+					);
+					return `${formatAmount(totalMl)} ${t("form.packageAmountUnitMl")}`;
+				}
+			}
+			return `${formatAmount(total)} ${t("form.packageAmountUnitMl")}`;
+		}
+
+		return t("common.pillsTotal", { count: total });
+	};
+
+	const shouldHideNoScheduleStatusForTube = (
+		med: SharedScheduleData["medications"][number] | undefined,
+		status: { className: string; label: string } | null
+	) => med?.packageType === "tube" && status?.label === "status.noSchedule";
+
+	const getVisibleStockStatus = (
+		med: SharedScheduleData["medications"][number] | undefined,
+		status: { className: string; label: string } | null
+	) => (shouldHideNoScheduleStatusForTube(med, status) ? null : status);
+
 	// Theme preference: light, dark, or system
 	type ThemePreference = "light" | "dark" | "system";
 	const [themePreference, setThemePreference] = useState<ThemePreference>(() => {
@@ -309,6 +412,7 @@ export function SharedSchedule() {
 			when: number;
 			medName: string;
 			usage: number;
+			intakeUnit?: "ml" | "tsp" | "tbsp" | null;
 			timeStr: string;
 			isPast: boolean;
 			takenBy: string | null; // Per-intake takenBy (single person or null)
@@ -345,6 +449,7 @@ export function SharedSchedule() {
 						when: t,
 						medName: getMedDisplayName(med),
 						usage: intake.usage,
+						intakeUnit: intake.intakeUnit ?? null,
 						isPast,
 						takenBy: intake.takenBy, // Per-intake takenBy (string | null)
 						timeStr: d.toLocaleTimeString(getSystemLocale(i18n.language), { hour: "2-digit", minute: "2-digit" }),
@@ -431,7 +536,6 @@ export function SharedSchedule() {
 
 		for (const med of data.medications) {
 			const intakes = med.intakes || med.blisters.map((b) => ({ ...b, takenBy: null as string | null }));
-			const blisters = med.blisters;
 
 			// Count unique people from all intakes (for per-intake takenBy)
 			const uniquePeople = new Set<string>();
@@ -443,9 +547,9 @@ export function SharedSchedule() {
 
 			// Calculate daily consumption rate accounting for per-intake takenBy
 			let dailyRate = 0;
-			blisters.forEach((s, idx) => {
-				const baseRate = s.every > 0 ? s.usage / s.every : 0;
-				const intake = intakes[idx];
+			intakes.forEach((intake) => {
+				const usageForStock = convertUsageForStock(intake.usage, med, intake.intakeUnit ?? "ml");
+				const baseRate = intake.every > 0 ? usageForStock / intake.every : 0;
 				if (intake?.takenBy) {
 					dailyRate += baseRate; // Per-intake takenBy: 1 person
 				} else {
@@ -458,9 +562,10 @@ export function SharedSchedule() {
 
 			if (calcMode === "automatic") {
 				// Time-based: every scheduled dose counts as consumed once its time has passed
-				blisters.forEach((s, blisterIdx) => {
-					const blisterStart = new Date(s.start).getTime();
-					const period = Math.max(1, s.every) * MS_PER_DAY;
+				intakes.forEach((intake, blisterIdx) => {
+					const usageForStock = convertUsageForStock(intake.usage, med, intake.intakeUnit ?? "ml");
+					const blisterStart = new Date(intake.start).getTime();
+					const period = Math.max(1, intake.every) * MS_PER_DAY;
 
 					let effectiveStart: number;
 					if (stockCorrectionCutoff > 0 && stockCorrectionCutoff >= blisterStart) {
@@ -472,7 +577,6 @@ export function SharedSchedule() {
 					}
 					if (Number.isNaN(effectiveStart)) return;
 
-					const intake = intakes[blisterIdx];
 					const intakePerson = intake?.takenBy;
 					const fallbackPeople = med.takenBy?.length > 0 ? med.takenBy : [null];
 					const peopleForThisIntake = intakePerson ? [intakePerson] : fallbackPeople;
@@ -482,7 +586,7 @@ export function SharedSchedule() {
 
 					if (effectiveStart <= now) {
 						const occurrences = Math.floor((now - effectiveStart) / period) + 1;
-						timeBasedConsumed = occurrences * s.usage * peopleForThisIntake.length;
+						timeBasedConsumed = occurrences * usageForStock * peopleForThisIntake.length;
 						const lastDoseTime = new Date(effectiveStart + (occurrences - 1) * period);
 						lastAutoConsumedDateMs = new Date(
 							lastDoseTime.getFullYear(),
@@ -510,7 +614,7 @@ export function SharedSchedule() {
 							const bIdx = parseInt(parts[1], 10);
 							const timestamp = parseInt(parts[2], 10);
 							if (medId === med.id && bIdx === blisterIdx && timestamp > earlyCutoff) {
-								earlyTakenConsumed += s.usage;
+								earlyTakenConsumed += usageForStock;
 							}
 						}
 					}
@@ -525,8 +629,8 @@ export function SharedSchedule() {
 						const medId = parseInt(parts[0], 10);
 						const blisterIdx = parseInt(parts[1], 10);
 						const doseTimestamp = parseInt(parts[2], 10);
-						if (medId === med.id && blisters[blisterIdx]) {
-							const blisterStartDate = new Date(blisters[blisterIdx].start);
+						if (medId === med.id && intakes[blisterIdx]) {
+							const blisterStartDate = new Date(intakes[blisterIdx].start);
 							const blisterStartDateOnly = new Date(
 								blisterStartDate.getFullYear(),
 								blisterStartDate.getMonth(),
@@ -534,7 +638,11 @@ export function SharedSchedule() {
 							).getTime();
 							const afterCorrection = stockCorrectionCutoff === 0 || doseTimestamp > stockCorrectionCutoff;
 							if (!Number.isNaN(blisterStartDateOnly) && doseTimestamp >= blisterStartDateOnly && afterCorrection) {
-								consumed += blisters[blisterIdx].usage;
+								consumed += convertUsageForStock(
+									intakes[blisterIdx].usage,
+									med,
+									intakes[blisterIdx].intakeUnit ?? "ml"
+								);
 							}
 						}
 					}
@@ -569,11 +677,13 @@ export function SharedSchedule() {
 	function getDayStockStatus(meds: { medName: string; lastWhen: number }[]) {
 		const statuses = meds.map((item) => {
 			const coverage = coverageByMed[item.medName];
+			const med = data?.medications.find((m) => getMedDisplayName(m) === item.medName);
 			const depletionTime = depletionByMed[item.medName];
 			if (typeof depletionTime === "number" && item.lastWhen > depletionTime) return "danger";
 			if (!coverage) return "success";
-			const status = getStockStatus(coverage.daysLeft, coverage.medsLeft, stockThresholds);
-			return status.className;
+			const rawStatus = getStockStatus(coverage.daysLeft, coverage.medsLeft, stockThresholds, med?.packageType);
+			const status = getVisibleStockStatus(med, rawStatus);
+			return status?.className ?? "success";
 		});
 		const fallbackStatus = statuses.includes("warning") ? "warning" : "success";
 		return statuses.includes("danger") ? "danger" : fallbackStatus;
@@ -583,6 +693,11 @@ export function SharedSchedule() {
 	const showStock = data?.shareStockStatus !== false;
 	const showOnlyToday = data?.shareScheduleTodayOnly === true && (data?.upcomingTodayOnly ?? true);
 
+	const renderDoseUsage = (
+		med: SharedScheduleData["medications"][number] | undefined,
+		dose: { usage: number; intakeUnit?: "ml" | "tsp" | "tbsp" | null }
+	) => formatDoseUsageLabel(med, dose.usage, dose.intakeUnit);
+
 	// Helper: check if a dose is "done" (taken, per-dose dismissed, or med-level dismissed)
 	function isDoseIdDone(doseId: string): boolean {
 		if (takenDoses.has(doseId)) return true;
@@ -809,9 +924,15 @@ export function SharedSchedule() {
 														? willBeOutOfStock
 															? { className: "danger", label: "status.outOfStock" }
 															: medCoverage
-																? getStockStatus(medCoverage.daysLeft, medCoverage.medsLeft, stockThresholds)
+																? getStockStatus(
+																		medCoverage.daysLeft,
+																		medCoverage.medsLeft,
+																		stockThresholds,
+																		med?.packageType
+																	)
 																: null
 														: null;
+													const visibleStatus = getVisibleStockStatus(med, status);
 
 													const itemDoseIds = item.doses.map((d) => d.id);
 													const allTaken = itemDoseIds.every((id) => takenDoses.has(id));
@@ -840,9 +961,13 @@ export function SharedSchedule() {
 																	</div>
 																</div>
 																<div className="tag-row">
-																	<span className="tag subtle">{t("common.pillsTotal", { count: item.total })}</span>
-																	{status && (
-																		<span className={`status-chip small ${status.className}`}>{t(status.label)}</span>
+																	<span className="tag subtle">
+																		{formatTotalUsageLabel(med, item.total, item.doses)}
+																	</span>
+																	{visibleStatus && (
+																		<span className={`status-chip small ${visibleStatus.className}`}>
+																			{t(visibleStatus.label)}
+																		</span>
 																	)}
 																</div>
 															</div>
@@ -853,9 +978,7 @@ export function SharedSchedule() {
 																		<div key={dose.id} className="dose-item past">
 																			<span className="dose-time">{dose.timeStr}</span>
 																			<span className="dose-usage">
-																				<span className="dose-usage-main">
-																					{dose.usage} {dose.usage !== 1 ? t("common.pills") : t("common.pill")}
-																				</span>
+																				<span className="dose-usage-main">{renderDoseUsage(med, dose)}</span>
 																				{med?.pillWeightMg && (
 																					<span className="dose-usage-weight">{`${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"}`}</span>
 																				)}
@@ -993,9 +1116,15 @@ export function SharedSchedule() {
 														? willBeOutOfStock
 															? { className: "danger", label: "status.outOfStock" }
 															: medCoverage
-																? getStockStatus(medCoverage.daysLeft, medCoverage.medsLeft, stockThresholds)
+																? getStockStatus(
+																		medCoverage.daysLeft,
+																		medCoverage.medsLeft,
+																		stockThresholds,
+																		med?.packageType
+																	)
 																: null
 														: null;
+													const visibleStatus = getVisibleStockStatus(med, status);
 
 													const itemDoseIds = item.doses.map((d) => d.id);
 													const allTaken = itemDoseIds.every((id) => takenDoses.has(id));
@@ -1023,9 +1152,13 @@ export function SharedSchedule() {
 																	</div>
 																</div>
 																<div className="tag-row">
-																	<span className="tag subtle">{t("common.pillsTotal", { count: item.total })}</span>
-																	{status && (
-																		<span className={`status-chip small ${status.className}`}>{t(status.label)}</span>
+																	<span className="tag subtle">
+																		{formatTotalUsageLabel(med, item.total, item.doses)}
+																	</span>
+																	{visibleStatus && (
+																		<span className={`status-chip small ${visibleStatus.className}`}>
+																			{t(visibleStatus.label)}
+																		</span>
 																	)}
 																</div>
 															</div>
@@ -1040,9 +1173,7 @@ export function SharedSchedule() {
 																		>
 																			<span className="dose-time">{dose.timeStr}</span>
 																			<span className="dose-usage">
-																				<span className="dose-usage-main">
-																					{dose.usage} {dose.usage !== 1 ? t("common.pills") : t("common.pill")}
-																				</span>
+																				<span className="dose-usage-main">{renderDoseUsage(med, dose)}</span>
 																				{med?.pillWeightMg && (
 																					<span className="dose-usage-weight">{`${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"}`}</span>
 																				)}
@@ -1169,9 +1300,15 @@ export function SharedSchedule() {
 														? willBeOutOfStock
 															? { className: "danger", label: "status.outOfStock" }
 															: medCoverage
-																? getStockStatus(medCoverage.daysLeft, medCoverage.medsLeft, stockThresholds)
+																? getStockStatus(
+																		medCoverage.daysLeft,
+																		medCoverage.medsLeft,
+																		stockThresholds,
+																		med?.packageType
+																	)
 																: null
 														: null;
+													const visibleStatus = getVisibleStockStatus(med, status);
 
 													const itemDoseIds = item.doses.map((d) => d.id);
 													const allTaken = itemDoseIds.every((id) => takenDoses.has(id));
@@ -1199,9 +1336,13 @@ export function SharedSchedule() {
 																	</div>
 																</div>
 																<div className="tag-row">
-																	<span className="tag subtle">{t("common.pillsTotal", { count: item.total })}</span>
-																	{status && (
-																		<span className={`status-chip small ${status.className}`}>{t(status.label)}</span>
+																	<span className="tag subtle">
+																		{formatTotalUsageLabel(med, item.total, item.doses)}
+																	</span>
+																	{visibleStatus && (
+																		<span className={`status-chip small ${visibleStatus.className}`}>
+																			{t(visibleStatus.label)}
+																		</span>
 																	)}
 																</div>
 															</div>
@@ -1212,9 +1353,7 @@ export function SharedSchedule() {
 																		<div key={dose.id} className={`dose-item future ${isTaken ? "all-taken" : ""}`}>
 																			<span className="dose-time">{dose.timeStr}</span>
 																			<span className="dose-usage">
-																				<span className="dose-usage-main">
-																					{dose.usage} {dose.usage !== 1 ? t("common.pills") : t("common.pill")}
-																				</span>
+																				<span className="dose-usage-main">{renderDoseUsage(med, dose)}</span>
 																				{med?.pillWeightMg && (
 																					<span className="dose-usage-weight">{`${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"}`}</span>
 																				)}

frontend/src/components/UserFilterModal.tsx

@@ -67,8 +67,8 @@ export function UserFilterModal({
 						const medCoverage = coverage.all.find((c) => c.name === getMedDisplayName(med));
 						// Fallback: if no coverage data (e.g. obsolete med), compute basic status from total pills
 						const status = medCoverage
-							? getStockStatus(medCoverage.daysLeft, medCoverage.medsLeft, settings)
-							: getStockStatus(null, getMedTotal(med), settings);
+							? getStockStatus(medCoverage.daysLeft, medCoverage.medsLeft, settings, med.packageType)
+							: getStockStatus(null, getMedTotal(med), settings, med.packageType);
 						const packageSize = getPackageSize(med);
 						const currentStock = medCoverage ? formatNumber(medCoverage.medsLeft) : formatNumber(getMedTotal(med));
 

frontend/src/context/AppContext.tsx

@@ -6,7 +6,7 @@ import { useCollapsedDays, useDoses, useMedications, useRefill, useSettings, use
 import type { Coverage, FormState, Medication, ScheduleEvent, StockThresholds } from "../types";
 import { getSystemLocale } from "../utils/formatters";
 import { log } from "../utils/logger";
-import { buildSchedulePreview, calculateCoverage, computeMissedPastDoseIds } from "../utils/schedule";
+import { buildSchedulePreview, calculateCoverage, computeMissedPastDoseIds, getStockStatus } from "../utils/schedule";
 
 // =============================================================================
 // Types
@@ -17,6 +17,7 @@ export type DoseInfo = {
 	timeStr: string;
 	when: number;
 	usage: number;
+	intakeUnit?: "ml" | "tsp" | "tbsp" | null;
 	takenBy: string[];
 	intakeRemindersEnabled: boolean;
 };
@@ -384,6 +385,7 @@ export function AppProvider({ children }: { children: React.ReactNode }) {
 		(dayMeds: { medName: string; lastWhen: number }[]): "success" | "warning" | "danger" => {
 			const statuses = dayMeds.map((item) => {
 				const cov = coverageByMed[item.medName];
+				const med = activeMeds.find((m) => m.name === item.medName || m.genericName === item.medName);
 				const depletionTime = depletionByMed[item.medName];
 
 				// Will be out of stock by this day?
@@ -392,21 +394,15 @@ export function AppProvider({ children }: { children: React.ReactNode }) {
 				}
 
 				if (!cov) return "success";
-				const { daysLeft, medsLeft } = cov;
-
-				// Currently out of stock
-				if (medsLeft <= 0 || daysLeft === 0) return "danger";
-				// No schedule (can't calculate)
-				if (daysLeft === null) return "success";
-				// Low stock: < lowStockDays (warning)
-				if (daysLeft < settingsHook.settings.lowStockDays) return "warning";
-				// Normal/High stock
+				const status = getStockStatus(cov.daysLeft, cov.medsLeft, stockThresholds, med?.packageType);
+				if (status.className === "danger") return "danger";
+				if (status.className === "warning") return "warning";
 				return "success";
 			});
 			const fallbackStatus = statuses.includes("warning") ? "warning" : "success";
 			return statuses.includes("danger") ? "danger" : fallbackStatus;
 		},
-		[coverageByMed, depletionByMed, settingsHook.settings.lowStockDays]
+		[coverageByMed, depletionByMed, activeMeds, stockThresholds]
 	);
 
 	const groupedSchedule = useMemo(() => {
@@ -439,6 +435,7 @@ export function AppProvider({ children }: { children: React.ReactNode }) {
 					timeStr: event.timeStr,
 					when: event.when,
 					usage: event.usage,
+					intakeUnit: event.intakeUnit ?? null,
 					takenBy: event.takenBy ? [event.takenBy] : [],
 					intakeRemindersEnabled: event.intakeRemindersEnabled,
 				});
@@ -665,7 +662,18 @@ export function AppProvider({ children }: { children: React.ReactNode }) {
 
 			// Get the response text first to handle non-JSON responses
 			const text = await res.text();
-			let data: { error?: string; message?: string; imported?: number } = {};
+			let data: {
+				error?: string;
+				message?: string;
+				imported?:
+					| {
+							medications?: number;
+							doseHistory?: number;
+							refillHistory?: number;
+							shareLinks?: number;
+					  }
+					| number;
+			} = {};
 			try {
 				data = text ? JSON.parse(text) : {};
 			} catch {
@@ -680,11 +688,12 @@ export function AppProvider({ children }: { children: React.ReactNode }) {
 			}
 
 			// Show success message in UI instead of browser alert
+			const importedCounts = typeof data.imported === "object" && data.imported !== null ? data.imported : null;
 			setImportResult({
-				medications: data.imported?.medications || 0,
-				doses: data.imported?.doseHistory || 0,
-				refills: data.imported?.refillHistory || 0,
-				shares: data.imported?.shareLinks || 0,
+				medications: importedCounts?.medications || 0,
+				doses: importedCounts?.doseHistory || 0,
+				refills: importedCounts?.refillHistory || 0,
+				shares: importedCounts?.shareLinks || 0,
 			});
 
 			// Reload all data

frontend/src/hooks/useEscapeKey.ts

@@ -27,6 +27,12 @@ export function useEscapeKey(active: boolean, onClose: () => void, options?: { c
 		if (!active) return;
 		const handleKeyDown = (e: KeyboardEvent) => {
 			if (e.key === "Escape" && activeRef.current) {
+				if (capture) {
+					// In nested modals, consume Escape so parent/global handlers
+					// do not process the same key press again.
+					e.preventDefault();
+					e.stopPropagation();
+				}
 				onCloseRef.current();
 			}
 		};

frontend/src/hooks/useMedicationForm.ts

@@ -24,6 +24,7 @@ export const defaultIntake = (takenBy: string = ""): FormIntake => {
 		every: "1",
 		startDate: toDateValue(now),
 		startTime: toTimeValue(now),
+		intakeUnit: "ml",
 		takenBy, // Per-intake user assignment (empty string = null/everyone)
 		intakeRemindersEnabled: false,
 	};
@@ -33,15 +34,22 @@ export const defaultForm = (): FormState => ({
 	name: "",
 	genericName: "",
 	takenBy: [],
+	medicationForm: "tablet",
+	pillForm: "tablet",
+	lifecycleCategory: "refill_when_empty",
 	packageType: "blister",
 	packCount: "1",
 	blistersPerPack: "1",
 	pillsPerBlister: "1",
+	packageAmountValue: "0",
+	packageAmountUnit: "ml",
 	totalPills: "",
 	looseTablets: "0",
 	pillWeightMg: "",
 	doseUnit: "mg",
 	medicationStartDate: "",
+	medicationEndDate: "",
+	autoMarkObsoleteAfterEndDate: true,
 	expiryDate: "",
 	notes: "",
 	prescriptionEnabled: false,
@@ -205,6 +213,7 @@ export function useMedicationForm(): UseMedicationFormReturn {
 						every: String(i.every),
 						startDate: toDateValue(i.start),
 						startTime: toTimeValue(i.start),
+						intakeUnit: i.intakeUnit ?? "ml",
 						takenBy: i.takenBy ?? "", // Convert null to empty string for form
 						intakeRemindersEnabled: i.intakeRemindersEnabled,
 					}))
@@ -213,6 +222,7 @@ export function useMedicationForm(): UseMedicationFormReturn {
 						every: String(s.every),
 						startDate: toDateValue(s.start),
 						startTime: toTimeValue(s.start),
+						intakeUnit: "ml",
 						takenBy: "", // Legacy blisters have no per-intake takenBy
 						intakeRemindersEnabled: med.intakeRemindersEnabled ?? false,
 					}));
@@ -220,21 +230,80 @@ export function useMedicationForm(): UseMedicationFormReturn {
 		const authorizedRefills = Math.max(0, med.prescriptionAuthorizedRefills ?? 0);
 		const remainingRefills = Math.min(Math.max(0, med.prescriptionRemainingRefills ?? 0), authorizedRefills);
 		const lowRefillThreshold = Math.min(Math.max(0, med.prescriptionLowRefillThreshold ?? 1), authorizedRefills);
+		const isTubeOrLiquidPackage = med.packageType === "tube" || med.packageType === "liquid_container";
+		let normalizedPackCount = String(med.packCount);
+		let normalizedPackageAmountValue = String(med.packageAmountValue ?? 0);
 
-		const bottleTotalPills = med.packageType === "bottle" && med.looseTablets ? String(med.looseTablets) : "";
+		if (isTubeOrLiquidPackage) {
+			const safePackCount = med.packageType === "tube" ? 1 : Math.max(1, med.packCount || 1);
+			normalizedPackCount = String(safePackCount);
+
+			const rawPackageAmount = Number(med.packageAmountValue ?? 0);
+			const legacyKnownAmount = Math.max(0, Number(med.totalPills ?? 0), Number(med.looseTablets ?? 0));
+
+			if (med.packageType === "tube") {
+				normalizedPackageAmountValue = String(
+					legacyKnownAmount > 0 ? legacyKnownAmount : Math.max(1, rawPackageAmount)
+				);
+			} else if (rawPackageAmount > 0) {
+				normalizedPackageAmountValue = String(rawPackageAmount);
+			} else {
+				normalizedPackageAmountValue = String(legacyKnownAmount);
+			}
+		}
+
+		const normalizedDerivedTotal = isTubeOrLiquidPackage
+			? Math.max(0, (Number(normalizedPackCount) || 0) * (Number(normalizedPackageAmountValue) || 0))
+			: null;
+
+		const bottleTotalPills =
+			(med.packageType === "bottle" || med.packageType === "tube" || med.packageType === "liquid_container") &&
+			med.looseTablets
+				? String(med.looseTablets)
+				: "";
+		let resolvedForm = med.medicationForm;
+		if (!resolvedForm) {
+			if (med.packageType === "tube") {
+				resolvedForm = "topical";
+			} else if (med.packageType === "liquid_container") {
+				resolvedForm = "liquid";
+			} else {
+				resolvedForm = med.pillForm ?? "tablet";
+			}
+		}
+		const resolvedPillForm = med.pillForm ?? (resolvedForm === "capsule" ? "capsule" : "tablet");
+		let normalizedPackageAmountUnit = med.packageAmountUnit ?? "ml";
+		if (med.packageType === "tube") {
+			normalizedPackageAmountUnit = "g";
+		} else if (med.packageType === "liquid_container") {
+			normalizedPackageAmountUnit = "ml";
+		}
+		let resolvedTotalPills = bottleTotalPills;
+		if (normalizedDerivedTotal != null) {
+			resolvedTotalPills = String(normalizedDerivedTotal);
+		} else if (med.totalPills) {
+			resolvedTotalPills = String(med.totalPills);
+		}
 		const editForm: FormState = {
 			name: med.name,
 			genericName: med.genericName ?? "",
 			takenBy: med.takenBy || [], // Already an array from API
+			medicationForm: resolvedForm,
+			pillForm: resolvedPillForm,
+			lifecycleCategory: med.lifecycleCategory ?? "refill_when_empty",
 			packageType: med.packageType ?? "blister",
-			packCount: String(med.packCount),
+			packCount: normalizedPackCount,
 			blistersPerPack: String(med.blistersPerPack),
 			pillsPerBlister: String(med.pillsPerBlister),
-			totalPills: med.totalPills ? String(med.totalPills) : bottleTotalPills,
-			looseTablets: String(med.looseTablets),
+			packageAmountValue: normalizedPackageAmountValue,
+			packageAmountUnit: normalizedPackageAmountUnit,
+			totalPills: resolvedTotalPills,
+			looseTablets: normalizedDerivedTotal != null ? String(normalizedDerivedTotal) : String(med.looseTablets),
 			pillWeightMg: med.pillWeightMg ? String(med.pillWeightMg) : "",
 			doseUnit: med.doseUnit ?? "mg",
 			medicationStartDate: med.medicationStartDate ?? "",
+			medicationEndDate: med.medicationEndDate ?? "",
+			autoMarkObsoleteAfterEndDate: med.autoMarkObsoleteAfterEndDate ?? true,
 			expiryDate: med.expiryDate ? med.expiryDate.slice(0, 10) : "",
 			notes: med.notes ?? "",
 			prescriptionEnabled: med.prescriptionEnabled ?? false,
@@ -277,6 +346,63 @@ export function useMedicationForm(): UseMedicationFormReturn {
 			setForm((prev) => {
 				const next = { ...prev, [key]: value } as FormState;
 
+				if (key === "packageType") {
+					if (value === "tube") {
+						next.packCount = "1";
+						next.packageAmountValue = String(Math.max(1, Number(next.packageAmountValue) || 0));
+						next.medicationForm = "topical";
+						next.lifecycleCategory = "treatment_period";
+						next.doseUnit = "units";
+						next.packageAmountUnit = "g";
+					} else if (value === "liquid_container") {
+						next.packCount = String(Math.max(1, Number(next.packCount) || 1));
+						next.packageAmountValue = String(Math.max(1, Number(next.packageAmountValue) || 0));
+						next.medicationForm = "liquid";
+						next.lifecycleCategory = "refill_when_empty";
+						next.doseUnit = "ml";
+						next.packageAmountUnit = "ml";
+						next.intakes = next.intakes.map((intake) => ({ ...intake, intakeUnit: intake.intakeUnit || "ml" }));
+					} else {
+						next.medicationForm = next.pillForm;
+						next.lifecycleCategory = "refill_when_empty";
+					}
+				}
+
+				if (key === "medicationForm") {
+					if (next.packageType === "tube") {
+						next.medicationForm = "topical";
+						next.lifecycleCategory = "treatment_period";
+						next.doseUnit = "units";
+						next.packageAmountUnit = "g";
+					} else if (next.packageType === "liquid_container") {
+						next.medicationForm = "liquid";
+						next.lifecycleCategory = "refill_when_empty";
+						next.doseUnit = "ml";
+						next.packageAmountUnit = "ml";
+						next.intakes = next.intakes.map((intake) => ({ ...intake, intakeUnit: intake.intakeUnit || "ml" }));
+					}
+				}
+
+				if (next.packageType === "tube") {
+					next.packCount = "1";
+					next.packageAmountUnit = "g";
+				} else if (next.packageType === "liquid_container") {
+					next.packageAmountUnit = "ml";
+				}
+
+				if (key === "pillForm" && value === "capsule") {
+					next.medicationForm = "capsule";
+					next.intakes = next.intakes.map((intake) => {
+						const parsedUsage = Number.parseFloat(intake.usage);
+						const rounded = Number.isFinite(parsedUsage) ? Math.max(0, Math.round(parsedUsage)) : 1;
+						return { ...intake, usage: String(rounded || 1) };
+					});
+				}
+
+				if (key === "pillForm" && value === "tablet") {
+					next.medicationForm = "tablet";
+				}
+
 				if (key === "prescriptionAuthorizedRefills") {
 					const raw = String(value);
 					next.prescriptionAuthorizedRefills = raw === "" ? "" : String(parseNonNegativeInt(raw));

frontend/src/hooks/useRefill.ts

@@ -137,51 +137,97 @@ export function useRefill(): UseRefillReturn {
 			if (!selectedMed) return;
 			setEditStockSaving(true);
 			try {
+				const isTubePackage = selectedMed.packageType === "tube";
+				const isBottlePackage = selectedMed.packageType === "bottle";
+				const isLiquidPackage = selectedMed.packageType === "liquid_container";
+				const isAmountPackage = isBottlePackage || isTubePackage || isLiquidPackage;
+				const liquidAmountPerBottle = Math.max(
+					1,
+					Number.isFinite(Number(selectedMed.packageAmountValue)) && Number(selectedMed.packageAmountValue) > 0
+						? Number(selectedMed.packageAmountValue)
+						: Math.max(
+								1,
+								Math.round(Number(getPackageSize(selectedMed) || 0) / Math.max(1, Number(selectedMed.packCount || 1)))
+							)
+				);
+
 				// Clamp all fields to non-negative values.
 				let finalFullBlisters = Math.max(0, editStockFullBlisters);
-				let finalPartialPills =
-					selectedMed.packageType === "bottle"
-						? Math.max(0, editStockPartialBlisterPills)
-						: Math.max(0, editStockPartialBlisterPills);
+				let finalPartialPills = isAmountPackage
+					? Math.max(0, editStockPartialBlisterPills)
+					: Math.max(0, editStockPartialBlisterPills);
 				const finalLoosePills = Math.max(0, editStockLoosePills);
 
 				// Canonicalize blister values: partial overflow becomes additional full blisters.
-				if (selectedMed.packageType !== "bottle" && selectedMed.pillsPerBlister > 0) {
+				if (!isAmountPackage && selectedMed.pillsPerBlister > 0) {
 					finalFullBlisters += Math.floor(finalPartialPills / selectedMed.pillsPerBlister);
 					finalPartialPills %= selectedMed.pillsPerBlister;
 				}
 
 				// Structural max = sealed package capacity only (no looseTablets offset).
-				const structuralMax =
-					selectedMed.packageType === "bottle"
-						? (selectedMed.totalPills ?? getPackageSize(selectedMed))
-						: selectedMed.packCount * selectedMed.blistersPerPack * selectedMed.pillsPerBlister;
+				const structuralMax = isAmountPackage
+					? (selectedMed.totalPills ?? getPackageSize(selectedMed))
+					: selectedMed.packCount * selectedMed.blistersPerPack * selectedMed.pillsPerBlister;
+				const correctedLiquidBottleCount = isLiquidPackage
+					? Math.max(1, finalFullBlisters)
+					: Math.max(1, selectedMed.packCount);
+				const liquidStructuralMax = isLiquidPackage
+					? correctedLiquidBottleCount * liquidAmountPerBottle
+					: structuralMax;
 
 				// For blister meds, only sealed pills are capped to package size.
 				// Loose pills are extra and can be above package size.
-				const desiredTotal =
-					selectedMed.packageType === "bottle"
-						? Math.min(structuralMax, Math.max(0, finalPartialPills))
-						: Math.min(structuralMax, finalFullBlisters * selectedMed.pillsPerBlister + finalPartialPills) +
-							finalLoosePills;
+				let desiredTotal: number;
+				if (isTubePackage) {
+					desiredTotal = Math.max(0, finalPartialPills);
+				} else if (isAmountPackage) {
+					desiredTotal = Math.min(liquidStructuralMax, Math.max(0, finalPartialPills));
+				} else {
+					desiredTotal =
+						Math.min(structuralMax, finalFullBlisters * selectedMed.pillsPerBlister + finalPartialPills) +
+						finalLoosePills;
+				}
 
 				// The "base" from DB structure used to compute stockAdjustment differs by type:
 				// - Bottle: looseTablets is the base (not changed during correction)
 				// - Blister: use structuralMax + finalLoosePills as the new base so that
 				//   updating looseTablets in the DB doesn't cause a stale-split display bug.
-				const baseTotal =
-					selectedMed.packageType === "bottle"
-						? getPackageSize(selectedMed) // bottle: stockAdjustment relative to fixed looseTablets base
-						: structuralMax + finalLoosePills; // blister: base = sealed capacity + NEW loose pills
+				let baseTotal: number;
+				if (isLiquidPackage) {
+					baseTotal = liquidStructuralMax;
+				} else if (isAmountPackage) {
+					baseTotal = getPackageSize(selectedMed); // bottle: stockAdjustment relative to fixed looseTablets base
+				} else {
+					baseTotal = structuralMax + finalLoosePills; // blister: base = sealed capacity + NEW loose pills
+				}
 				// stockAdjustment = what we need to make getMedTotal() return desiredTotal
 				const newStockAdjustment = desiredTotal - baseTotal;
 
 				// For blister corrections also send the new looseTablets value so the DB
 				// reflects the actual loose count (avoids stale-split display on reload).
-				const patchBody: { stockAdjustment: number; looseTablets?: number } = {
+				const patchBody: {
+					stockAdjustment: number;
+					looseTablets?: number;
+					totalPills?: number;
+					packageAmountValue?: number;
+					packCount?: number;
+				} = {
 					stockAdjustment: newStockAdjustment,
 				};
-				if (selectedMed.packageType !== "bottle") {
+				if (isTubePackage) {
+					// Tube has fixed count=1 and no automatic depletion.
+					// Correction must update the base amount fields directly.
+					patchBody.stockAdjustment = 0;
+					patchBody.packCount = 1;
+					patchBody.totalPills = desiredTotal;
+					patchBody.looseTablets = desiredTotal;
+					patchBody.packageAmountValue = desiredTotal;
+				} else if (isLiquidPackage) {
+					// Liquid correction supports bottle-count updates.
+					// Keep packageAmountValue (ml per bottle) and update capacity base by bottle count.
+					patchBody.packCount = correctedLiquidBottleCount;
+					patchBody.totalPills = liquidStructuralMax;
+				} else if (!isAmountPackage) {
 					patchBody.looseTablets = finalLoosePills;
 				}
 
@@ -222,6 +268,10 @@ export function useRefill(): UseRefillReturn {
 	const openEditStockModal = useCallback((selectedMed: Medication, coverage: { all: Coverage[] }) => {
 		if (!selectedMed) return;
 		setEditStockMedication(selectedMed);
+		const isAmountPackage =
+			selectedMed.packageType === "bottle" ||
+			selectedMed.packageType === "tube" ||
+			selectedMed.packageType === "liquid_container";
 		// Get current stock from coverage (after consumption)
 		const medCoverage = coverage.all.find((c) => c.name === selectedMed.name);
 		const dbTotal = getMedTotal(selectedMed);
@@ -231,15 +281,20 @@ export function useRefill(): UseRefillReturn {
 		// For blister, keep loose pills separated from sealed blister/partial counts.
 		const knownLoose = Math.min(currentStock, Math.max(0, selectedMed.looseTablets));
 		const sealedPills = Math.max(0, currentStock - knownLoose);
-		const fullBlisters =
-			selectedMed.packageType === "bottle" ? 0 : Math.floor(sealedPills / selectedMed.pillsPerBlister);
-		const partialPills =
-			selectedMed.packageType === "bottle" ? Math.max(0, currentStock) : sealedPills % selectedMed.pillsPerBlister;
+		let fullBlisters: number;
+		if (selectedMed.packageType === "liquid_container") {
+			fullBlisters = Math.max(1, selectedMed.packCount);
+		} else if (isAmountPackage) {
+			fullBlisters = 0;
+		} else {
+			fullBlisters = Math.floor(sealedPills / selectedMed.pillsPerBlister);
+		}
+		const partialPills = isAmountPackage ? Math.max(0, currentStock) : sealedPills % selectedMed.pillsPerBlister;
 
 		// Pre-fill with current values
 		setEditStockFullBlisters(fullBlisters);
 		setEditStockPartialBlisterPills(partialPills);
-		setEditStockLoosePills(selectedMed.packageType === "bottle" ? 0 : knownLoose);
+		setEditStockLoosePills(isAmountPackage ? 0 : knownLoose);
 		setShowEditStockModal(true);
 		window.history.pushState({ modal: "editStock" }, "");
 	}, []);

frontend/src/i18n/de.json

@@ -110,6 +110,7 @@
     "fullBlisters": "Volle Blister",
     "openBlister": "Offener Blister",
     "stock": "Bestand",
+    "dailyConsumption": "Taeglicher Verbrauch",
     "stockDetails": "Details",
     "daysLeft": "Tage übrig",
     "status": "Status",
@@ -118,7 +119,8 @@
     "expiry": "Ablaufdatum",
     "pillsCount": "{{count}} Tabletten",
     "pillsCount_one": "{{count}} Tablette",
-    "pillsCount_other": "{{count}} Tabletten"
+    "pillsCount_other": "{{count}} Tabletten",
+    "perDayWithUnit": "{{value}} {{unit}}"
   },
   "medications": {
     "list": {
@@ -130,7 +132,8 @@
       "reactivate": "Reaktivieren",
       "obsoleteTitle": "Obsolet ({{count}})",
       "obsoleteSince": "Beendet",
-      "started": "Gestartet"
+      "started": "Gestartet",
+      "emptyState": "Noch keine Medikamente. Fuege dein erstes Medikament hinzu."
     },
     "details": {
       "packs": "Packungen",
@@ -139,6 +142,7 @@
       "loose": "Lose",
       "total": "Gesamt",
       "stock": "Bestand",
+      "capacityPerPackage": "Kapazitaet pro Packung",
       "totalCapacity": "Kapazität",
       "type": "Typ"
     },
@@ -167,18 +171,41 @@
     "commercialName": "Handelsname",
     "genericName": "Wirkstoff",
     "takenBy": "Eingenommen von",
+    "medicationForm": "Medikationsform",
+    "medicationFormCapsule": "Kapsel",
+    "medicationFormTablet": "Tablette",
+    "medicationFormLiquid": "Fluessigkeit",
+    "medicationFormTopical": "Topisch",
+    "pillForm": "Pillenform",
+    "lifecycleCategory": "Lebenszyklus",
+    "lifecycleRefillWhenEmpty": "Nachfuellen wenn leer",
+    "lifecycleTreatmentPeriod": "Behandlungszeitraum",
     "packageType": "Verpackungsart",
     "packageTypeBlister": "Blisterpackung",
     "packageTypeBottle": "Pillendose",
+    "packageTypeTube": "Tube",
+    "packageTypeLiquidContainer": "Fluessigbehaeltnis",
     "packs": "Packungen",
+    "bottles": "Flaschen",
+    "tubes": "Tuben",
     "blistersPerPack": "Blister pro Packung",
     "pillsPerBlister": "Tabletten pro Blister",
     "totalCapacity": "Gesamtkapazität",
     "currentPills": "Aktuelle Tabletten",
+    "totalAmount": "Gesamtmenge",
+    "currentAmount": "Aktuelle Menge",
+    "totalAmountLabel": "Gesamt (Menge)",
+    "packageAmount": "Packungsinhalt",
+    "packageAmountPerBottle": "Inhalt pro Flasche",
+    "packageAmountPerTube": "Inhalt pro Tube",
+    "packageAmountUnitMl": "ml",
+    "packageAmountUnitG": "g",
     "loosePills": "Lose Tabletten",
     "pillWeight": "Dosis pro Tablette",
     "total": "Gesamt (Tabletten)",
     "medicationStartDate": "Startdatum der Medikation",
+    "medicationEndDate": "Enddatum der Medikation",
+    "autoMarkObsoleteAfterEndDate": "Nach Enddatum automatisch als obsolet markieren",
     "expiryDate": "Ablaufdatum",
     "notes": "Notizen",
     "medicationImage": "Medikamentenbild",
@@ -198,15 +225,38 @@
       "weight": "z.B. 240",
       "notes": "z.B. Mit Essen einnehmen, Alkohol vermeiden... (optional)"
     },
-      "validation": {
-        "startDateAfterIntake": "Das Medikations-Startdatum ({{medicationStartDate}}) darf nicht nach dem Einnahmedatum ({{intakeDate}}) liegen."
-      },
+    "validation": {
+      "startDateAfterIntake": "Das Medikations-Startdatum ({{medicationStartDate}}) darf nicht nach dem Einnahmedatum ({{intakeDate}}) liegen.",
+      "endDateBeforeStart": "Das Medikations-Enddatum ({{medicationEndDate}}) darf nicht vor dem Startdatum ({{medicationStartDate}}) liegen."
+    },
     "blisters": {
       "title": "Einnahmeplan",
       "remind": "Erinnern",
       "remindTooltip": "Erhalte eine Benachrichtigung 15 Minuten vor jeder geplanten Einnahme",
       "addIntake": "Einnahme",
-      "usage": "Dosis (Tabletten)",
+      "usage": "Dosis",
+      "usageTablets": "Dosis (Tabletten)",
+      "usageCapsules": "Dosis (Kapseln)",
+      "usageMl": "Dosis (ml)",
+      "usageTsp": "Dosis (tsp)",
+      "usageTbsp": "Dosis (tbsp)",
+      "usageApplication": "Dosis (Anwendungen)",
+      "intakeUnit": "Einnahmeeinheit",
+      "intakeUnitMl": "Milliliter (ml)",
+      "intakeUnitTsp": "Teeloeffel (5 ml)",
+      "intakeUnitTbsp": "Essloeffel (15 ml)",
+      "intakes": "Einnahmen",
+      "intakes_one": "Einnahme",
+      "intakes_other": "Einnahmen",
+      "teaspoons": "Teeloeffel",
+      "teaspoons_one": "Teeloeffel",
+      "teaspoons_other": "Teeloeffel",
+      "tablespoons": "Essloeffel",
+      "tablespoons_one": "Essloeffel",
+      "tablespoons_other": "Essloeffel",
+      "applications": "Anwendungen",
+      "applications_one": "Anwendung",
+      "applications_other": "Anwendungen",
       "everyDays": "Alle (Tage)",
       "every": "alle",
       "from": "ab",
@@ -299,7 +349,8 @@
       "highStockTooltip": "Bestand über diesem Wert bedeutet, dass du gut versorgt bist",
       "thresholdValidation": "Werte müssen wie folgt sein: Kritisch < Niedrig < Hoch",
       "shareStockStatus": "Bestand auf geteilten Links anzeigen",
-      "shareStockStatusDesc": "Bestandsstatus (Normal/Niedrig/Kritisch) und farbige Rahmen auf geteilten Zeitplan-Links für Einnahme-Nutzer anzeigen"
+      "shareStockStatusDesc": "Bestandsstatus (Normal/Niedrig/Kritisch) und farbige Rahmen auf geteilten Zeitplan-Links für Einnahme-Nutzer anzeigen",
+      "packageTypesNote": "Hinweis: Tubenmedikamente sind von Bestands-Erinnerungen ausgeschlossen. Flüssigbehälter-Medikamente verwenden einen einzelnen Reminder-Basiswert (Niedrig und Kritisch werden automatisch von diesem Wert abgeleitet)."
     },
     "timeline": {
       "title": "Allgemeine UI",
@@ -316,7 +367,7 @@
     "stockReminder": {
       "title": "Bestands-Erinnerung",
       "description": "Bestands-Erinnerungen aktivieren",
-      "infoTooltip": "Benachrichtigungen umfassen alle Medikamente mit Niedrig- oder Kritisch-Status. Niedrig: Bestand wird knapp. Kritisch: Bestand ist kritisch niedrig — bald nachbestellen.",
+      "infoTooltip": "Benachrichtigungen umfassen alle Medikamente mit Niedrig- oder Kritisch-Status. Hinweis: Tubenmedikamente sind ausgeschlossen; Flüssigbehälter verwenden einen einzelnen Basiswert (Niedrig und Kritisch werden abgeleitet).",
       "repeatDaily": "Täglich wiederholen",
       "repeatTooltip": "Wenn aktiviert, wird täglich eine Erinnerung gesendet solange der Bestand kritisch ist. Andernfalls nur einmal pro Medikament bis zum Auffüllen."
     },
@@ -327,6 +378,8 @@
     "at": "um",
     "stockInfo": "Aktueller Bestand",
     "packageDetails": "Packungsdetails",
+    "packageTypeTubeHint": "Tubenmedikamente enthalten feste Mengen (z. B. Cremes, Gele). Der Bestand wird nicht verfolgt und Erinnerungen werden nicht gesendet.",
+    "packageTypeLiquidHint": "Flüssigbehälter verwenden ein vereinfachtes Erinnerungsmodell. Niedrig- und Kritisch-Stufen werden automatisch von einem einzelnen Basiswert abgeleitet.",
     "currentStock": "Tabletten",
     "packs": "Packungen",
     "blistersPerPack": "Blister/Packung",
@@ -577,9 +630,11 @@
     "loosePills": "Lose Tabletten",
     "pillsPerBlister": "(je {{count}} Tabletten)",
     "packageSize": "Packungsgröße: {{count}} Tabletten",
+    "packageSizeAmount": "Packungsgroesse: {{count}} {{unit}}",
     "packageSizeBreakdown": "{{packCount}} x {{sizePerPack}} Tabletten Packung = {{total}} Tabletten",
     "currentComposition": "Aktueller Bestand: {{fullBlisters}} volle Blister + {{partialPills}} angebrochen + {{loosePills}} lose = {{total}} Tabletten",
     "maxExceeded": "Die maximale Packungsgröße beträgt {{count}} Tabletten. Werte wurden begrenzt.",
+    "maxExceededAmount": "Die maximale Packungsgroesse betraegt {{count}} {{unit}}. Werte wurden begrenzt.",
     "decreaseValue": "Wert verringern",
     "increaseValue": "Wert erhöhen",
     "currentTotal": "Aktueller Bestand",
@@ -639,6 +694,7 @@
     "docPackageType": "Verpackungsart",
     "docBlister": "Blisterpackung",
     "docBottle": "Pillendose",
+    "docTube": "Tube",
     "docPacks": "Packungen",
     "docBlistersPerPack": "Blister pro Packung",
     "docPillsPerBlister": "Tabletten pro Blister",

frontend/src/i18n/en.json

@@ -110,6 +110,7 @@
     "fullBlisters": "Full blisters",
     "openBlister": "Open blister",
     "stock": "Stock",
+    "dailyConsumption": "Daily consumption",
     "stockDetails": "Details",
     "daysLeft": "Days left",
     "status": "Status",
@@ -118,7 +119,8 @@
     "expiry": "Expiry",
     "pillsCount": "{{count}} pills",
     "pillsCount_one": "{{count}} pill",
-    "pillsCount_other": "{{count}} pills"
+    "pillsCount_other": "{{count}} pills",
+    "perDayWithUnit": "{{value}} {{unit}}"
   },
   "medications": {
     "list": {
@@ -130,7 +132,8 @@
       "reactivate": "Reactivate",
       "obsoleteTitle": "Obsolete ({{count}})",
       "obsoleteSince": "Stopped",
-      "started": "Started"
+      "started": "Started",
+      "emptyState": "No medications yet. Add your first medication to get started."
     },
     "details": {
       "packs": "Packs",
@@ -139,6 +142,7 @@
       "loose": "Loose",
       "total": "Total",
       "stock": "Stock",
+      "capacityPerPackage": "Capacity per package",
       "totalCapacity": "Capacity",
       "type": "Type"
     },
@@ -167,18 +171,41 @@
     "commercialName": "Commercial Name",
     "genericName": "Generic Name",
     "takenBy": "Taken by",
+    "medicationForm": "Medication Form",
+    "medicationFormCapsule": "Capsule",
+    "medicationFormTablet": "Tablet",
+    "medicationFormLiquid": "Liquid",
+    "medicationFormTopical": "Topical",
+    "pillForm": "Pill Form",
+    "lifecycleCategory": "Lifecycle",
+    "lifecycleRefillWhenEmpty": "Refill when empty",
+    "lifecycleTreatmentPeriod": "Treatment period",
     "packageType": "Package Type",
     "packageTypeBlister": "Blister Pack",
     "packageTypeBottle": "Pill Bottle",
+    "packageTypeTube": "Tube",
+    "packageTypeLiquidContainer": "Liquid Container",
     "packs": "Packs",
+    "bottles": "Bottles",
+    "tubes": "Tubes",
     "blistersPerPack": "Blisters per pack",
     "pillsPerBlister": "Pills per blister",
     "totalCapacity": "Total Capacity",
     "currentPills": "Current Pills",
+    "totalAmount": "Total Amount",
+    "currentAmount": "Current Amount",
+    "totalAmountLabel": "Total (amount)",
+    "packageAmount": "Package amount",
+    "packageAmountPerBottle": "Amount per bottle",
+    "packageAmountPerTube": "Amount per tube",
+    "packageAmountUnitMl": "ml",
+    "packageAmountUnitG": "g",
     "loosePills": "Loose pills",
     "pillWeight": "Dose per pill",
     "total": "Total (pills)",
     "medicationStartDate": "Medication Start Date",
+    "medicationEndDate": "Medication End Date",
+    "autoMarkObsoleteAfterEndDate": "Automatically mark obsolete after end date",
     "expiryDate": "Expiry Date",
     "notes": "Notes",
     "medicationImage": "Medication Image",
@@ -199,14 +226,37 @@
       "notes": "e.g. Take with food, avoid alcohol... (optional)"
     },
     "validation": {
-      "startDateAfterIntake": "Medication start date ({{medicationStartDate}}) cannot be after intake date ({{intakeDate}})."
+      "startDateAfterIntake": "Medication start date ({{medicationStartDate}}) cannot be after intake date ({{intakeDate}}).",
+      "endDateBeforeStart": "Medication end date ({{medicationEndDate}}) cannot be before medication start date ({{medicationStartDate}})."
     },
     "blisters": {
       "title": "Intake schedule",
       "remind": "Remind",
       "remindTooltip": "Receive a notification 15 minutes before each scheduled intake",
       "addIntake": "Intake",
-      "usage": "Usage (pills)",
+      "usage": "Usage",
+      "usageTablets": "Usage (tablets)",
+      "usageCapsules": "Usage (capsules)",
+      "usageMl": "Usage (ml)",
+      "usageTsp": "Usage (tsp)",
+      "usageTbsp": "Usage (tbsp)",
+      "usageApplication": "Usage (applications)",
+      "intakeUnit": "Intake unit",
+      "intakeUnitMl": "Milliliters (ml)",
+      "intakeUnitTsp": "Teaspoon (5 ml)",
+      "intakeUnitTbsp": "Tablespoon (15 ml)",
+      "intakes": "intakes",
+      "intakes_one": "intake",
+      "intakes_other": "intakes",
+      "teaspoons": "teaspoons",
+      "teaspoons_one": "teaspoon",
+      "teaspoons_other": "teaspoons",
+      "tablespoons": "tablespoons",
+      "tablespoons_one": "tablespoon",
+      "tablespoons_other": "tablespoons",
+      "applications": "applications",
+      "applications_one": "application",
+      "applications_other": "applications",
       "everyDays": "Every (days)",
       "every": "every",
       "from": "from",
@@ -299,7 +349,8 @@
       "highStockTooltip": "Stock above this value means you are well supplied",
       "thresholdValidation": "Values must be: Critical < Low < High",
       "shareStockStatus": "Show Stock on Shared Links",
-      "shareStockStatusDesc": "Show stock status (Normal/Low/Critical) and colored borders on shared schedule links for intake users"
+      "shareStockStatusDesc": "Show stock status (Normal/Low/Critical) and colored borders on shared schedule links for intake users",
+      "packageTypesNote": "Note: Tube medications are excluded from stock reminders. Liquid container medications use a single reminder baseline (Low and Critical are automatically derived from this value)."
     },
     "timeline": {
       "title": "General UI",
@@ -316,7 +367,7 @@
     "stockReminder": {
       "title": "Stock Reminder",
       "description": "Enable stock reminders",
-      "infoTooltip": "Notifications include all medications with Low or Critical stock status. Low: stock is running low. Critical: stock is critically low — reorder soon.",
+      "infoTooltip": "Notifications include all medications with Low or Critical stock status. Note: Tube medications are excluded; Liquid containers use a single baseline threshold (Low and Critical are derived).",
       "repeatDaily": "Repeat daily",
       "repeatTooltip": "When enabled, sends reminders every day while stock is critical. Otherwise, only notifies once per medication until restocked."
     },
@@ -327,6 +378,8 @@
     "at": "at",
     "stockInfo": "Current Stock",
     "packageDetails": "Package Details",
+    "packageTypeTubeHint": "Tube medications contain fixed amounts (e.g., creams, gels). Stock is not tracked and reminders are not sent.",
+    "packageTypeLiquidHint": "Liquid containers use a simplified reminder model. Low and Critical levels are automatically derived from a single baseline threshold for simplicity.",
     "currentStock": "Pills",
     "packs": "Packs",
     "blistersPerPack": "Blisters/Pack",
@@ -577,9 +630,11 @@
     "loosePills": "Loose pills",
     "pillsPerBlister": "({{count}} pills each)",
     "packageSize": "Package size: {{count}} pills",
+    "packageSizeAmount": "Package size: {{count}} {{unit}}",
     "packageSizeBreakdown": "{{packCount}} x {{sizePerPack}} pills Pack = {{total}} pills",
     "currentComposition": "Current stock: {{fullBlisters}} full blisters + {{partialPills}} partial + {{loosePills}} loose = {{total}} pills",
     "maxExceeded": "Maximum package size is {{count}} pills. Values were capped.",
+    "maxExceededAmount": "Maximum package size is {{count}} {{unit}}. Values were capped.",
     "decreaseValue": "Decrease value",
     "increaseValue": "Increase value",
     "currentTotal": "Current total",
@@ -639,6 +694,7 @@
     "docPackageType": "Package Type",
     "docBlister": "Blister Pack",
     "docBottle": "Pill Bottle",
+    "docTube": "Tube",
     "docPacks": "Packs",
     "docBlistersPerPack": "Blisters per pack",
     "docPillsPerBlister": "Pills per blister",

frontend/src/pages/DashboardPage.tsx

@@ -6,7 +6,7 @@ import { ConfirmModal, MedicationAvatar } from "../components";
 import { useAuth } from "../components/Auth";
 import { useAppContext } from "../context";
 import { useModalHistory } from "../hooks";
-import { getMedDisplayName } from "../types";
+import { type Coverage, getMedDisplayName } from "../types";
 import { formatNumber, getExpiryClass, getSystemLocale } from "../utils/formatters";
 import { expandDoseIds, getStockStatus, isDoseDismissed } from "../utils/schedule";
 import {
@@ -87,6 +87,7 @@ export function DashboardPage() {
 		settings.lowStockDays,
 		coverage.low,
 		coverage.all,
+		meds,
 		settings.lastAutoEmailSent,
 		settings.lastNotificationType,
 		settings.lastNotificationChannel,
@@ -129,6 +130,158 @@ export function DashboardPage() {
 	const showOnlyToday = settings.upcomingTodayOnly;
 
 	const prescriptionEmptyCount = prescriptionLowMeds.filter((med) => med.remainingRefills <= 0).length;
+
+	const getTubeUnitLabel = (med: (typeof meds)[number] | undefined, value: number) =>
+		med?.packageType === "liquid_container" || med?.medicationForm === "liquid"
+			? t("form.packageAmountUnitMl")
+			: t("form.blisters.applications", { count: Math.abs(value) });
+
+	const formatStockLabel = (med: (typeof meds)[number] | undefined, medsLeft: number) => {
+		if (med?.packageType === "liquid_container") {
+			return `${formatNumber(medsLeft)} ${t("form.packageAmountUnitMl")}`;
+		}
+		if (med?.packageType === "tube") {
+			return `${formatNumber(medsLeft)} ${getTubeUnitLabel(med, medsLeft)}`;
+		}
+		return t("table.pillsCount", { count: Math.round(medsLeft) });
+	};
+
+	const convertLiquidUsageToMl = (usage: number, unit: "ml" | "tsp" | "tbsp" | null | undefined): number => {
+		if (unit === "tsp") return usage * 5;
+		if (unit === "tbsp") return usage * 15;
+		return usage;
+	};
+
+	const getLiquidCountUnitLabel = (unit: "ml" | "tsp" | "tbsp" | null | undefined, usage: number): string => {
+		if (unit === "tsp") return t("form.blisters.teaspoons", { count: Math.abs(usage) });
+		if (unit === "tbsp") return t("form.blisters.tablespoons", { count: Math.abs(usage) });
+		return t("form.packageAmountUnitMl");
+	};
+
+	const formatLiquidUsageLabel = (usage: number, unit: "ml" | "tsp" | "tbsp" | null | undefined): string => {
+		const normalizedUsage = Number(usage);
+		if (!Number.isFinite(normalizedUsage) || normalizedUsage <= 0) {
+			return `0 ${t("form.packageAmountUnitMl")}`;
+		}
+
+		if (unit === "ml" || unit == null) {
+			return `${formatNumber(normalizedUsage)} ${t("form.packageAmountUnitMl")}`;
+		}
+
+		const mlTotal = convertLiquidUsageToMl(normalizedUsage, unit);
+		return `${formatNumber(normalizedUsage)} ${getLiquidCountUnitLabel(unit, normalizedUsage)} ${formatNumber(mlTotal)} ${t("form.packageAmountUnitMl")}`;
+	};
+
+	const formatDoseUsageLabel = (
+		med: (typeof meds)[number] | undefined,
+		usage: number,
+		intakeUnit?: "ml" | "tsp" | "tbsp" | null
+	) => {
+		if (med?.packageType === "liquid_container") {
+			return formatLiquidUsageLabel(usage, intakeUnit);
+		}
+		if (med?.packageType === "tube") {
+			return `${usage} ${getTubeUnitLabel(med, usage)}`;
+		}
+		return `${usage} ${usage !== 1 ? t("common.pills") : t("common.pill")}`;
+	};
+
+	const formatTotalUsageLabel = (
+		med: (typeof meds)[number] | undefined,
+		total: number,
+		intakeUnit?: "ml" | "tsp" | "tbsp" | null,
+		doses?: Array<{ usage: number; intakeUnit?: "ml" | "tsp" | "tbsp" | null }>
+	) => {
+		if (med?.packageType === "liquid_container") {
+			if (doses && doses.length > 0) {
+				const normalizedDoses = doses.filter((dose) => Number.isFinite(Number(dose.usage)) && Number(dose.usage) > 0);
+				if (normalizedDoses.length > 0) {
+					const allUnits = new Set(normalizedDoses.map((dose) => dose.intakeUnit ?? "ml"));
+					const totalMl = normalizedDoses.reduce(
+						(sum, dose) => sum + convertLiquidUsageToMl(Number(dose.usage), dose.intakeUnit ?? "ml"),
+						0
+					);
+
+					if (allUnits.size === 1) {
+						const onlyUnit = normalizedDoses[0]?.intakeUnit ?? "ml";
+						const totalUsageInUnit = normalizedDoses.reduce((sum, dose) => sum + Number(dose.usage), 0);
+						return formatLiquidUsageLabel(totalUsageInUnit, onlyUnit);
+					}
+
+					return `${formatNumber(totalMl)} ${t("form.packageAmountUnitMl")}`;
+				}
+			}
+
+			return formatLiquidUsageLabel(total, intakeUnit);
+		}
+		if (med?.packageType === "tube") {
+			return `${total} ${getTubeUnitLabel(med, total)}`;
+		}
+		return t("common.pillsTotal", { count: total });
+	};
+
+	const formatDailyConsumption = (med: (typeof meds)[number] | undefined) => {
+		if (!med) return "-";
+
+		const intakes =
+			med.intakes && med.intakes.length > 0
+				? med.intakes
+				: med.blisters.map((blister) => ({
+						usage: blister.usage,
+						every: blister.every,
+						intakeUnit: null as "ml" | "tsp" | "tbsp" | null,
+						takenBy: null as string | null,
+					}));
+
+		if (intakes.length === 0) return "-";
+
+		let dailyTotal = 0;
+		for (const intake of intakes) {
+			const usage = Number(intake.usage);
+			const every = Math.max(1, Number(intake.every) || 1);
+			if (!Number.isFinite(usage) || usage <= 0) continue;
+
+			const hasPerIntakeTakenBy = typeof intake.takenBy === "string" && intake.takenBy.trim().length > 0;
+			const personMultiplier = hasPerIntakeTakenBy ? 1 : Math.max(1, med.takenBy?.length ?? 0);
+			const normalizedUsage = (usage * personMultiplier) / every;
+
+			if (med.packageType === "liquid_container") {
+				dailyTotal += convertLiquidUsageToMl(normalizedUsage, intake.intakeUnit ?? "ml");
+			} else {
+				dailyTotal += normalizedUsage;
+			}
+		}
+
+		if (dailyTotal <= 0) return "-";
+
+		if (med.packageType === "liquid_container") {
+			return t("table.perDayWithUnit", { value: formatNumber(dailyTotal), unit: t("form.packageAmountUnitMl") });
+		}
+
+		if (med.packageType === "tube") {
+			const tubeUnit =
+				med.medicationForm === "liquid"
+					? t("form.packageAmountUnitMl")
+					: t("form.blisters.applications", { count: Math.abs(dailyTotal) });
+			return t("table.perDayWithUnit", { value: formatNumber(dailyTotal), unit: tubeUnit });
+		}
+
+		const pillUnit = dailyTotal === 1 ? t("common.pill") : t("common.pills");
+		return t("table.perDayWithUnit", { value: formatNumber(dailyTotal), unit: pillUnit });
+	};
+
+	const shouldHideNoScheduleStatusForTube = (
+		med: (typeof meds)[number] | undefined,
+		status: { className: string; label: string } | null
+	) => med?.packageType === "tube" && status?.label === "status.noSchedule";
+
+	const getVisibleStockStatus = (
+		med: (typeof meds)[number] | undefined,
+		status: { className: string; label: string } | null
+	) => (shouldHideNoScheduleStatusForTube(med, status) ? null : status);
+
+	const getMedByName = (name: string) => meds.find((m) => getMedDisplayName(m) === name);
+
 	const prescriptionStatus =
 		prescriptionRemindersEnabled && prescriptionLowMeds.length > 0
 			? {
@@ -253,7 +406,9 @@ export function DashboardPage() {
 										{reminderData.lowStockMeds.map((med, idx) => {
 											const medication = meds.find((m) => getMedDisplayName(m) === med.name);
 											const cov = coverage.all.find((c) => c.name === med.name);
-											const status = cov ? getStockStatus(cov.daysLeft, cov.medsLeft, stockThresholds) : null;
+											const status = cov
+												? getStockStatus(cov.daysLeft, cov.medsLeft, stockThresholds, medication?.packageType)
+												: null;
 											const textClass =
 												status?.className === "danger"
 													? "danger-text"
@@ -411,7 +566,9 @@ export function DashboardPage() {
 							const lowStockMap = new Map<string, Coverage>();
 							for (const c of coverage.all) {
 								if (c.daysLeft === null && c.medsLeft > 0) continue; // no schedule, has stock
-								if (c.medsLeft <= 0 || c.daysLeft === null || c.daysLeft < settings.lowStockDays) {
+								const med = getMedByName(c.name);
+								const status = getStockStatus(c.daysLeft, c.medsLeft, stockThresholds, med?.packageType);
+								if (status.className === "danger" || status.className === "warning") {
 									const existing = lowStockMap.get(c.name);
 									if (!existing || (c.daysLeft ?? 0) < (existing.daysLeft ?? 0)) {
 										lowStockMap.set(c.name, c);
@@ -432,7 +589,7 @@ export function DashboardPage() {
 									{t("dashboard.reorder.lowWarningPrefix")}{" "}
 									{lowStockMeds.map((c, idx) => {
 										const med = meds.find((m) => getMedDisplayName(m) === c.name);
-										const status = getStockStatus(c.daysLeft, c.medsLeft, stockThresholds);
+										const status = getStockStatus(c.daysLeft, c.medsLeft, stockThresholds, med?.packageType);
 										const textClass =
 											status.className === "danger"
 												? "danger-text"
@@ -476,10 +633,11 @@ export function DashboardPage() {
 						<div className="card-head">
 							<h2>{t("dashboard.overview.title")}</h2>
 						</div>
-						<div className="table table-7">
+						<div className="table table-8">
 							<div className="table-head">
 								<span>{t("table.name")}</span>
 								<span>{t("table.stock")}</span>
+								<span>{t("table.dailyConsumption")}</span>
 								<span>{t("table.stockDetails")}</span>
 								<span>{t("table.daysLeft")}</span>
 								<span>{t("table.runsOut")}</span>
@@ -487,13 +645,14 @@ export function DashboardPage() {
 								<span>{t("table.status")}</span>
 							</div>
 							{coverage.all.map((row) => {
-								const status = getStockStatus(row.daysLeft, row.medsLeft, stockThresholds);
 								const med = meds.find((m) => getMedDisplayName(m) === row.name);
+								const rawStatus = getStockStatus(row.daysLeft, row.medsLeft, stockThresholds, med?.packageType);
+								const status = getVisibleStockStatus(med, rawStatus);
 								const expiryClass = getExpiryClass(med?.expiryDate, settings.expiryWarningDays);
 								const textClass =
-									status.className === "danger"
+									rawStatus.className === "danger"
 										? "danger-text"
-										: status.className === "warning"
+										: rawStatus.className === "warning"
 											? "warning-text"
 											: "success-text";
 								const stock = getBlisterStock(
@@ -587,15 +746,22 @@ export function DashboardPage() {
 											</span>
 										</span>
 										<span data-label={t("table.stock")} className={textClass}>
-											{med?.packageType === "bottle"
-												? t("table.pillsCount", { count: Math.round(row.medsLeft) })
+											{med?.packageType === "bottle" ||
+											med?.packageType === "tube" ||
+											med?.packageType === "liquid_container"
+												? formatStockLabel(med, row.medsLeft)
 												: formatFullBlisters(stock.fullBlisters, t)}
 										</span>
+										<span data-label={t("table.dailyConsumption")} className={textClass}>
+											{formatDailyConsumption(med)}
+										</span>
 										<span
 											data-label={t("table.stockDetails")}
-											className={`${textClass}${med?.packageType === "bottle" ? " hide-on-card" : ""}`}
+											className={`${textClass}${med?.packageType === "bottle" || med?.packageType === "tube" || med?.packageType === "liquid_container" ? " hide-on-card" : ""}`}
 										>
-											{med?.packageType === "bottle"
+											{med?.packageType === "bottle" ||
+											med?.packageType === "tube" ||
+											med?.packageType === "liquid_container"
 												? "—"
 												: formatOpenBlisterAndLoose(
 														stock.openBlisterPills,
@@ -617,8 +783,8 @@ export function DashboardPage() {
 													})
 												: "-"}
 										</span>
-										<span data-label={t("table.status")} className={`status-chip ${status.className}`}>
-											{t(status.label)}
+										<span data-label={t("table.status")} className={status ? `status-chip ${status.className}` : ""}>
+											{status ? t(status.label) : "-"}
 										</span>
 									</div>
 								);
@@ -735,9 +901,10 @@ export function DashboardPage() {
 													const med = meds.find((m) => getMedDisplayName(m) === item.medName);
 													const medCov = coverageByMed[item.medName];
 													const isEmpty = medCov ? medCov.medsLeft <= 0 : false;
-													const status = medCov
-														? getStockStatus(medCov.daysLeft, medCov.medsLeft, stockThresholds)
+													const rawStatus = medCov
+														? getStockStatus(medCov.daysLeft, medCov.medsLeft, stockThresholds, med?.packageType)
 														: null;
+													const status = getVisibleStockStatus(med, rawStatus);
 													const itemDoseIds = expandDoseIds(item.doses);
 													const allTaken = itemDoseIds.every((id) => takenDoses.has(id));
 													return (
@@ -772,7 +939,9 @@ export function DashboardPage() {
 																	</div>
 																</div>
 																<div className="tag-row">
-																	<span className="tag subtle">{t("common.pillsTotal", { count: item.total })}</span>
+																	<span className="tag subtle">
+																		{formatTotalUsageLabel(med, item.total, item.doses[0]?.intakeUnit, item.doses)}
+																	</span>
 																	{status && (
 																		<span className={`status-chip small ${status.className}`}>{t(status.label)}</span>
 																	)}
@@ -787,11 +956,13 @@ export function DashboardPage() {
 																			<span className="dose-time">{dose.timeStr}</span>
 																			<span className="dose-usage">
 																				<span className="dose-usage-main">
-																					{dose.usage} {dose.usage !== 1 ? t("common.pills") : t("common.pill")}
+																					{formatDoseUsageLabel(med, dose.usage, dose.intakeUnit)}
 																				</span>
-																				{med?.pillWeightMg && (
-																					<span className="dose-usage-weight">{`${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"}`}</span>
-																				)}
+																				{med?.packageType !== "tube" &&
+																					med?.packageType !== "liquid_container" &&
+																					med?.pillWeightMg && (
+																						<span className="dose-usage-weight">{`${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"}`}</span>
+																					)}
 																			</span>
 																			{dose.intakeRemindersEnabled && (
 																				<span
@@ -946,7 +1117,13 @@ export function DashboardPage() {
 										const willBeOutOfStock = typeof depletionTime === "number" && item.lastWhen > depletionTime;
 										if (willBeOutOfStock) return "danger";
 										if (!medCoverage) return "success";
-										const status = getStockStatus(medCoverage.daysLeft, medCoverage.medsLeft, stockThresholds);
+										const med = getMedByName(item.medName);
+										const status = getStockStatus(
+											medCoverage.daysLeft,
+											medCoverage.medsLeft,
+											stockThresholds,
+											med?.packageType
+										);
 										return status.className;
 									});
 									const worstStatus = dayStockStatuses.includes("danger")
@@ -996,8 +1173,14 @@ export function DashboardPage() {
 													const status = willBeOutOfStock
 														? { className: "danger", label: "status.outOfStock" }
 														: medCoverage
-															? getStockStatus(medCoverage.daysLeft, medCoverage.medsLeft, stockThresholds)
+															? getStockStatus(
+																	medCoverage.daysLeft,
+																	medCoverage.medsLeft,
+																	stockThresholds,
+																	med?.packageType
+																)
 															: null;
+													const visibleStatus = getVisibleStockStatus(med, status);
 													const itemDoseIds = expandDoseIds(item.doses);
 													const allTaken = itemDoseIds.every((id) => takenDoses.has(id));
 													return (
@@ -1032,9 +1215,13 @@ export function DashboardPage() {
 																	</div>
 																</div>
 																<div className="tag-row">
-																	<span className="tag subtle">{t("common.pillsTotal", { count: item.total })}</span>
-																	{status && (
-																		<span className={`status-chip small ${status.className}`}>{t(status.label)}</span>
+																	<span className="tag subtle">
+																		{formatTotalUsageLabel(med, item.total, item.doses[0]?.intakeUnit, item.doses)}
+																	</span>
+																	{visibleStatus && (
+																		<span className={`status-chip small ${visibleStatus.className}`}>
+																			{t(visibleStatus.label)}
+																		</span>
 																	)}
 																</div>
 															</div>
@@ -1051,11 +1238,13 @@ export function DashboardPage() {
 																			<span className="dose-time">{dose.timeStr}</span>
 																			<span className="dose-usage">
 																				<span className="dose-usage-main">
-																					{dose.usage} {dose.usage !== 1 ? t("common.pills") : t("common.pill")}
+																					{formatDoseUsageLabel(med, dose.usage, dose.intakeUnit)}
 																				</span>
-																				{med?.pillWeightMg && (
-																					<span className="dose-usage-weight">{`${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"}`}</span>
-																				)}
+																				{med?.packageType !== "tube" &&
+																					med?.packageType !== "liquid_container" &&
+																					med?.pillWeightMg && (
+																						<span className="dose-usage-weight">{`${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"}`}</span>
+																					)}
 																			</span>
 																			{dose.intakeRemindersEnabled && (
 																				<span
@@ -1178,7 +1367,13 @@ export function DashboardPage() {
 										const willBeOutOfStock = typeof depletionTime === "number" && item.lastWhen > depletionTime;
 										if (willBeOutOfStock) return "danger";
 										if (!medCoverage) return "success";
-										const status = getStockStatus(medCoverage.daysLeft, medCoverage.medsLeft, stockThresholds);
+										const med = getMedByName(item.medName);
+										const status = getStockStatus(
+											medCoverage.daysLeft,
+											medCoverage.medsLeft,
+											stockThresholds,
+											med?.packageType
+										);
 										return status.className;
 									});
 									const worstStatus = dayStockStatuses.includes("danger")
@@ -1227,8 +1422,14 @@ export function DashboardPage() {
 													const status = willBeOutOfStock
 														? { className: "danger", label: "status.outOfStock" }
 														: medCoverage
-															? getStockStatus(medCoverage.daysLeft, medCoverage.medsLeft, stockThresholds)
+															? getStockStatus(
+																	medCoverage.daysLeft,
+																	medCoverage.medsLeft,
+																	stockThresholds,
+																	med?.packageType
+																)
 															: null;
+													const visibleStatus = getVisibleStockStatus(med, status);
 													const itemDoseIds = expandDoseIds(item.doses);
 													const allTaken = itemDoseIds.every((id) => takenDoses.has(id));
 													return (
@@ -1263,9 +1464,13 @@ export function DashboardPage() {
 																	</div>
 																</div>
 																<div className="tag-row">
-																	<span className="tag subtle">{t("common.pillsTotal", { count: item.total })}</span>
-																	{status && (
-																		<span className={`status-chip small ${status.className}`}>{t(status.label)}</span>
+																	<span className="tag subtle">
+																		{formatTotalUsageLabel(med, item.total, item.doses[0]?.intakeUnit, item.doses)}
+																	</span>
+																	{visibleStatus && (
+																		<span className={`status-chip small ${visibleStatus.className}`}>
+																			{t(visibleStatus.label)}
+																		</span>
 																	)}
 																</div>
 															</div>
@@ -1278,11 +1483,13 @@ export function DashboardPage() {
 																			<span className="dose-time">{dose.timeStr}</span>
 																			<span className="dose-usage">
 																				<span className="dose-usage-main">
-																					{dose.usage} {dose.usage !== 1 ? t("common.pills") : t("common.pill")}
+																					{formatDoseUsageLabel(med, dose.usage, dose.intakeUnit)}
 																				</span>
-																				{med?.pillWeightMg && (
-																					<span className="dose-usage-weight">{`${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"}`}</span>
-																				)}
+																				{med?.packageType !== "tube" &&
+																					med?.packageType !== "liquid_container" &&
+																					med?.pillWeightMg && (
+																						<span className="dose-usage-weight">{`${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"}`}</span>
+																					)}
 																			</span>
 																			{dose.intakeRemindersEnabled && (
 																				<span

frontend/src/pages/MedicationsPage.tsx

@@ -17,7 +17,7 @@ import {
 import { useAuth } from "../components/Auth";
 import { useAppContext, useUnsavedChanges } from "../context";
 import { useMedicationForm, useModalHistory, useUnsavedChangesWarning } from "../hooks";
-import type { DoseUnit, Medication } from "../types";
+import type { DoseUnit, FormState, Medication } from "../types";
 import { DOSE_UNITS, FIELD_LIMITS, getMedDisplayName, getPackageSize } from "../types";
 import { combineDateAndTime, formatDate, formatDateTime, formatNumber } from "../utils/formatters";
 import { MAX_IMAGE_UPLOAD_BYTES, resolveImageUploadError } from "../utils/image-upload";
@@ -239,7 +239,7 @@ export function MedicationsPage() {
 
 	// Calculate total tablets
 	const totalTablets = useMemo(() => {
-		if (form.packageType === "bottle") {
+		if (form.packageType === "bottle" || form.packageType === "tube" || form.packageType === "liquid_container") {
 			// For bottle type, looseTablets is the current stock
 			return Number(form.looseTablets) || 0;
 		}
@@ -254,6 +254,14 @@ export function MedicationsPage() {
 
 	const dateConsistencyError = useMemo(() => {
 		const medicationStartDate = form.medicationStartDate;
+		const medicationEndDate = form.medicationEndDate;
+		if (medicationStartDate && medicationEndDate && medicationEndDate < medicationStartDate) {
+			return t("form.validation.endDateBeforeStart", {
+				medicationStartDate,
+				medicationEndDate,
+			});
+		}
+
 		if (!medicationStartDate) return null;
 
 		const conflictingIntake = form.intakes.find((intake) => intake.startDate && intake.startDate < medicationStartDate);
@@ -263,7 +271,60 @@ export function MedicationsPage() {
 			medicationStartDate,
 			intakeDate: conflictingIntake.startDate,
 		});
-	}, [form.medicationStartDate, form.intakes, t]);
+	}, [form.medicationStartDate, form.medicationEndDate, form.intakes, t]);
+
+	const allowFractionalIntake = useMemo(() => {
+		if (form.packageType === "liquid_container") return true;
+		if (form.packageType === "tube") return form.medicationForm === "liquid";
+		return form.pillForm === "tablet";
+	}, [form.packageType, form.medicationForm, form.pillForm]);
+
+	const usageLabel = useMemo(() => {
+		if (form.packageType === "liquid_container") {
+			return t("form.blisters.usageMl");
+		}
+		if (form.packageType === "tube") {
+			return form.medicationForm === "liquid" ? t("form.blisters.usageMl") : t("form.blisters.usageApplication");
+		}
+		if (form.pillForm === "capsule") return t("form.blisters.usageCapsules");
+		return t("form.blisters.usageTablets");
+	}, [form.packageType, form.medicationForm, form.pillForm, t]);
+
+	const usesAmountLabels = form.packageType === "tube" || form.packageType === "liquid_container";
+	const totalCapacityLabel = usesAmountLabels ? t("form.totalAmount") : t("form.totalCapacity");
+	const currentStockLabel = usesAmountLabels ? t("form.currentAmount") : t("form.currentPills");
+	const totalLabel = usesAmountLabels ? t("form.totalAmountLabel") : t("form.total");
+
+	const getMedicationPackageTypeLabel = useCallback(
+		(med: Medication) => {
+			if (med.packageType === "bottle") return t("form.packageTypeBottle");
+			if (med.packageType === "tube") return t("form.packageTypeTube");
+			if (med.packageType === "liquid_container") return t("form.packageTypeLiquidContainer");
+			return t("form.packageTypeBlister");
+		},
+		[t]
+	);
+
+	const getMedicationStockSuffix = useCallback(
+		(med: Medication) => {
+			if (med.packageType === "tube") return "";
+			if (med.packageType === "liquid_container") return " ml";
+			return ` ${getPackageSize(med) === 1 ? t("common.pill") : t("common.pills")}`;
+		},
+		[t]
+	);
+
+	const getMedicationUsageUnitLabel = useCallback(
+		(med: Medication, usage: number) => {
+			if (med.packageType === "tube") {
+				return med.medicationForm === "liquid" ? "ml" : t("form.blisters.usageApplication");
+			}
+			if (med.packageType === "liquid_container") return "ml";
+			if (usage === 1) return t("common.pill");
+			return t("common.pills");
+		},
+		[t]
+	);
 
 	const clearEditMedIdParam = useCallback(() => {
 		setSearchParams(
@@ -450,6 +511,10 @@ export function MedicationsPage() {
 			return;
 		}
 		if (saving) return;
+		if (form.pillForm === "capsule" && form.intakes.some((i) => !Number.isInteger(Number(i.usage)))) {
+			setShowNameValidation(true);
+			return;
+		}
 		setSaving(true);
 
 		// Prepare intakes data with per-intake takenBy
@@ -457,6 +522,7 @@ export function MedicationsPage() {
 			usage: Number(intake.usage) || 1,
 			every: Number(intake.every) || 1,
 			start: combineDateAndTime(intake.startDate, intake.startTime),
+			intakeUnit: form.packageType === "liquid_container" ? intake.intakeUnit : null,
 			takenBy: intake.takenBy.trim() || null, // Empty string becomes null
 			intakeRemindersEnabled: intake.intakeRemindersEnabled,
 		}));
@@ -472,19 +538,46 @@ export function MedicationsPage() {
 		const remainingRefills = Math.min(Number(form.prescriptionRemainingRefills || 0), authorizedRefills);
 		const lowRefillThreshold = Math.min(Number(form.prescriptionLowRefillThreshold || 1), authorizedRefills);
 
+		let derivedMedicationForm: string;
+		if (form.packageType === "tube") {
+			derivedMedicationForm =
+				form.medicationForm === "liquid" || form.medicationForm === "topical" ? form.medicationForm : "topical";
+		} else if (form.packageType === "liquid_container") {
+			derivedMedicationForm = "liquid";
+		} else {
+			derivedMedicationForm = form.pillForm;
+		}
+
+		const tubeTotalAmount =
+			form.packageType === "tube" ? (Number(form.packCount) || 0) * (Number(form.packageAmountValue ?? 0) || 0) : null;
+
+		let packageAmountUnit = form.packageAmountUnit ?? "ml";
+		if (form.packageType === "tube") {
+			packageAmountUnit = "g";
+		} else if (form.packageType === "liquid_container") {
+			packageAmountUnit = "ml";
+		}
+
 		const body = {
 			name: form.name.trim(),
 			genericName: form.genericName.trim() || null,
 			takenBy: form.takenBy.length > 0 ? form.takenBy : [],
+			medicationForm: derivedMedicationForm,
+			pillForm: form.packageType === "tube" || form.packageType === "liquid_container" ? null : form.pillForm,
+			lifecycleCategory: form.lifecycleCategory,
 			packageType: form.packageType,
-			packCount: Number(form.packCount) || 0,
-			blistersPerPack: Number(form.blistersPerPack) || 1,
-			pillsPerBlister: Number(form.pillsPerBlister) || 1,
-			totalPills: Number(form.totalPills) || null,
-			looseTablets: Number(form.looseTablets) || 0,
+			packCount: form.packageType === "tube" ? Math.max(1, Number(form.packCount) || 1) : Number(form.packCount) || 0,
+			blistersPerPack: form.packageType === "tube" ? 1 : Number(form.blistersPerPack) || 1,
+			pillsPerBlister: form.packageType === "tube" ? 1 : Number(form.pillsPerBlister) || 1,
+			packageAmountValue: Number(form.packageAmountValue ?? 0) || 0,
+			packageAmountUnit,
+			totalPills: form.packageType === "tube" ? tubeTotalAmount : Number(form.totalPills) || null,
+			looseTablets: form.packageType === "tube" ? tubeTotalAmount || 0 : Number(form.looseTablets) || 0,
 			pillWeightMg: Number(form.pillWeightMg) || null,
 			doseUnit: form.doseUnit,
 			medicationStartDate: form.medicationStartDate || null,
+			medicationEndDate: form.medicationEndDate || null,
+			autoMarkObsoleteAfterEndDate: form.autoMarkObsoleteAfterEndDate,
 			expiryDate: form.expiryDate || null,
 			notes: form.notes.trim() || null,
 			intakeRemindersEnabled: form.intakeRemindersEnabled,
@@ -719,6 +812,7 @@ export function MedicationsPage() {
 				setReadOnlyView(true);
 				startEdit(med, openEditModal);
 				setViewMode("form");
+				scrollToTopForDesktopEdit();
 			};
 			setUnsavedConfirmSource(showEditModal ? "mobile-edit" : "desktop-form");
 			setShowUnsavedConfirm(true);
@@ -729,6 +823,7 @@ export function MedicationsPage() {
 		setActiveTab("general");
 		startEdit(med, openEditModal);
 		setViewMode("form");
+		scrollToTopForDesktopEdit();
 	}
 
 	function handleNewEntryClick() {
@@ -792,6 +887,7 @@ export function MedicationsPage() {
 		setActiveTab("general");
 		startEdit(medicationToEdit, openEditModal);
 		setViewMode("form");
+		scrollToTopForDesktopEdit();
 		setPendingEditTransition(false);
 		window.dispatchEvent(new Event("medassist:edit-transition-ready"));
 
@@ -878,10 +974,7 @@ export function MedicationsPage() {
 											</div>
 											<div className="med-details">
 												<span>
-													{t("medications.details.type")}:{" "}
-													<strong>
-														{med.packageType === "bottle" ? t("form.packageTypeBottle") : t("form.packageTypeBlister")}
-													</strong>
+													{t("medications.details.type")}: <strong>{getMedicationPackageTypeLabel(med)}</strong>
 												</span>
 												{med.packageType === "blister" ? (
 													<>
@@ -915,7 +1008,8 @@ export function MedicationsPage() {
 												{coverageByMed[getMedDisplayName(med)]
 													? Math.round(coverageByMed[getMedDisplayName(med)].medsLeft)
 													: getPackageSize(med)}{" "}
-												/ {getPackageSize(med)} {getPackageSize(med) === 1 ? t("common.pill") : t("common.pills")}
+												/ {getPackageSize(med)}
+												{med.packageType === "tube" ? "" : getMedicationStockSuffix(med)}
 												{(coverageByMed[getMedDisplayName(med)]
 													? Math.round(coverageByMed[getMedDisplayName(med)].medsLeft)
 													: getPackageSize(med)) > getPackageSize(med) && (
@@ -933,7 +1027,7 @@ export function MedicationsPage() {
 									<div className="blister-list">
 										{(med.intakes ?? med.blisters).map((s, idx) => (
 											<div key={`${med.id}-${idx}`} className="blister-row-simple">
-												{s.usage} {s.usage === 1 ? t("common.pill") : t("common.pills")} ·{" "}
+												{s.usage} {getMedicationUsageUnitLabel(med, s.usage)} ·{" "}
 												{s.every === 1 ? t("common.daily") : t("common.everyNDays", { count: s.every })} ·{" "}
 												{t("form.blisters.from")} {formatDateTime(s.start)}
 												{"takenBy" in s && (s as import("../types").Intake).takenBy && (
@@ -1140,6 +1234,7 @@ export function MedicationsPage() {
 										<DateInput
 											value={form.medicationStartDate}
 											onChange={(e) => handleValueChange("medicationStartDate", e.target.value)}
+											placeholder={t("common.optional")}
 										/>
 										{!readOnlyView && dateConsistencyError && (
 											<span className="field-error">{dateConsistencyError}</span>
@@ -1156,8 +1251,59 @@ export function MedicationsPage() {
 										>
 											<option value="blister">{t("form.packageTypeBlister")}</option>
 											<option value="bottle">{t("form.packageTypeBottle")}</option>
+											<option value="tube">{t("form.packageTypeTube")}</option>
+											<option value="liquid_container">{t("form.packageTypeLiquidContainer")}</option>
 										</select>
 									</label>
+									{form.packageType !== "tube" && form.packageType !== "liquid_container" && (
+										<label>
+											{t("form.pillForm")}
+											<select
+												value={form.pillForm}
+												onChange={(e) => handleValueChange("pillForm", e.target.value as FormState["pillForm"])}
+											>
+												<option value="tablet">{t("form.medicationFormTablet")}</option>
+												<option value="capsule">{t("form.medicationFormCapsule")}</option>
+											</select>
+										</label>
+									)}
+									{form.packageType === "tube" && (
+										<label>
+											{t("form.medicationForm")}
+											<select value={"topical"} onChange={() => handleValueChange("medicationForm", "topical")}>
+												<option value="topical">{t("form.medicationFormTopical")}</option>
+											</select>
+										</label>
+									)}
+									{form.packageType === "liquid_container" && (
+										<label>
+											{t("form.medicationForm")}
+											<select value={"liquid"} onChange={() => handleValueChange("medicationForm", "liquid")}>
+												<option value="liquid">{t("form.medicationFormLiquid")}</option>
+											</select>
+										</label>
+									)}
+									<label>
+										{t("form.medicationEndDate")}
+										<DateInput
+											value={form.medicationEndDate}
+											onChange={(e) => handleValueChange("medicationEndDate", e.target.value)}
+											placeholder={t("common.optional")}
+										/>
+									</label>
+									{form.medicationEndDate && (
+										<label className="full">
+											{t("form.autoMarkObsoleteAfterEndDate")}
+											<label className="toggle-switch small">
+												<input
+													type="checkbox"
+													checked={form.autoMarkObsoleteAfterEndDate}
+													onChange={(e) => handleValueChange("autoMarkObsoleteAfterEndDate", e.target.checked)}
+												/>
+												<span className="toggle-slider"></span>
+											</label>
+										</label>
+									)}
 									<label className={`full ${fieldErrors.takenBy ? "has-error" : ""}`}>
 										{t("form.takenBy")}
 										<div className="tag-input-container">
@@ -1271,99 +1417,177 @@ export function MedicationsPage() {
 							<div className={`form-tab-panel${activeTab === "stock" ? " active" : ""}`}>
 								<div className="full form-category">
 									<h4 className="form-category-title">{t("form.sections.stock")}</h4>
-									{form.packageType === "blister" ? (
-										<>
-											<label>
-												{t("form.packs")}
-												<FormNumberStepper
-													value={form.packCount}
-													onChange={(nextValue) => handleValueChange("packCount", nextValue)}
-													min={0}
-													decrementLabel={decrementValueLabel}
-													incrementLabel={incrementValueLabel}
+									{(() => {
+										if (form.packageType === "blister") {
+											return (
+												<>
+													<label>
+														{t("form.packs")}
+														<FormNumberStepper
+															value={form.packCount}
+															onChange={(nextValue) => handleValueChange("packCount", nextValue)}
+															min={0}
+															decrementLabel={decrementValueLabel}
+															incrementLabel={incrementValueLabel}
+														/>
+													</label>
+													<label>
+														{t("form.blistersPerPack")}
+														<FormNumberStepper
+															value={form.blistersPerPack}
+															onChange={(nextValue) => handleValueChange("blistersPerPack", nextValue)}
+															min={1}
+															decrementLabel={decrementValueLabel}
+															incrementLabel={incrementValueLabel}
+														/>
+													</label>
+													<label>
+														{t("form.pillsPerBlister")}
+														<FormNumberStepper
+															value={form.pillsPerBlister}
+															onChange={(nextValue) => handleValueChange("pillsPerBlister", nextValue)}
+															min={1}
+															decrementLabel={decrementValueLabel}
+															incrementLabel={incrementValueLabel}
+														/>
+													</label>
+													<label>
+														{t("form.total")}
+														<div className="static-value">{formatNumber(totalTablets)}</div>
+													</label>
+												</>
+											);
+										}
+
+										if (form.packageType === "tube") {
+											return (
+												<>
+													<label>
+														{t("form.tubes")}
+														<FormNumberStepper
+															value={form.packCount}
+															onChange={(nextValue) => handleValueChange("packCount", nextValue)}
+															min={1}
+															decrementLabel={decrementValueLabel}
+															incrementLabel={incrementValueLabel}
+														/>
+													</label>
+													<label className="full">
+														{t("form.packageAmountPerTube")}
+														<div className="dose-input-group">
+															<input
+																type="text"
+																inputMode="decimal"
+																pattern="[0-9]*\.?[0-9]*"
+																value={form.packageAmountValue ?? "0"}
+																onChange={(e) => handleValueChange("packageAmountValue", e.target.value)}
+																placeholder="0"
+															/>
+															<select
+																value="g"
+																disabled
+																className="dose-unit-select"
+																aria-label={t("form.packageAmountUnitG")}
+															>
+																<option value="g">{t("form.packageAmountUnitG")}</option>
+															</select>
+														</div>
+													</label>
+													<label>
+														{t("form.totalAmount")}
+														<div className="static-value">
+															{formatNumber(
+																(Number(form.packCount) || 0) * (Number(form.packageAmountValue ?? 0) || 0)
+															)}
+															{t("form.packageAmountUnitG")}
+														</div>
+													</label>
+												</>
+											);
+										}
+
+										return (
+											<>
+												<label>
+													{totalCapacityLabel}
+													<FormNumberStepper
+														value={form.totalPills}
+														onChange={(nextValue) => handleValueChange("totalPills", nextValue)}
+														min={0}
+														decrementLabel={decrementValueLabel}
+														incrementLabel={incrementValueLabel}
+													/>
+												</label>
+												<label>
+													{currentStockLabel}
+													<FormNumberStepper
+														value={form.looseTablets}
+														onChange={(nextValue) => handleValueChange("looseTablets", nextValue)}
+														min={0}
+														decrementLabel={decrementValueLabel}
+														incrementLabel={incrementValueLabel}
+													/>
+												</label>
+											</>
+										);
+									})()}
+									{form.packageType !== "tube" && form.packageType !== "liquid_container" && (
+										<label className="full">
+											{t("form.pillWeight")} ({form.doseUnit})
+											<div className="dose-input-group">
+												<input
+													type="text"
+													inputMode="decimal"
+													pattern="[0-9]*\.?[0-9]*"
+													value={form.pillWeightMg}
+													onChange={(e) => handleValueChange("pillWeightMg", e.target.value)}
+													placeholder={t("form.placeholders.weight")}
 												/>
-											</label>
-											<label>
-												{t("form.blistersPerPack")}
-												<FormNumberStepper
-													value={form.blistersPerPack}
-													onChange={(nextValue) => handleValueChange("blistersPerPack", nextValue)}
-													min={1}
-													decrementLabel={decrementValueLabel}
-													incrementLabel={incrementValueLabel}
-												/>
-											</label>
-											<label>
-												{t("form.pillsPerBlister")}
-												<FormNumberStepper
-													value={form.pillsPerBlister}
-													onChange={(nextValue) => handleValueChange("pillsPerBlister", nextValue)}
-													min={1}
-													decrementLabel={decrementValueLabel}
-													incrementLabel={incrementValueLabel}
-												/>
-											</label>
-											<label>
-												{t("form.total")}
-												<div className="static-value">{formatNumber(totalTablets)}</div>
-											</label>
-										</>
-									) : (
-										<>
-											<label>
-												{t("form.totalCapacity")}
-												<FormNumberStepper
-													value={form.totalPills}
-													onChange={(nextValue) => handleValueChange("totalPills", nextValue)}
-													min={0}
-													decrementLabel={decrementValueLabel}
-													incrementLabel={incrementValueLabel}
-												/>
-											</label>
-											<label>
-												{t("form.currentPills")}
-												<FormNumberStepper
-													value={form.looseTablets}
-													onChange={(nextValue) => handleValueChange("looseTablets", nextValue)}
-													min={0}
-													decrementLabel={decrementValueLabel}
-													incrementLabel={incrementValueLabel}
-												/>
-											</label>
-										</>
+												<select
+													value={form.doseUnit}
+													onChange={(e) => handleValueChange("doseUnit", e.target.value as DoseUnit)}
+													className="dose-unit-select"
+												>
+													{DOSE_UNITS.map((unit) => (
+														<option key={unit.value} value={unit.value}>
+															{unit.label}
+														</option>
+													))}
+												</select>
+											</div>
+										</label>
 									)}
-									<label className="full">
-										{t("form.pillWeight")} ({form.doseUnit})
-										<div className="dose-input-group">
-											<input
-												type="text"
-												inputMode="decimal"
-												pattern="[0-9]*\.?[0-9]*"
-												value={form.pillWeightMg}
-												onChange={(e) => handleValueChange("pillWeightMg", e.target.value)}
-												placeholder={t("form.placeholders.weight")}
-											/>
-											<select
-												value={form.doseUnit}
-												onChange={(e) => handleValueChange("doseUnit", e.target.value as DoseUnit)}
-												className="dose-unit-select"
-											>
-												{DOSE_UNITS.map((unit) => (
-													<option key={unit.value} value={unit.value}>
-														{unit.label}
-													</option>
-												))}
-											</select>
-										</div>
-									</label>
-									{form.packageType === "bottle" && (
+									{(form.packageType === "bottle" || form.packageType === "liquid_container") && (
 										<div className="full stock-total-row">
 											<label className="stock-total-field">
-												{t("form.total")}
+												{totalLabel}
 												<div className="static-value">{formatNumber(totalTablets)}</div>
 											</label>
 										</div>
 									)}
+									{form.packageType === "liquid_container" && (
+										<label className="full">
+											{t("form.packageAmount")}
+											<div className="dose-input-group">
+												<input
+													type="text"
+													inputMode="decimal"
+													pattern="[0-9]*\.?[0-9]*"
+													value={form.packageAmountValue ?? "0"}
+													onChange={(e) => handleValueChange("packageAmountValue", e.target.value)}
+													placeholder="0"
+												/>
+												<select
+													value="ml"
+													disabled
+													className="dose-unit-select"
+													aria-label={t("form.packageAmountUnitMl")}
+												>
+													<option value="ml">{t("form.packageAmountUnitMl")}</option>
+												</select>
+											</div>
+										</label>
+									)}
 									<label>
 										{t("form.expiryDate")}
 										<DateInput
@@ -1479,13 +1703,13 @@ export function MedicationsPage() {
 										<div key={idx} className="blister-row">
 											<div className="blister-inputs">
 												<label>
-													{t("form.blisters.usage")}
+													{usageLabel}
 													<FormNumberStepper
 														value={intake.usage}
 														onChange={(nextValue) => setIntakeValue(idx, "usage", nextValue)}
-														min={0.5}
-														step={0.5}
-														allowDecimal={true}
+														min={allowFractionalIntake ? 0.5 : 1}
+														step={allowFractionalIntake ? 0.5 : 1}
+														allowDecimal={allowFractionalIntake}
 														decrementLabel={decrementValueLabel}
 														incrementLabel={incrementValueLabel}
 													/>
@@ -1515,6 +1739,21 @@ export function MedicationsPage() {
 														onChange={(e) => setIntakeValue(idx, "startTime", e.target.value)}
 													/>
 												</label>
+												{form.packageType === "liquid_container" && (
+													<label>
+														{t("form.blisters.intakeUnit")}
+														<select
+															value={intake.intakeUnit}
+															onChange={(e) =>
+																setIntakeValue(idx, "intakeUnit", e.target.value as "ml" | "tsp" | "tbsp")
+															}
+														>
+															<option value="ml">{t("form.blisters.intakeUnitMl")}</option>
+															<option value="tsp">{t("form.blisters.intakeUnitTsp")}</option>
+															<option value="tbsp">{t("form.blisters.intakeUnitTbsp")}</option>
+														</select>
+													</label>
+												)}
 												{form.takenBy.length === 0 ? null : (
 													<label className="taken-by-field" title={t("form.blisters.takenByTooltip")}>
 														{t("form.blisters.takenByIntake")}

frontend/src/pages/PlannerPage.tsx

@@ -122,6 +122,30 @@ export function PlannerPage() {
 	const canSendNotification =
 		(settings.emailEnabled && settings.notificationEmail) || (settings.shoutrrrEnabled && settings.shoutrrrUrl);
 
+	const getUsageUnitLabel = (medicationId: number, count: number): string => {
+		const med = meds.find((m) => m.id === medicationId);
+		if (med?.packageType === "liquid_container") {
+			return t("form.ml");
+		}
+		if (med?.packageType === "tube") {
+			return med.medicationForm === "liquid" ? t("form.ml") : t("blisters.applications");
+		}
+		return count === 1 ? t("common.pill") : t("common.pills");
+	};
+
+	const getAvailableLabel = (medicationId: number, loosePills: number): string => {
+		const med = meds.find((m) => m.id === medicationId);
+		const roundedLoose = Math.round(loosePills * 10) / 10;
+		if (med?.packageType === "liquid_container") {
+			return `${roundedLoose} ${t("form.ml")}`;
+		}
+		if (med?.packageType === "tube") {
+			const unit = med.medicationForm === "liquid" ? t("form.ml") : t("blisters.applications");
+			return `${roundedLoose} ${unit}`;
+		}
+		return `${roundedLoose} ${roundedLoose === 1 ? t("common.pill") : t("common.pills")}`;
+	};
+
 	async function sendPlannerNotification() {
 		if (!canSendNotification || plannerRows.length === 0) return;
 		setSendingPlannerEmail(true);
@@ -226,16 +250,22 @@ export function PlannerPage() {
 										<span data-label={t("planner.table.usage")}>
 											<span>
 												<strong>{row.plannerUsage}</strong>&nbsp;
-												{row.plannerUsage === 1 ? t("common.pill") : t("common.pills")}
+												{getUsageUnitLabel(row.medicationId, row.plannerUsage)}
 											</span>
 										</span>
 										<span data-label={t("planner.table.blisters")}>
-											{row.packageType === "bottle" ? "–" : `${row.blistersNeeded} × ${row.blisterSize}`}
+											{row.packageType === "bottle" ||
+											row.packageType === "tube" ||
+											row.packageType === "liquid_container"
+												? "–"
+												: `${row.blistersNeeded} × ${row.blisterSize}`}
 										</span>
 										<span data-label={t("planner.table.prescriptionRefills")}>{remainingRefills ?? "–"}</span>
 										<span data-label={t("planner.table.available")}>
-											{row.packageType === "bottle" ? (
-												`${Math.round(row.loosePills * 10) / 10} ${Math.round(row.loosePills * 10) / 10 === 1 ? t("common.pill") : t("common.pills")}`
+											{row.packageType === "bottle" ||
+											row.packageType === "tube" ||
+											row.packageType === "liquid_container" ? (
+												getAvailableLabel(row.medicationId, row.loosePills)
 											) : (
 												<>
 													{row.fullBlisters} {t("common.blisters")}

frontend/src/pages/SchedulePage.tsx

@@ -6,6 +6,7 @@ import { useAuth } from "../components/Auth";
 import { useAppContext } from "../context";
 import type { Coverage } from "../types";
 import { getMedDisplayName } from "../types";
+import { formatNumber } from "../utils/formatters";
 import { expandDoseIds, isDoseDismissed } from "../utils/schedule";
 
 // Helper for user-specific localStorage keys
@@ -17,12 +18,21 @@ function userStorageKey(userId: number | undefined, key: string): string {
 function getStockStatus(
 	daysLeft: number | null,
 	medsLeft: number,
-	settings: { lowStockDays: number; normalStockDays: number; highStockDays: number; reminderDaysBefore: number }
+	settings: { lowStockDays: number; normalStockDays: number; highStockDays: number; reminderDaysBefore: number },
+	packageType?: string
 ) {
+	if (packageType === "tube") return { className: "success", label: "status.noSchedule" };
 	// Out of stock or completely depleted = danger (red)
 	if (medsLeft <= 0 || daysLeft === 0) return { className: "danger", label: "status.outOfStock" };
 	// No schedule, but has stock = normal
 	if (daysLeft === null) return { className: "success", label: "status.noSchedule" };
+	if (packageType === "liquid_container") {
+		const lowDays = Math.max(1, Math.floor(settings.reminderDaysBefore));
+		const criticalDays = Math.max(1, Math.ceil(lowDays / 2));
+		if (daysLeft <= criticalDays) return { className: "danger", label: "status.criticalStock" };
+		if (daysLeft <= lowDays) return { className: "warning", label: "status.lowStock" };
+		return { className: "success", label: "status.normal" };
+	}
 	// Critical: at or below reminder threshold = danger (red)
 	if (daysLeft <= settings.reminderDaysBefore) return { className: "danger", label: "status.criticalStock" };
 	// Low: below low stock threshold = warning (yellow)
@@ -37,13 +47,15 @@ function getStockStatus(
 function getDayStockStatus(
 	dayMeds: Array<{ medName: string }>,
 	coverageByMed: Record<string, Coverage>,
-	settings: { lowStockDays: number; normalStockDays: number; highStockDays: number; reminderDaysBefore: number }
+	settings: { lowStockDays: number; normalStockDays: number; highStockDays: number; reminderDaysBefore: number },
+	meds: Array<{ name: string; genericName?: string | null; packageType?: string }>
 ): string {
 	let worstLevel = 3; // 3=success, 2=warning, 1=danger
 	for (const item of dayMeds) {
 		const cov = coverageByMed[item.medName];
 		if (!cov) continue;
-		const status = getStockStatus(cov.daysLeft, cov.medsLeft, settings);
+		const med = meds.find((m) => getMedDisplayName(m) === item.medName);
+		const status = getStockStatus(cov.daysLeft, cov.medsLeft, settings, med?.packageType);
 		if (status.className === "danger") worstLevel = Math.min(worstLevel, 1);
 		else if (status.className === "warning") worstLevel = Math.min(worstLevel, 2);
 	}
@@ -80,6 +92,87 @@ export function SchedulePage() {
 		missedPastDoseIds,
 	} = useAppContext();
 
+	const shouldHideNoScheduleStatusForTube = (
+		med: (typeof meds)[number] | undefined,
+		status: { className: string; label: string } | null
+	) => med?.packageType === "tube" && status?.label === "status.noSchedule";
+
+	const getTubeUnitLabel = (med: (typeof meds)[number] | undefined, value: number) =>
+		med?.packageType === "liquid_container" || med?.medicationForm === "liquid"
+			? t("form.packageAmountUnitMl")
+			: t("form.blisters.applications", { count: Math.abs(value) });
+
+	const convertLiquidUsageToMl = (usage: number, unit: "ml" | "tsp" | "tbsp" | null | undefined): number => {
+		if (unit === "tsp") return usage * 5;
+		if (unit === "tbsp") return usage * 15;
+		return usage;
+	};
+
+	const getLiquidCountUnitLabel = (unit: "ml" | "tsp" | "tbsp" | null | undefined, usage: number): string => {
+		if (unit === "tsp") return t("form.blisters.teaspoons", { count: Math.abs(usage) });
+		if (unit === "tbsp") return t("form.blisters.tablespoons", { count: Math.abs(usage) });
+		return t("form.packageAmountUnitMl");
+	};
+
+	const formatLiquidUsageLabel = (usage: number, unit: "ml" | "tsp" | "tbsp" | null | undefined): string => {
+		const normalizedUsage = Number(usage);
+		if (!Number.isFinite(normalizedUsage) || normalizedUsage <= 0) {
+			return `0 ${t("form.packageAmountUnitMl")}`;
+		}
+
+		if (unit === "ml" || unit == null) {
+			return `${formatNumber(normalizedUsage)} ${t("form.packageAmountUnitMl")}`;
+		}
+
+		const mlTotal = convertLiquidUsageToMl(normalizedUsage, unit);
+		return `${formatNumber(normalizedUsage)} ${getLiquidCountUnitLabel(unit, normalizedUsage)} ${formatNumber(mlTotal)} ${t("form.packageAmountUnitMl")}`;
+	};
+
+	const formatDoseUsageLabel = (
+		med: (typeof meds)[number] | undefined,
+		usage: number,
+		intakeUnit?: "ml" | "tsp" | "tbsp" | null
+	) => {
+		if (med?.packageType === "liquid_container") {
+			return formatLiquidUsageLabel(usage, intakeUnit);
+		}
+		if (med?.packageType === "tube") {
+			return `${usage} ${getTubeUnitLabel(med, usage)}`;
+		}
+		return `${usage} ${usage !== 1 ? t("common.pills") : t("common.pill")}`;
+	};
+
+	const formatTotalUsageLabel = (
+		med: (typeof meds)[number] | undefined,
+		total: number,
+		doses?: Array<{ usage: number; intakeUnit?: "ml" | "tsp" | "tbsp" | null }>
+	) => {
+		if (med?.packageType === "liquid_container") {
+			if (doses && doses.length > 0) {
+				const normalizedDoses = doses.filter((dose) => Number.isFinite(Number(dose.usage)) && Number(dose.usage) > 0);
+				if (normalizedDoses.length > 0) {
+					const allUnits = new Set(normalizedDoses.map((dose) => dose.intakeUnit ?? "ml"));
+					if (allUnits.size === 1) {
+						const onlyUnit = normalizedDoses[0]?.intakeUnit ?? "ml";
+						const totalUsageInUnit = normalizedDoses.reduce((sum, dose) => sum + Number(dose.usage), 0);
+						return formatLiquidUsageLabel(totalUsageInUnit, onlyUnit);
+					}
+
+					const totalMl = normalizedDoses.reduce(
+						(sum, dose) => sum + convertLiquidUsageToMl(Number(dose.usage), dose.intakeUnit ?? "ml"),
+						0
+					);
+					return `${formatNumber(totalMl)} ${t("form.packageAmountUnitMl")}`;
+				}
+			}
+			return `${formatNumber(total)} ${t("form.packageAmountUnitMl")}`;
+		}
+		if (med?.packageType === "tube") {
+			return `${total} ${getTubeUnitLabel(med, total)}`;
+		}
+		return t("common.pillsTotal", { count: total });
+	};
+
 	return (
 		<section className="grid">
 			<article className="card schedule-full">
@@ -133,7 +226,7 @@ export function SchedulePage() {
 
 							const isManuallyExpanded = manuallyExpandedDays.has(day.dateStr);
 							const isCollapsed = !isManuallyExpanded;
-							const _worstStatus = getDayStockStatus(day.meds, coverageByMed, settings);
+							const _worstStatus = getDayStockStatus(day.meds, coverageByMed, settings, meds);
 
 							return (
 								<div
@@ -185,7 +278,7 @@ export function SchedulePage() {
 															<span className="med-name-text">{item.medName}</span>
 														</div>
 														<div className="tag-row">
-															<span className="tag subtle">{t("common.pillsTotal", { count: item.total })}</span>
+															<span className="tag subtle">{formatTotalUsageLabel(med, item.total, item.doses)}</span>
 														</div>
 													</div>
 													<div className="doses-col">
@@ -197,7 +290,7 @@ export function SchedulePage() {
 																	<span className="dose-time">{dose.timeStr}</span>
 																	<span className="dose-usage">
 																		<span className="dose-usage-main">
-																			{dose.usage} {dose.usage !== 1 ? t("common.pills") : t("common.pill")}
+																			{formatDoseUsageLabel(med, dose.usage, dose.intakeUnit)}
 																		</span>
 																		{med?.pillWeightMg && (
 																			<span className="dose-usage-weight">{`${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"}`}</span>
@@ -341,8 +434,9 @@ export function SchedulePage() {
 									const status = willBeOutOfStock
 										? { className: "danger", label: "status.outOfStock" }
 										: medCoverage
-											? getStockStatus(medCoverage.daysLeft, medCoverage.medsLeft, settings)
+											? getStockStatus(medCoverage.daysLeft, medCoverage.medsLeft, settings, med?.packageType)
 											: null;
+									const visibleStatus = shouldHideNoScheduleStatusForTube(med, status) ? null : status;
 									const itemDoseIds = expandDoseIds(item.doses);
 									const allTaken = itemDoseIds.every((id) => takenDoses.has(id));
 									return (
@@ -353,8 +447,10 @@ export function SchedulePage() {
 													<span className="med-name-text">{item.medName}</span>
 												</div>
 												<div className="tag-row">
-													<span className="tag subtle">{t("common.pillsTotal", { count: item.total })}</span>
-													{status && <span className={`tag ${status.className}`}>{t(status.label)}</span>}
+													<span className="tag subtle">{formatTotalUsageLabel(med, item.total, item.doses)}</span>
+													{visibleStatus && (
+														<span className={`tag ${visibleStatus.className}`}>{t(visibleStatus.label)}</span>
+													)}
 												</div>
 											</div>
 											<div className="doses-col">
@@ -368,7 +464,7 @@ export function SchedulePage() {
 															<span className="dose-time">{dose.timeStr}</span>
 															<span className="dose-usage">
 																<span className="dose-usage-main">
-																	{dose.usage} {dose.usage !== 1 ? t("common.pills") : t("common.pill")}
+																	{formatDoseUsageLabel(med, dose.usage, dose.intakeUnit)}
 																</span>
 																{med?.pillWeightMg && (
 																	<span className="dose-usage-weight">{`${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"}`}</span>

frontend/src/pages/SettingsPage.tsx

@@ -663,6 +663,9 @@ export function SettingsPage() {
 								settings.lowStockDays >= settings.highStockDays) && (
 								<p className="threshold-validation-error">{t("settings.stock.thresholdValidation")}</p>
 							)}
+							<p className="hint-text" style={{ marginTop: "12px" }}>
+								ℹ️ {t("settings.stock.packageTypesNote")}
+							</p>
 						</div>
 					</article>
 

frontend/src/pages/dashboard-helpers.ts

@@ -1,4 +1,4 @@
-import type { Coverage } from "../types";
+import type { Coverage, Medication, PackageType } from "../types";
 import { getMedTotal as getMedTotalFromTypes } from "../types";
 import { splitCurrentBlisterStock } from "../utils/stock";
 
@@ -43,9 +43,12 @@ export function getMedTotal(med: {
 	pillsPerBlister: number;
 	looseTablets: number;
 	stockAdjustment?: number | null;
-	packageType?: string;
+	packageType?: PackageType;
 }): number {
-	return getMedTotalFromTypes(med);
+	return getMedTotalFromTypes({
+		...med,
+		stockAdjustment: med.stockAdjustment ?? undefined,
+	});
 }
 
 export function getReminderStatusData(
@@ -53,6 +56,7 @@ export function getReminderStatusData(
 	lowStockDays: number,
 	_allLowCoverage: Coverage[],
 	allCoverage: Coverage[],
+	meds: Medication[],
 	lastAutoEmailSent: string | null,
 	_lastNotificationType: string | null,
 	_lastNotificationChannel: string | null,
@@ -70,8 +74,12 @@ export function getReminderStatusData(
 	lastIntakeSent: { date: string; medName: string | null; takenBy: string | null } | null;
 } {
 	const lowStockMap = new Map<string, { name: string; daysLeft: number; isCritical: boolean }>();
+	const medByName = new Map(meds.map((med) => [med.name || med.genericName || "", med] as const));
 
 	for (const c of allCoverage) {
+		const med = medByName.get(c.name);
+		if (med?.packageType === "tube") continue;
+
 		if (c.medsLeft <= 0) {
 			lowStockMap.set(c.name, { name: c.name, daysLeft: 0, isCritical: true });
 			continue;
@@ -80,8 +88,11 @@ export function getReminderStatusData(
 		if (c.daysLeft === null) continue;
 
 		const roundedDaysLeft = Math.round(c.daysLeft);
-		const isCritical = c.daysLeft <= reminderDaysBefore;
-		const isLow = c.daysLeft < lowStockDays;
+		const isLiquid = med?.packageType === "liquid_container";
+		const liquidLowDays = Math.max(1, Math.floor(reminderDaysBefore));
+		const liquidCriticalDays = Math.max(1, Math.ceil(liquidLowDays / 2));
+		const isCritical = isLiquid ? c.daysLeft <= liquidCriticalDays : c.daysLeft <= reminderDaysBefore;
+		const isLow = isLiquid ? c.daysLeft <= liquidLowDays : c.daysLeft < lowStockDays;
 		if (!isCritical && !isLow) continue;
 
 		const existing = lowStockMap.get(c.name);

frontend/src/styles.css

@@ -104,7 +104,7 @@ body.modal-open {
 .page {
 	max-width: 1200px;
 	margin: 0 auto;
-	padding: 2.5rem 1.5rem 3rem;
+	padding: 2.5rem 1.5rem 1.5rem;
 	overflow-x: hidden;
 }
 
@@ -669,6 +669,16 @@ body.modal-open {
 	background: color-mix(in srgb, var(--bg-secondary) 75%, var(--bg-tertiary));
 }
 
+.med-grid-wrapper.is-empty .med-group-active {
+	padding: 0.7rem 0.85rem;
+}
+
+.med-empty-state {
+	color: var(--text-secondary);
+	font-size: 0.92rem;
+	padding: 0.35rem 0.1rem;
+}
+
 .med-group-head {
 	display: flex;
 	align-items: center;
@@ -2660,6 +2670,11 @@ button.has-validation-error {
 	grid-template-columns: minmax(140px, 1.5fr) 90px 70px 100px 100px 90px 90px;
 }
 
+.table-8 .table-head,
+.table-8 .table-row {
+	grid-template-columns: minmax(130px, 1.4fr) 90px 130px 70px 95px 95px 90px 95px;
+}
+
 .email-sent-status {
 	font-size: 0.8rem;
 	color: var(--success);
@@ -2842,7 +2857,7 @@ button.has-validation-error {
 
 @media (max-width: 600px) {
 	.page {
-		padding: 0.75rem 0.4rem 2rem;
+		padding: 0.75rem 0.4rem 1rem;
 	}
 
 	.grid {
@@ -4674,55 +4689,78 @@ button.has-validation-error {
 }
 
 .med-detail-schedules {
-	display: flex;
-	flex-direction: column;
-	gap: 0.5rem;
+	display: grid;
+	grid-template-columns: auto auto 1fr auto auto auto;
+	gap: 0.45rem 0;
 }
 
-.med-schedule-item {
-	display: flex;
+.med-schedule-row {
+	display: grid;
+	grid-column: 1 / -1;
+	grid-template-columns: subgrid;
 	align-items: center;
-	flex-wrap: wrap;
-	gap: 0.35rem 0.75rem;
-	background: var(--bg-secondary);
-	padding: 0.75rem 1rem;
-	border-radius: 8px;
-	font-size: 0.9rem;
+	column-gap: 0.75rem;
 }
 
 .med-schedule-usage {
 	font-weight: 600;
 	color: var(--accent);
+	white-space: nowrap;
+	grid-column: 1;
 }
 
 .med-schedule-freq {
 	color: var(--text-secondary);
 	white-space: nowrap;
-}
-
-.med-schedule-time {
-	font-weight: 500;
-	margin-left: auto;
-	white-space: nowrap;
+	grid-column: 2;
 }
 
 .med-schedule-person {
 	color: var(--text-secondary);
-	font-size: 0.85rem;
 	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	grid-column: 4;
+}
+
+.med-schedule-time {
+	font-weight: 700;
+	white-space: nowrap;
+	color: var(--text-primary);
+	text-align: right;
+	grid-column: 5;
 }
 
 .med-schedule-bell {
 	color: var(--warning);
 	display: inline-flex;
 	align-items: center;
-	margin-left: 0.35rem;
+	grid-column: 6;
 }
 
 [data-theme="light"] .med-schedule-bell {
 	color: #b45309;
 }
 
+@media (max-width: 700px) {
+	.med-detail-schedules {
+		grid-template-columns: 1fr;
+	}
+
+	.med-schedule-row {
+		grid-template-columns: 1fr;
+		row-gap: 0.25rem;
+	}
+
+	.med-schedule-usage,
+	.med-schedule-freq,
+	.med-schedule-person,
+	.med-schedule-time,
+	.med-schedule-bell {
+		grid-column: auto;
+	}
+}
+
 .med-detail-footer {
 	padding: 1rem 2rem 1.5rem;
 	display: flex;

frontend/src/styles/schedule-mobile-edit.css

@@ -500,6 +500,8 @@
 	color: var(--text-primary);
 	font-size: 0.95rem;
 	font-family: inherit;
+	text-transform: none;
+	letter-spacing: normal;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;

frontend/src/test/components/AppHeader.test.tsx

@@ -36,7 +36,7 @@ describe("AppHeader", () => {
 				json: () =>
 					Promise.resolve({
 						authEnabled: false,
-						localAuthEnabled: true,
+						formLoginEnabled: true,
 						hasUsers: false,
 						needsSetup: false,
 					}),
@@ -171,7 +171,7 @@ describe("AppHeader", () => {
 				json: () =>
 					Promise.resolve({
 						authEnabled: false,
-						localAuthEnabled: true,
+						formLoginEnabled: true,
 						hasUsers: false,
 						needsSetup: false,
 					}),
@@ -205,7 +205,7 @@ describe("AppHeader", () => {
 				json: () =>
 					Promise.resolve({
 						authEnabled: false,
-						localAuthEnabled: true,
+						formLoginEnabled: true,
 						hasUsers: false,
 						needsSetup: false,
 					}),
@@ -239,7 +239,7 @@ describe("AppHeader", () => {
 				json: () =>
 					Promise.resolve({
 						authEnabled: false,
-						localAuthEnabled: true,
+						formLoginEnabled: true,
 						hasUsers: false,
 						needsSetup: false,
 					}),
@@ -322,7 +322,7 @@ describe("AppHeader", () => {
 					Promise.resolve({
 						authEnabled: true,
 						registrationEnabled: true,
-						localAuthEnabled: true,
+						formLoginEnabled: true,
 						oidcEnabled: false,
 						oidcProviderName: "",
 						hasUsers: true,

frontend/src/test/components/Auth.test.tsx

@@ -11,7 +11,7 @@ describe("AuthProvider", () => {
 		vi.resetAllMocks();
 		(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValue({
 			ok: true,
-			json: () => Promise.resolve({ authEnabled: true, localAuthEnabled: true }),
+			json: () => Promise.resolve({ authEnabled: true, formLoginEnabled: true }),
 		});
 	});
 
@@ -79,7 +79,7 @@ describe("AuthProvider", () => {
 		(global.fetch as ReturnType<typeof vi.fn>)
 			.mockResolvedValueOnce({
 				ok: true,
-				json: () => Promise.resolve({ authEnabled: false, localAuthEnabled: true }),
+				json: () => Promise.resolve({ authEnabled: false, formLoginEnabled: true }),
 			})
 			.mockResolvedValueOnce({ ok: false, status: 401 })
 			.mockResolvedValueOnce({ ok: true, status: 200 })
@@ -116,7 +116,7 @@ describe("AuthProvider", () => {
 		(global.fetch as ReturnType<typeof vi.fn>)
 			.mockResolvedValueOnce({
 				ok: true,
-				json: () => Promise.resolve({ authEnabled: true, localAuthEnabled: true }),
+				json: () => Promise.resolve({ authEnabled: true, formLoginEnabled: true }),
 			})
 			.mockResolvedValueOnce({ ok: true, status: 200, json: () => Promise.resolve({ id: 1, username: "tester" }) })
 			.mockResolvedValueOnce({ ok: false, status: 401 })
@@ -141,7 +141,7 @@ describe("AuthProvider", () => {
 		(global.fetch as ReturnType<typeof vi.fn>)
 			.mockResolvedValueOnce({
 				ok: true,
-				json: () => Promise.resolve({ authEnabled: true, localAuthEnabled: true }),
+				json: () => Promise.resolve({ authEnabled: true, formLoginEnabled: true }),
 			})
 			.mockResolvedValueOnce({ ok: true, json: () => Promise.resolve({ id: 1, username: "timer-user" }) })
 			.mockResolvedValueOnce({ ok: true, status: 200 });
@@ -167,7 +167,7 @@ describe("AuthProvider", () => {
 describe("LoginForm", () => {
 	const mockAuthState = {
 		authEnabled: true,
-		localAuthEnabled: true,
+		formLoginEnabled: true,
 		oidcEnabled: false,
 		registrationEnabled: true,
 		hasUsers: true,
@@ -281,7 +281,7 @@ describe("LoginForm", () => {
 				json: () =>
 					Promise.resolve({
 						authEnabled: false,
-						localAuthEnabled: true,
+						formLoginEnabled: true,
 						oidcEnabled: false,
 						registrationEnabled: true,
 						hasUsers: true,
@@ -317,7 +317,7 @@ describe("LoginForm", () => {
 describe("RegisterForm", () => {
 	const mockAuthState = {
 		authEnabled: true,
-		localAuthEnabled: true,
+		formLoginEnabled: true,
 		oidcEnabled: false,
 		registrationEnabled: true,
 		hasUsers: false,
@@ -404,7 +404,7 @@ describe("RegisterForm", () => {
 			json: () =>
 				Promise.resolve({
 					authEnabled: true,
-					localAuthEnabled: true,
+					formLoginEnabled: true,
 					oidcEnabled: false,
 					registrationEnabled: true,
 					hasUsers: false,
@@ -439,7 +439,7 @@ describe("RegisterForm", () => {
 describe("AuthPage", () => {
 	const mockAuthState = {
 		authEnabled: true,
-		localAuthEnabled: true,
+		formLoginEnabled: true,
 		oidcEnabled: false,
 		registrationEnabled: true,
 		hasUsers: true,
@@ -504,7 +504,7 @@ describe("UserProfile", () => {
 		(global.fetch as ReturnType<typeof vi.fn>)
 			.mockResolvedValueOnce({
 				ok: true,
-				json: () => Promise.resolve({ authEnabled: true, localAuthEnabled: true }),
+				json: () => Promise.resolve({ authEnabled: true, formLoginEnabled: true }),
 			})
 			.mockResolvedValueOnce({
 				ok: true,
@@ -724,7 +724,7 @@ describe("AuthProvider methods", () => {
 	it("refreshUser retries after token refresh on 401", async () => {
 		vi.clearAllMocks();
 		(global.fetch as ReturnType<typeof vi.fn>)
-			.mockResolvedValueOnce({ ok: true, json: () => Promise.resolve({ authEnabled: false, localAuthEnabled: true }) })
+			.mockResolvedValueOnce({ ok: true, json: () => Promise.resolve({ authEnabled: false, formLoginEnabled: true }) })
 			.mockResolvedValueOnce({ ok: false, status: 401 })
 			.mockResolvedValueOnce({ ok: true })
 			.mockResolvedValueOnce({ ok: true, json: () => Promise.resolve({ id: 1, username: "refreshed-user" }) });

frontend/src/test/components/Lightbox.test.tsx

@@ -1,5 +1,5 @@
 import { fireEvent, render, screen } from "@testing-library/react";
-import { describe, expect, it, vi } from "vitest";
+import { beforeEach, describe, expect, it, vi } from "vitest";
 import { Lightbox } from "../../components/Lightbox";
 
 describe("Lightbox", () => {

frontend/src/test/components/MedDetailModal.test.tsx

@@ -55,6 +55,8 @@ const defaultProps = {
 	onRefillPacksChange: vi.fn(),
 	refillLoose: 0,
 	onRefillLooseChange: vi.fn(),
+	usePrescriptionRefill: false,
+	onUsePrescriptionRefillChange: vi.fn(),
 	refillSaving: false,
 	refillHistory: [] as RefillEntry[],
 	refillHistoryExpanded: false,
@@ -324,7 +326,7 @@ describe("MedDetailModal with refill modal", () => {
 
 		const submitBtn = document.querySelector(".refill-modal .modal-footer .success") as HTMLButtonElement;
 		fireEvent.click(submitBtn);
-		expect(onSubmitRefill).toHaveBeenCalledWith(mockMedication.id, undefined);
+		expect(onSubmitRefill).toHaveBeenCalledWith(mockMedication.id, false);
 	});
 
 	it("disables refill submit button when no pills are entered", () => {
@@ -589,7 +591,7 @@ describe("MedDetailModal with refill history", () => {
 
 	it("shows refill history when expanded", () => {
 		const refillHistory: RefillEntry[] = [
-			{ id: 1, medicationId: 1, timestamp: new Date().toISOString(), packsAdded: 1, looseAdded: 0 },
+			{ id: 1, refillDate: new Date().toISOString(), packsAdded: 1, loosePillsAdded: 0 },
 		];
 
 		render(<MedDetailModal {...defaultProps} refillHistory={refillHistory} refillHistoryExpanded={true} />);
@@ -602,7 +604,7 @@ describe("MedDetailModal with refill history", () => {
 	it("calls onRefillHistoryExpandedChange when toggle clicked", () => {
 		const onRefillHistoryExpandedChange = vi.fn();
 		const refillHistory: RefillEntry[] = [
-			{ id: 1, medicationId: 1, timestamp: new Date().toISOString(), packsAdded: 1, looseAdded: 0 },
+			{ id: 1, refillDate: new Date().toISOString(), packsAdded: 1, loosePillsAdded: 0 },
 		];
 
 		render(
@@ -642,9 +644,9 @@ describe("MedDetailModal intake schedule usage display", () => {
 		};
 		render(<MedDetailModal {...defaultProps} selectedMed={med} />);
 
-		const usageElements = document.querySelectorAll(".med-schedule-usage");
-		// Each intake should show "1 pill" (not "2 pills")
-		usageElements.forEach((el) => {
+		const rows = document.querySelectorAll(".med-schedule-row .med-schedule-usage");
+		// Each intake should show "1" in usage (not "2")
+		rows.forEach((el) => {
 			expect(el.textContent).toContain("1");
 			expect(el.textContent).not.toMatch(/^2\b/);
 		});
@@ -660,10 +662,10 @@ describe("MedDetailModal intake schedule usage display", () => {
 		};
 		render(<MedDetailModal {...defaultProps} selectedMed={med} />);
 
-		const usageElements = document.querySelectorAll(".med-schedule-usage");
+		const rows = document.querySelectorAll(".med-schedule-row .med-schedule-usage");
 		// Legacy: 1 pill * 2 people = "2 pills"
-		expect(usageElements.length).toBe(1);
-		expect(usageElements[0].textContent).toContain("2");
+		expect(rows.length).toBe(1);
+		expect(rows[0].textContent).toContain("2");
 	});
 
 	it("shows correct usage for single person with per-intake takenBy", () => {
@@ -676,11 +678,11 @@ describe("MedDetailModal intake schedule usage display", () => {
 		};
 		render(<MedDetailModal {...defaultProps} selectedMed={med} />);
 
-		const usageElements = document.querySelectorAll(".med-schedule-usage");
-		expect(usageElements.length).toBe(1);
+		const rows = document.querySelectorAll(".med-schedule-row .med-schedule-usage");
+		expect(rows.length).toBe(1);
 		// Should show "2 pills (1000 mg)" - usage=2, not multiplied
-		expect(usageElements[0].textContent).toContain("2");
-		expect(usageElements[0].textContent).toContain("1000");
+		expect(rows[0].textContent).toContain("2");
+		expect(rows[0].textContent).toContain("1000");
 	});
 });
 

frontend/src/test/components/MobileEditModal.test.tsx

@@ -1,4 +1,5 @@
 import { fireEvent, render, screen } from "@testing-library/react";
+import type { FormEvent } from "react";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import { MobileEditModal } from "../../components/MobileEditModal";
 import type { FormState } from "../../types";
@@ -7,6 +8,9 @@ const defaultForm: FormState = {
 	name: "",
 	genericName: "",
 	takenBy: [],
+	medicationForm: "tablet",
+	pillForm: "tablet",
+	lifecycleCategory: "refill_when_empty",
 	packageType: "blister",
 	packCount: "1",
 	blistersPerPack: "1",
@@ -16,6 +20,8 @@ const defaultForm: FormState = {
 	pillWeightMg: "",
 	doseUnit: "mg",
 	medicationStartDate: "",
+	medicationEndDate: "",
+	autoMarkObsoleteAfterEndDate: true,
 	expiryDate: "",
 	notes: "",
 	intakeRemindersEnabled: false,
@@ -78,6 +84,7 @@ const defaultProps = {
 	meds: [],
 	onUploadMedImage: vi.fn(),
 	onDeleteMedImage: vi.fn(),
+	imageUploadError: null,
 	onClose: vi.fn(),
 	onResetForm: vi.fn(),
 	onSaveMedication: vi.fn(),
@@ -233,6 +240,54 @@ describe("MobileEditModal", () => {
 		const header = document.querySelector(".edit-modal-header");
 		expect(header).toBeInTheDocument();
 	});
+
+	it("uses plain numeric input for tube amount without stepper controls", () => {
+		render(
+			<MobileEditModal
+				{...defaultProps}
+				form={{
+					...defaultForm,
+					packageType: "tube",
+					medicationForm: "topical",
+					packageAmountValue: "150",
+					packageAmountUnit: "g",
+				}}
+			/>
+		);
+
+		const amountInput = screen.getByLabelText("form.packageAmountPerTube") as HTMLInputElement;
+		expect(amountInput).toBeInTheDocument();
+		expect(amountInput.tagName).toBe("INPUT");
+		expect(amountInput).toHaveAttribute("inputmode", "decimal");
+
+		const unitSelect = screen.getByLabelText("form.packageAmountUnitG") as HTMLSelectElement;
+		expect(unitSelect).toBeDisabled();
+		expect(unitSelect.value).toBe("g");
+	});
+
+	it("uses plain numeric input for liquid container package amount", () => {
+		render(
+			<MobileEditModal
+				{...defaultProps}
+				form={{
+					...defaultForm,
+					packageType: "liquid_container",
+					medicationForm: "liquid",
+					packageAmountValue: "250",
+					packageAmountUnit: "ml",
+				}}
+			/>
+		);
+
+		const amountInput = screen.getByLabelText("form.packageAmountPerBottle") as HTMLInputElement;
+		expect(amountInput).toBeInTheDocument();
+		expect(amountInput.tagName).toBe("INPUT");
+		expect(amountInput).toHaveAttribute("inputmode", "decimal");
+
+		const unitSelect = screen.getByLabelText("form.packageAmountUnitMl") as HTMLSelectElement;
+		expect(unitSelect).toBeDisabled();
+		expect(unitSelect.value).toBe("ml");
+	});
 });
 
 describe("MobileEditModal with existing people", () => {
@@ -383,7 +438,7 @@ describe("MobileEditModal form submission", () => {
 	});
 
 	it("calls onSaveMedication when form submitted", () => {
-		const onSaveMedication = vi.fn((e: Event) => e.preventDefault());
+		const onSaveMedication = vi.fn((e: FormEvent) => e.preventDefault());
 		const validForm = { ...defaultForm, name: "TestMed" };
 
 		render(<MobileEditModal {...defaultProps} form={validForm} onSaveMedication={onSaveMedication} />);

frontend/src/test/components/ProfileModal.test.tsx

@@ -66,27 +66,7 @@ describe("ProfileModal", () => {
 		expect(onClose).not.toHaveBeenCalled();
 	});
 
-	it("calls onClose when Escape is pressed on overlay", () => {
-		const onClose = vi.fn();
-		render(<ProfileModal isOpen={true} onClose={onClose} />);
-
-		const overlay = document.querySelector(".modal-overlay");
-		if (overlay) {
-			fireEvent.keyDown(overlay, { key: "Escape" });
-		}
-
-		expect(onClose).toHaveBeenCalledTimes(1);
-	});
-
-	it("does not close on non-escape keydown", () => {
-		const onClose = vi.fn();
-		render(<ProfileModal isOpen={true} onClose={onClose} />);
-
-		const overlay = document.querySelector(".modal-overlay");
-		if (overlay) {
-			fireEvent.keyDown(overlay, { key: "Enter" });
-		}
-
-		expect(onClose).not.toHaveBeenCalled();
-	});
+	// ESC key handling is tested at the App level — the global handler in
+	// App.tsx manages Escape for all modals, so per-component ESC tests are
+	// not applicable here.
 });

frontend/src/test/components/UserFilterModal.test.tsx

@@ -15,6 +15,7 @@ const mockMedication: Medication = {
 	id: 1,
 	name: "Test Med",
 	genericName: "Generic Name",
+	packageType: "blister",
 	packCount: 1,
 	blistersPerPack: 1,
 	pillsPerBlister: 30,

frontend/src/test/context/AppContext.test.tsx

@@ -39,18 +39,23 @@ vi.mock("../../utils/formatters", () => ({
 	getSystemLocale: () => "en-US",
 }));
 
-vi.mock("../../utils/schedule", () => ({
-	buildSchedulePreview: (...args: unknown[]) => mockBuildSchedulePreview(...args),
-	calculateCoverage: (...args: unknown[]) => mockCalculateCoverage(...args),
-	computeMissedPastDoseIds: (...args: unknown[]) => mockComputeMissedPastDoseIds(...args),
-	isDoseDismissed: vi.fn(() => false),
-}));
+vi.mock("../../utils/schedule", async () => {
+	const actual = await vi.importActual<typeof import("../../utils/schedule")>("../../utils/schedule");
+	return {
+		...actual,
+		buildSchedulePreview: (...args: unknown[]) => mockBuildSchedulePreview(...args),
+		calculateCoverage: (...args: unknown[]) => mockCalculateCoverage(...args),
+		computeMissedPastDoseIds: (...args: unknown[]) => mockComputeMissedPastDoseIds(...args),
+		isDoseDismissed: vi.fn(() => false),
+	};
+});
 
 const meds: Medication[] = [
 	{
 		id: 11,
 		name: "Aspirin",
 		takenBy: ["Max", "Anna"],
+		packageType: "blister",
 		packCount: 1,
 		blistersPerPack: 1,
 		pillsPerBlister: 10,
@@ -463,7 +468,7 @@ describe("useAppContext", () => {
 			all: [
 				{
 					name: "Aspirin",
-					daysLeft: 2,
+					daysLeft: 8,
 					medsLeft: 5,
 					depletionTime: Date.now() + 100000,
 				},

frontend/src/test/hooks/useMedicationForm.test.ts

@@ -155,6 +155,78 @@ describe("useMedicationForm", () => {
 		});
 	});
 
+	it("enforces liquid defaults when packageType is liquid_container", () => {
+		const { result } = renderHook(() => useMedicationForm());
+
+		act(() => {
+			result.current.handleValueChange("packageType", "liquid_container");
+		});
+
+		expect(result.current.form.packageType).toBe("liquid_container");
+		expect(result.current.form.medicationForm).toBe("liquid");
+		expect(result.current.form.lifecycleCategory).toBe("refill_when_empty");
+		expect(result.current.form.doseUnit).toBe("ml");
+		expect(result.current.form.packageAmountUnit).toBe("ml");
+	});
+
+	it("keeps liquid settings locked when editing medicationForm under liquid_container", () => {
+		const { result } = renderHook(() => useMedicationForm());
+
+		act(() => {
+			result.current.handleValueChange("packageType", "liquid_container");
+			result.current.handleValueChange("medicationForm", "tablet");
+		});
+
+		expect(result.current.form.packageType).toBe("liquid_container");
+		expect(result.current.form.medicationForm).toBe("liquid");
+		expect(result.current.form.doseUnit).toBe("ml");
+		expect(result.current.form.packageAmountUnit).toBe("ml");
+	});
+
+	it("enforces tube defaults and locks amount unit to grams", () => {
+		const { result } = renderHook(() => useMedicationForm());
+
+		act(() => {
+			result.current.handleValueChange("packageType", "tube");
+			result.current.handleValueChange("medicationForm", "liquid");
+			result.current.handleValueChange("packageAmountUnit", "ml");
+		});
+
+		expect(result.current.form.packageType).toBe("tube");
+		expect(result.current.form.medicationForm).toBe("topical");
+		expect(result.current.form.lifecycleCategory).toBe("treatment_period");
+		expect(result.current.form.doseUnit).toBe("units");
+		expect(result.current.form.packageAmountUnit).toBe("g");
+	});
+
+	it("normalizes legacy tube records to grams in startEdit", () => {
+		const { result } = renderHook(() => useMedicationForm());
+		const openEditModal = vi.fn();
+		Object.defineProperty(window, "innerWidth", { value: 1024, writable: true });
+
+		const med: Medication = {
+			id: 12,
+			name: "Topical Gel",
+			takenBy: [],
+			packageType: "tube",
+			packageAmountUnit: "ml",
+			packageAmountValue: 150,
+			packCount: 1,
+			blistersPerPack: 1,
+			pillsPerBlister: 1,
+			looseTablets: 0,
+			blisters: [{ usage: 1, every: 1, start: "2026-01-01T08:00:00.000Z" }],
+			updatedAt: null,
+		};
+
+		act(() => {
+			result.current.startEdit(med, openEditModal);
+		});
+
+		expect(result.current.form.packageType).toBe("tube");
+		expect(result.current.form.packageAmountUnit).toBe("g");
+	});
+
 	it("adds, edits and removes blister rows", () => {
 		const { result } = renderHook(() => useMedicationForm());
 

frontend/src/test/hooks/useMedications.test.ts

@@ -196,7 +196,20 @@ describe("useMedications", () => {
 	it("allows setting meds directly", () => {
 		const { result } = renderHook(() => useMedications());
 
-		const newMeds: Array<Pick<Medication, "id" | "name">> = [{ id: 1, name: "NewMed" }];
+		const newMeds: Medication[] = [
+			{
+				id: 1,
+				name: "NewMed",
+				packageType: "blister",
+				packCount: 1,
+				blistersPerPack: 1,
+				pillsPerBlister: 30,
+				looseTablets: 0,
+				takenBy: [],
+				blisters: [],
+				updatedAt: null,
+			},
+		];
 
 		act(() => {
 			result.current.setMeds(newMeds);

frontend/src/test/hooks/useRefill.test.ts

@@ -184,6 +184,7 @@ describe("useRefill", () => {
 			pillsPerBlister: 10,
 			looseTablets: 5,
 			takenBy: [],
+			packageType: "blister",
 			blisters: [],
 			updatedAt: null,
 		};
@@ -241,6 +242,7 @@ describe("useRefill", () => {
 			pillsPerBlister: 10,
 			looseTablets: 5,
 			takenBy: [],
+			packageType: "blister",
 			blisters: [],
 			updatedAt: null,
 		};
@@ -267,6 +269,7 @@ describe("useRefill", () => {
 			pillsPerBlister: 10,
 			looseTablets: 5,
 			takenBy: [],
+			packageType: "blister",
 			blisters: [],
 			updatedAt: null,
 		};
@@ -300,6 +303,7 @@ describe("useRefill", () => {
 			pillsPerBlister: 10,
 			looseTablets: 5,
 			takenBy: [],
+			packageType: "blister",
 			blisters: [],
 			updatedAt: null,
 		};
@@ -368,7 +372,7 @@ describe("useRefill", () => {
 		// newStockAdjustment = 149 - 150 = -1
 		// → getMedTotal = 150 + (-1) = 149 ✓
 		const fetchCall = (global.fetch as ReturnType<typeof vi.fn>).mock.calls.find(
-			(call: [string, RequestInit]) => call[0] === "/api/medications/4/stock-adjustment"
+			(call) => call[0] === "/api/medications/4/stock-adjustment"
 		);
 		expect(fetchCall).toBeDefined();
 		const body = JSON.parse(fetchCall![1].body as string);
@@ -420,7 +424,7 @@ describe("useRefill", () => {
 		// baseTotal = getPackageSize(blister) = 25
 		// newStockAdjustment = 25 - 25 = 0
 		const fetchCall = (global.fetch as ReturnType<typeof vi.fn>).mock.calls.find(
-			(call: [string, RequestInit]) => call[0] === "/api/medications/2/stock-adjustment"
+			(call) => call[0] === "/api/medications/2/stock-adjustment"
 		);
 		expect(fetchCall).toBeDefined();
 		const body = JSON.parse(fetchCall![1].body as string);
@@ -462,7 +466,7 @@ describe("useRefill", () => {
 		});
 
 		const fetchCall = (global.fetch as ReturnType<typeof vi.fn>).mock.calls.find(
-			(call: [string, RequestInit]) => call[0] === "/api/medications/5/stock-adjustment"
+			(call) => call[0] === "/api/medications/5/stock-adjustment"
 		);
 		expect(fetchCall).toBeDefined();
 		const body = JSON.parse(fetchCall![1].body as string);
@@ -507,7 +511,7 @@ describe("useRefill", () => {
 		});
 
 		const fetchCall = (global.fetch as ReturnType<typeof vi.fn>).mock.calls.find(
-			(call: [string, RequestInit]) => call[0] === "/api/medications/6/stock-adjustment"
+			(call) => call[0] === "/api/medications/6/stock-adjustment"
 		);
 		expect(fetchCall).toBeDefined();
 		const body = JSON.parse(fetchCall![1].body as string);

frontend/src/test/hooks/useSettings.test.ts

@@ -281,13 +281,13 @@ describe("useSettings", () => {
 	it("refreshes reminder status on interval", async () => {
 		let refreshCallback: (() => void) | null = null;
 		const nativeSetInterval = global.setInterval;
-		vi.spyOn(global, "setInterval").mockImplementation((handler: TimerHandler, timeout?: number) => {
+		vi.spyOn(global, "setInterval").mockImplementation(((handler: TimerHandler, timeout?: number) => {
 			if (timeout === 30000) {
 				refreshCallback = handler as () => void;
 				return 1 as unknown as ReturnType<typeof setInterval>;
 			}
 			return nativeSetInterval(handler, timeout);
-		});
+		}) as typeof setInterval);
 
 		(global.fetch as ReturnType<typeof vi.fn>)
 			.mockResolvedValueOnce({ ok: true, json: () => Promise.resolve({}) })

frontend/src/test/hooks/useShare.test.ts

@@ -12,7 +12,7 @@ describe("useShare", () => {
 		vi.useFakeTimers();
 
 		mockAlert = vi.fn();
-		global.alert = mockAlert;
+		global.alert = mockAlert as unknown as typeof global.alert;
 
 		mockClipboard = { writeText: vi.fn().mockResolvedValue(undefined) };
 		Object.defineProperty(navigator, "clipboard", {
@@ -59,6 +59,7 @@ describe("useShare", () => {
 				id: 1,
 				name: "Med1",
 				takenBy: ["Alice", "Bob"],
+				packageType: "blister",
 				packCount: 1,
 				blistersPerPack: 1,
 				pillsPerBlister: 10,
@@ -70,6 +71,7 @@ describe("useShare", () => {
 				id: 2,
 				name: "Med2",
 				takenBy: ["Bob", "Charlie"],
+				packageType: "blister",
 				packCount: 1,
 				blistersPerPack: 1,
 				pillsPerBlister: 10,
@@ -103,6 +105,7 @@ describe("useShare", () => {
 				id: 1,
 				name: "Med1",
 				takenBy: ["Alice"],
+				packageType: "blister",
 				packCount: 1,
 				blistersPerPack: 1,
 				pillsPerBlister: 10,
@@ -128,6 +131,7 @@ describe("useShare", () => {
 				id: 1,
 				name: "Med1",
 				takenBy: ["Alice"],
+				packageType: "blister",
 				packCount: 1,
 				blistersPerPack: 1,
 				pillsPerBlister: 10,
@@ -168,6 +172,7 @@ describe("useShare", () => {
 				id: 1,
 				name: "Med1",
 				takenBy: ["Alice"],
+				packageType: "blister",
 				packCount: 1,
 				blistersPerPack: 1,
 				pillsPerBlister: 10,
@@ -199,6 +204,7 @@ describe("useShare", () => {
 				id: 1,
 				name: "Med1",
 				takenBy: ["Alice"],
+				packageType: "blister",
 				packCount: 1,
 				blistersPerPack: 1,
 				pillsPerBlister: 10,
@@ -270,6 +276,7 @@ describe("useShare", () => {
 				id: 1,
 				name: "Med1",
 				takenBy: ["Alice"],
+				packageType: "blister",
 				packCount: 1,
 				blistersPerPack: 1,
 				pillsPerBlister: 10,
@@ -308,6 +315,7 @@ describe("useShare", () => {
 				id: 1,
 				name: "Med1",
 				takenBy: ["Alice"],
+				packageType: "blister",
 				packCount: 1,
 				blistersPerPack: 1,
 				pillsPerBlister: 10,

frontend/src/test/pages/DashboardPage.test.tsx

@@ -244,6 +244,7 @@ describe("DashboardPage helper functions", () => {
 				{ name: "A", daysLeft: 2, medsLeft: 1, depletionDate: null, depletionTime: null, nextDose: null },
 				{ name: "B", daysLeft: 10, medsLeft: 4, depletionDate: null, depletionTime: null, nextDose: null },
 			],
+			[],
 			"2026-01-01T10:00:00.000Z",
 			"intake",
 			"email",
@@ -270,6 +271,7 @@ describe("DashboardPage helper functions", () => {
 			30,
 			[],
 			[{ name: "C", daysLeft: 12, medsLeft: 10, depletionDate: null, depletionTime: null, nextDose: null }],
+			[],
 			null,
 			null,
 			null,
@@ -288,6 +290,7 @@ describe("DashboardPage helper functions", () => {
 			30,
 			[],
 			[{ name: "D", daysLeft: 40, medsLeft: 10, depletionDate: null, depletionTime: null, nextDose: null }],
+			[],
 			null,
 			null,
 			null,

frontend/src/test/setup.ts

@@ -1,5 +1,5 @@
 import "@testing-library/jest-dom";
-import { vi } from "vitest";
+import { beforeEach, vi } from "vitest";
 
 // Mock fetch globally
 global.fetch = vi.fn();

frontend/src/test/types.test.ts

@@ -97,6 +97,29 @@ describe("getMedTotal", () => {
 		// Should use looseTablets only, NOT 5*10*20 + 80 = 1080
 		expect(getMedTotal(med)).toBe(80);
 	});
+
+	it("calculates tube/liquid totals from amount fields, not blister math", () => {
+		const tube = {
+			packageType: "tube" as const,
+			packCount: 4,
+			blistersPerPack: 1,
+			pillsPerBlister: 1,
+			totalPills: 600,
+			looseTablets: 600,
+			stockAdjustment: 4,
+		};
+		const liquid = {
+			packageType: "liquid_container" as const,
+			packCount: 3,
+			blistersPerPack: 1,
+			pillsPerBlister: 1,
+			totalPills: 450,
+			looseTablets: 450,
+		};
+
+		expect(getMedTotal(tube)).toBe(604);
+		expect(getMedTotal(liquid)).toBe(450);
+	});
 });
 
 describe("getPackageSize", () => {
@@ -148,6 +171,28 @@ describe("getPackageSize", () => {
 		// Should use looseTablets only, ignore stockAdjustment and blister math
 		expect(getPackageSize(med)).toBe(80);
 	});
+
+	it("returns totalPills for tube/liquid container package size", () => {
+		const tube = {
+			packageType: "tube" as const,
+			packCount: 4,
+			blistersPerPack: 1,
+			pillsPerBlister: 1,
+			totalPills: 600,
+			looseTablets: 600,
+		};
+		const liquid = {
+			packageType: "liquid_container" as const,
+			packCount: 3,
+			blistersPerPack: 1,
+			pillsPerBlister: 1,
+			totalPills: 450,
+			looseTablets: 450,
+		};
+
+		expect(getPackageSize(tube)).toBe(600);
+		expect(getPackageSize(liquid)).toBe(450);
+	});
 });
 
 describe("FIELD_LIMITS", () => {

frontend/src/test/utils/formatters.test.ts

@@ -190,6 +190,7 @@ describe("getBlisterStock", () => {
 		const med: Medication = {
 			id: 1,
 			name: "Test Med",
+			packageType: "blister",
 			packCount: 1,
 			blistersPerPack: 2,
 			pillsPerBlister: 10,
@@ -209,6 +210,7 @@ describe("getBlisterStock", () => {
 		const med: Medication = {
 			id: 1,
 			name: "Test Med",
+			packageType: "blister",
 			packCount: 1,
 			blistersPerPack: 1,
 			pillsPerBlister: 10,

frontend/src/test/utils/ics.test.ts

@@ -17,22 +17,22 @@ describe("generateICS", () => {
 		mockRemoveChild = vi.fn();
 		mockClick = vi.fn();
 
-		global.URL.createObjectURL = mockCreateObjectURL;
-		global.URL.revokeObjectURL = mockRevokeObjectURL;
+		global.URL.createObjectURL = mockCreateObjectURL as unknown as typeof URL.createObjectURL;
+		global.URL.revokeObjectURL = mockRevokeObjectURL as unknown as typeof URL.revokeObjectURL;
 
 		vi.spyOn(document.body, "appendChild").mockImplementation((node) => {
-			mockAppendChild(node);
+			(mockAppendChild as unknown as (child: Node) => void)(node);
 			createdLink = node as HTMLAnchorElement;
 			return node;
 		});
-		vi.spyOn(document.body, "removeChild").mockImplementation(mockRemoveChild);
+		vi.spyOn(document.body, "removeChild").mockImplementation(mockRemoveChild as unknown as (child: Node) => Node);
 
 		// Mock createElement to track the created anchor
 		const originalCreateElement = document.createElement.bind(document);
 		vi.spyOn(document, "createElement").mockImplementation((tag) => {
 			const element = originalCreateElement(tag);
 			if (tag === "a") {
-				element.click = mockClick;
+				element.click = mockClick as unknown as () => void;
 			}
 			return element;
 		});
@@ -63,6 +63,7 @@ describe("generateICS", () => {
 		notes: "Take with food",
 		updatedAt: null,
 		...overrides,
+		packageType: overrides?.packageType ?? "blister",
 	});
 
 	it("creates and downloads ICS file", () => {