PodTui/tasks/podcast-tui-app/48-user-preferences.md

47. Add Source Management UI

meta: id: podcast-tui-app-47 feature: podcast-tui-app priority: P1 depends_on: [46] tags: [source-management, settings, ui, solidjs]

objective:

• Create source management UI in settings
• List all enabled sources
• Add new source functionality
• Remove source functionality
• Enable/disable sources

deliverables:

• src/components/SourceManager.tsx with source management
• src/components/AddSourceForm.tsx with add source form
• src/components/SourceListItem.tsx with individual source

steps:

• Create src/components/SourceManager.tsx:
  • List of enabled sources
  • Add source button
  • Remove source button
  • Enable/disable toggle
  • Source count display
• Create src/components/AddSourceForm.tsx:
  • Source name input
  • Source URL input
  • Source type selection (RSS, API, Custom)
  • API key input (if required)
  • Submit button
  • Validation
• Create src/components/SourceListItem.tsx:
  • Display source info
  • Enable/disable toggle
  • Remove button
  • Status indicator (working, error)

tests:

• Unit: Test source list displays correctly
• Unit: Test add source form validation
• Unit: Test remove source functionality
• Integration: Test source management workflow

acceptance_criteria:

• Source list displays all sources
• Add source form validates input
• Remove source works correctly
• Enable/disable toggles work

validation:

• Run application and navigate to settings
• Test add source
• Test remove source
• Test enable/disable toggle
• Verify feeds from new sources appear

notes:

• Source types: RSS, API, Custom
• RSS sources: feed URLs
• API sources: require API key
• Custom sources: user-defined
• Add validation for source URLs
• Store sources in localStorage
• Show source status (working/error)
• Add error handling for failed sources