Sticky table headers, layout parity, and reuse My Tasks on the shared table/toolbar

Shot/Asset/Task data tables now keep their header row pinned while scrolling
(both the locked two-pane and single-table modes), matching a common data-
table expectation that was missing everywhere.

Brings Asset and Task browsers to full structural parity with Shot's bounded-
height layout (fixed toolbar, internally-scrolling table) instead of their
previous page-scroll model with a sticky-positioned toolbar. AssetsDataTable
gained the synced frozen/movable-pane scrolling it was missing entirely;
TasksDataTable and both browsers/parent views got the same container model.

The global My Tasks page (/tasks) now reuses TaskTableToolbar and
TasksDataTable instead of its own ad hoc filter selects and TaskList,
including the detail panel, bulk status/assignment context menu, and sticky
header for free. Since it spans multiple projects, TaskTableToolbar gained
an optional Project filter (only rendered when a project list is passed in,
so the project-scoped Tasks page is unaffected); episode/assignee filters
populate once a specific project is chosen.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

This commit is contained in:

indigo

2026-07-18 10:15:04 +08:00

parent 442abc3586

commit e628c99498

9 changed files with 525 additions and 163 deletions

									
										frontend/src/views/project/ProjectAssetsView.vue
									
		+4
		-2
	
												View File
												
				@@ -18,8 +18,10 @@

				    </div>

				    <!-- Content -->

				    <div class="flex-1 overflow-auto">

				      <AssetBrowser :project-id="projectId" />

				    <div class="flex-1 overflow-hidden flex flex-col min-h-0">

				      <div class="flex-1 min-h-0 flex flex-col">

				        <AssetBrowser :project-id="projectId" />

				      </div>

				    </div>

				  </div>

				</template>