Add source detail view with collect jobs list and enhance SourceCard navigation

[Copilot]

Adds a dedicated detail view for sources (/sources/:id) with inline editing, config management, and paginated collect jobs. Updates SourceCard to show open job status and enable navigation to detail view.

Changes

Business Logic (source.ts)

• getBySource(sourceId, {limit, offset, order}) - fetch paginated collect jobs for a source
• getLatestOpenBySource(sourceId) - get latest open job (PENDING or RUNNING) for a source
• Added config field to SourceCollectJob

Source Detail View (views/sources/source/)

• Left panel: uses sourceForm component with all fields (nickname, type, config, collect schedule) and save button
• Right panel: full-width "New Job" button, paginated job list using sourceCollectJobCard component, job click → detail navigation
• Center popup for new job creation with collectJobForm component and create button

sourceCollectJobCard Component (new)

• Reusable card component for displaying collect job items
• Shows job ID, status (color-coded), and creation date
• Clickable card with hover effects

collectJobForm Component (renamed from newCollectJob)

• Pure form component with v-model support
• Provides config editor (InkJsonEditor) for job configuration
• No create/submit buttons - parent component handles submission

sourceForm Component (extracted from createSource)

• Reusable form component for editing source information
• All fields: nickname, type, config (InkJsonEditor), collect schedule
• Used in both createSource and source detail view for consistency

SourceCard Component

• Underlined "Check running collect job" link (visible when open job exists) → job detail
• Card click → source detail view
• Uses latestOpenJob to check for both PENDING and RUNNING jobs
• @click.stop on interactive elements to prevent navigation conflicts
• Hover states for visual feedback
• Uses shallow: true optimization

Router

• /sources/collectJob/:id before /sources/:id to prevent route matching issues

Localization

• Added translation keys for en/zh-CN covering all new UI text including collectJob.config

<!-- Example: Source detail with collect jobs -->
<section class="source-view__jobs">
  <InkButton :text="t('source.newJob')" @click="onNewJob" class="w-full" />
  <sourceCollectJobCard
    v-for="job in collectJobs"
    :key="job.id"
    :job="job"
    @click="goToJob(job.id)"
  />
</section>

All components follow BEM naming, use design tokens, and include full documentation.

Original prompt

Add views/sources/index which:

• is left / right panel layout, just like SourceCollectJob view
• for left panel:
  • Provide more detailed information than SourceCard
  • A form to edit nickname (inline InkInput, behaves the same as SourceCard), config (inline InkJsonEditor, click save to save)
  • delete action
• List source collect jobs of this source at the right panel (with pagination)
• Provide new job button (w-full) on the top of source collect jobs list, click will open a center popup compose of title, components/sources/newCollectJob and cancel, create actions.

And also update SourceCard:

• If applicable, shows text Check running collect job (with underlined style, right above the actions), click will push to the sourceCollectJob view of the latest running collect job of this source

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[xiaoland]

Sorry, please rename the newCollectJob component to collectJobForm

[Copilot]

Done in commit 5b34ebb. The component has been renamed from newCollectJob to collectJobForm.

[xiaoland]

• Use SourceCollectJobForm.parse({}) to create default form
• SourceCollectJob now has a new field config and collectJobForm should provide a control to edit it.
• remove create button and create event, this component should be a pure form

[Copilot]

Done in commit 5b34ebb. Changes made:

• Now uses SourceCollectJobForm.parse({}) to create default form
• Added config field to SourceCollectJob and collectJobForm with InkJsonEditor control
• Removed create button and create event - component is now a pure form with v-model support