Skip to content

🔎 Add Compact Space Object Search to Dashboard #198

Description

@krishkhinchi

Description

Add a compact search bar to the Kepler dashboard that allows users to quickly search for any space object by its name or identifier and locate it directly on the 3D globe.

The search interface should fit naturally into the existing top navigation without occupying significant dashboard space or covering the Cesium globe.

Requirements

  • Add a small search input to the dashboard's existing top navigation.

  • Allow users to search by:

    • Space object name
    • NORAD ID
    • Object identifier
  • Provide fast autocomplete/search suggestions while typing.

  • When an object is selected:

    • Locate the object on the 3D globe.
    • Smoothly move/zoom the camera to its orbital position.
    • Highlight the selected object.
    • Display its existing object information panel.
  • Use the existing 60K+ frontend space-object catalog as the search source.

  • Do not introduce a backend dependency for search.

  • Search should work even if the backend is unavailable.

  • Keep the search component reusable so it can potentially be used on other pages.

UI Requirements

Keep the search bar small and minimal, similar to the existing Kepler command/search interface.

Example:

⌕ Search object... ⌘K

Do not create a large search panel or permanently occupy valuable globe space.

Add keyboard support:

  • Ctrl/Cmd + K → Focus search
  • Esc → Close suggestions
  • ↑ / ↓ → Navigate results
  • Enter → Select object

Empty State

If no object is found, show a minimal message:

OBJECT NOT FOUND

No matching orbital object found in the catalog.

Acceptance Criteria

  • Compact search bar added to dashboard.
  • Search works using object name and NORAD ID.
  • Results appear quickly while typing.
  • Selecting a result focuses the correct object on the globe.
  • Selected object is visually highlighted.
  • Existing object details are displayed.
  • Search uses the frontend 60K+ catalog.
  • No backend dependency is introduced.
  • Ctrl/Cmd + K shortcut works.
  • Search does not significantly reduce the visible globe area.
  • Responsive on desktop and smaller screens.
  • Existing dashboard controls and Cesium functionality remain unaffected.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

ECSoC26Official label for ECSoC26 event contributions.ECSoC26-L1Level 1 contribution for the ECSoC26 event.enhancementNew feature or requestfrontendFrontend developmentgood first issueGood for newcomersgood-first-issueGood for newcomersissue-validIssue has been verified and accepted for tracking.level:beginnerSuitable for first-time or beginner contributors.mentor:Krish-KhinchiAssigned mentor responsible for reviewing and guiding this contribution.priority:mediumMedium priority task.quality:cleanMeets project quality standards.size/SSmall contribution with limited scope.size:SSmall sizetype:featureIntroduces a new feature or enhancement.type:uiUpdates user interface or visual components.websiteRelated to the project's website.

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions