GitLab

TaskView was a god-view doing filter wiring, calendar rendering,
edit-dialog state, image carousel, and image grid all inline. Pulled
into focused modules:

- src/components/task/TaskFilters.vue      — filter panel + emits update:*-id
- src/components/task/TaskCalendar.vue     — FullCalendar wrapper
- src/components/task/TaskEditDialog.vue   — create/edit dialog
- src/components/task/TaskImageCarousel.vue — full-screen carousel
- src/components/task/TaskImageGrid.vue    — thumbnail grid + upload
- src/composables/useTaskFilters.js        — pure filter state + apply logic
- src/utils/taskDisplay.js                 — completion/status display helpers

Filter state now lives in useTaskFilters (covered by 20-test spec);
TaskView is an orchestrator that mounts the children and forwards
events. Closes the longest-standing "this file is too big to review"
pain point.
Co-Authored-By: Claude <noreply@anthropic.com>

Five thin service adapters (student/subject/term/story/task) now route
through three pure helpers:

- apiError.js  — normalize axios errors (status, message, detail, original)
- boolCodec.js — parse DRF Y/N/true/false/etc. into strict booleans
- logger.js    — tag-prefixed console output (swap to no-op in tests)
- paginate.js  — DRF paginated-list walker with page_size:100 + 100-page cap

apiEndpoints lifted from src/api/index.js (was stale) into its own
endpoints.js single source of truth. Service tests gain 4 new spec
files (apiError/boolCodec/logger/paginate).

The duplicated fetchAllPages() copy in studentService and taskService
is now a single import; either delete the old code or accept the
temporary duplication until a follow-up candidate collapses it.
Co-Authored-By: Claude <noreply@anthropic.com>

Wires up vitest + @vue/test-utils + jsdom so the spec 0004 tests can run.

- package.json: 3 npm scripts (test, test:run, test:ui) + vitest /
  @vue/test-utils / jsdom devDeps.
- vitest.config.js: jsdom env, @ alias pointing at src/, setup file.
- src/test-setup.js: shared jest-dom-style matchers.
- src/__tests__/smoke.test.js: sanity check the harness resolves the @
  alias and that taskService imports cleanly.
Co-Authored-By: Claude <noreply@anthropic.com>

Task images were stored as a JSON-ish field on stdt_tasks. Spec 0004 (see
docs/task-images-migration.md) splits them into a dedicated sub-resource
stdt_task_images so each image is its own row with mime_type / file_name /
etag / size_bytes, accessed via /api/tasks/<id>/images/.

Frontend changes:
- new useTaskImages composable owning image state per edit dialog, with
  eager-load priming in load() so thumbnails render and are clickable in
  the grid (fixes v-if branch gated on populated imageCache).
- taskService refactored: listTaskImages / createTaskImage / deleteTaskImage
  / getTaskImageContent (blob fetch with responseType: 'blob' to dodge 406s).
- apiEndpoints.TASKS.IMAGES added for documentation purposes only — services
  still hardcode paths (CLAUDE.md flags apiEndpoints as stale).
- TaskView.vue: switched from inline task.images to useTaskImages(); image
  upload / preview / delete / carousel wired to the new composable. Explicit
  taskId passed to load() and commit() since useTaskImages is instantiated
  without a taskIdRef at module scope.
- locales en/zh-CN: new image keys (addImage, pendingUpload, clickToLoad,
  imagePartialFailure, imageLimitReached, etc.).

Tests:
- src/__tests__/api/taskService.test.js
- src/__tests__/composables/useTaskImages.test.js
- src/__tests__/composables/useTaskImages.network.test.js

Also: .claude/ added to .gitignore (Claude Code local permissions, per-dev).
Co-Authored-By: Claude <noreply@anthropic.com>

<v-img cover min-height="100dvh"> was forcing v-responsive to size itself
to the image's natural aspect ratio (1692px wide × 2333/3500 ≈ 1128px tall),
making the page 1128px tall on a 769px viewport. The bottom ~360px had no
white overlay, so scrolling past the footer leaked the unwrapped image.

Replace <v-img> with a position:fixed <div class="app-bg"> using
background-image: cover, and move the white overlay from inline style to
scoped .app-content CSS. Page scrollHeight dropped 1128 → 781; max scroll
359 → 12 (just v-main's slight overflow).

Verified: background still renders washed-out behind content, edit dialog
opens correctly (pointer-events: none doesn't block v-overlay/v-dialog),
all routes still work.
Co-Authored-By: Claude <noreply@anthropic.com>

UI: add Settings skeleton page with v-tabs + 6 categories
UI: enlarge TaskView event fonts and replace progress bar with SVG ring
UI: add native title tooltip on TaskView events
UI: convert filter panel toggle to floating icon button with slide animation
UI: set browser tab title to "学生管理系统"

moved endpoints to /src/api; moved menu items to /src/components/constants/menuItems.js; added breadcrumbs; added Student page

/src/components/constans/menuItems.js