Dev dashboard

[AAsteria]

Pull Request Template

Description

Summary:

• A brief summary of the purpose and context of this PR.

Issue(s) Addressed:

• Reference to the issue(s) or feature(s) this PR addresses.

Changes

Type of Changes: Bug fix / new feature / breaking change / documentation

1. Change 1: Describe in detail what was changed or added.
2. Change 2: Elaborate on the reasons and any associated logic/decisions.
3. ...

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

Reviewers Checklist:

• Code follows project guidelines and clean code principles
• Tested on various resolutions and browsers
• Unit tests have been updated or added, if necessary
• Documentation has been updated

Additional Context (Optional)

Add any other context or screenshots about the pull request here.

Summary by Sourcery

New Features:

• A new dashboard has been added to the workspace, which displays pinned notes, recent items, and new features.

[sourcery-ai]

Reviewer's Guide by Sourcery

This pull request introduces a new developer dashboard to the workbench. The dashboard displays pinned notes, recent items, and new features. It replaces the previous editor view in the workspace layout. The implementation includes new components and styling for the dashboard and its subviews.

Class diagram for the new Dashboard components

classDiagram
    class DashboardView {
        -subViews: DashboardSubView[]
        +createView(): HTMLElement
        #_createContent(): void
        #_registerListeners(): void
        -createWelcomeSection(title: string): HTMLElement
        -generatePlaceholderItems(sectionId: string): string[]
    }
    class DashboardSubView {
        -slider: DashboardSlider
        -opts: IDashboardViewOpts
        +render(): HTMLElement
        #_createContent(): void
        #_registerListeners(): void
        -__createSortDropdown(): HTMLElement
        -__createSubViewTitle(titleText: string): HTMLElement
        -createSliderItems(content: string[]): HTMLElement[]
    }
    class DashboardSlider {
        -items: HTMLElement[]
        +createView(): HTMLElement
        #_createContent(): void
        #_registerListeners(): void
    }
    class Component {
        <<abstract>>
    }

    DashboardView --|> Component
    DashboardSubView --|> Component
    DashboardSlider --|> Component
    DashboardView *-- DashboardSubView
    DashboardSubView *-- DashboardSlider

    note for DashboardView "Main container for the dashboard"
    note for DashboardSubView "Handles individual sections like Pinned Notes"
    note for DashboardSlider "Manages horizontal scrollable content"

Loading

File-Level Changes

Change	Details	Files
Introduced a new developer dashboard.	Created DashboardView, DashboardSubView, and DashboardSlider components. Added new styles for the dashboard and its elements. Replaced the editor view with the new dashboard in the workspace layout. Added placeholder content for pinned notes, recent items, and new features sections. Implemented smooth scrolling for the slider items in each section. Added a welcome section with a "New Note" button. Implemented a sorting dropdown in the section header (currently placeholder).	src/workbench/parts/workspace/workspace.ts src/workbench/services/dashboard/dashboardView.ts src/workbench/services/dashboard/media/dashboard.scss src/workbench/services/dashboard/dashboardSubView.ts src/workbench/services/dashboard/dashboardSlider.ts

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time. You can also use
  this command to specify where the summary should be inserted.

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[sourcery-ai]

Hey @AAsteria - I've reviewed your changes - here's some feedback:

Overall Comments:

• Remove commented out code for the editor service instead of leaving it in place. If it needs to be referenced later, it can be found in version control history.
• Consider adding error handling for cases where dashboard content fails to load or is invalid.

Here's what I looked at during the review

• 🟡 General issues: 2 issues found
• 🟢 Security: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}