moves app footer by Mbeaulne · Pull Request #2010 · TangleML/tangle-ui

Mbeaulne · 2026-03-25T19:26:32Z

Description

This pull request improves the dashboard layout and user experience with several key changes:

Dashboard Layout Redesign: Converted the dashboard from a horizontal layout to a full-height sidebar layout with independent scrolling areas
Enhanced Sidebar: Added footer links (About, Give feedback, Privacy policy) and version information display in the sidebar
Conditional Footer: Modified the root layout to hide the app footer on dashboard pages to prevent layout conflicts
RunRow Component Cleanup: Replaced the Paragraph component with a native span element, added proper text color styling, and set a fixed row height

Related Issue and Pull requests

Type of Change

Checklist

I have tested this does not break current pipelines / runs functionality
I have tested the changes on staging

Screenshots (if applicable)

Test Instructions

Navigate to the dashboard pages and verify the new sidebar layout displays correctly
Test scrolling behavior in both the sidebar and main content areas
Verify that footer links in the sidebar open correctly in new tabs
Check that the app footer is hidden on dashboard pages but visible on other pages
Confirm that run rows in the pipeline section display properly with the updated styling

Additional Comments

The layout changes create a more professional dashboard experience with better space utilization and improved navigation. The sidebar now includes helpful footer links and version information while maintaining clean separation between navigation and content areas.

github-actions · 2026-03-25T19:26:41Z

🎩 To tophat this PR:

You can add the following URL parameter to your browser to tophat this PR:

`?tophat_location=03-25-moves_app_footer/39fd83a`

Mbeaulne · 2026-03-25T19:27:07Z

remove old home page #2056
Default dashboard flag #2055
Add components section #2025
Add dashboard home view with favorites, recently viewed, and my runs sections #2011
moves app footer #2010 👈 (View in Graphite)
add new section to the side bar #2004
Updates runs and pipelines designs #2003
Adds runs and filters #2002
update favourite and recent cards #2001
Updates revently viewed #2000
Adds recently viewed #1999
Update design for favourites #1998
add favourites to new dashboard #1997
feat dashboard layout #1996
Feat recently viewed #1986
feat_favorites_filter #1985
feat_favorites_homepage_section #1983
feat_favorites_toggle_ui #1982
feat favorites infrastructure #1980
Dashboard and beta #1932
Add Claude AI skills for project conventions and development standards #1931
master

This stack of pull requests is managed by Graphite. Learn more about stacking.

camielvs · 2026-04-09T01:59:35Z

+              { label: "About", href: ABOUT_URL },
+              { label: "Give feedback", href: GIVE_FEEDBACK_URL },
+              { label: "Privacy policy", href: PRIVACY_POLICY_URL },


this should be a constant outside of the render function

camielvs · 2026-04-09T02:00:06Z

              <a
-                href={DOCUMENTATION_URL}
+                key={label}
+                href={href}
                target="_blank"
                rel="noopener noreferrer"
-                className={navItemClass(false)}
+                className="px-3 py-1 text-xs text-muted-foreground hover:text-foreground rounded-md hover:bg-accent"
              >
-                <Icon name="BookOpen" size="sm" />
-                <Text size="sm">Docs</Text>
+                {label}
              </a>


imo these should be buttons rather than styled hyperlinks

camielvs · 2026-04-09T02:00:27Z

-            {/* Bottom utilities */}
-            <BlockStack gap="1" className="border-t border-border pt-3">
+          {/* Footer links */}
+          <div className="flex flex-col gap-0.5 pt-2 mt-1 border-t border-border">


BlockStack

Mbeaulne · 2026-04-10T20:38:27Z

Merge activity

Apr 10, 8:38 PM UTC: A user started a stack merge that includes this pull request via Graphite.
Apr 10, 9:33 PM UTC: Graphite rebased this pull request as part of a merge.
Apr 10, 9:36 PM UTC: @Mbeaulne merged this pull request with Graphite.

Mbeaulne mentioned this pull request Mar 25, 2026

add new section to the side bar #2004

Merged

8 tasks

Mbeaulne force-pushed the 03-25-moves_app_footer branch from 7d089d6 to 87e9bd5 Compare March 25, 2026 19:52

Mbeaulne mentioned this pull request Mar 25, 2026

Add dashboard home view with favorites, recently viewed, and my runs sections #2011

Merged

4 tasks

Mbeaulne force-pushed the 03-24-add_new_section_to_the_side_bar branch from 4e1b9ee to aeb6fa8 Compare March 27, 2026 12:41

Mbeaulne force-pushed the 03-25-moves_app_footer branch 3 times, most recently from e5dbbd0 to b427379 Compare March 27, 2026 13:58

Mbeaulne force-pushed the 03-24-add_new_section_to_the_side_bar branch from ad26745 to b2e8ad6 Compare March 27, 2026 13:58

Mbeaulne force-pushed the 03-25-moves_app_footer branch from b427379 to d1c9f97 Compare March 27, 2026 14:07

Mbeaulne force-pushed the 03-24-add_new_section_to_the_side_bar branch 2 times, most recently from 81a314c to d8285d7 Compare March 27, 2026 14:12

Mbeaulne force-pushed the 03-25-moves_app_footer branch from d1c9f97 to cff4b8c Compare March 27, 2026 14:12

Mbeaulne force-pushed the 03-24-add_new_section_to_the_side_bar branch from d8285d7 to df32b4a Compare March 27, 2026 14:16

camielvs reviewed Apr 9, 2026

View reviewed changes

Mbeaulne force-pushed the 03-25-moves_app_footer branch from 28ca9f9 to c889894 Compare April 9, 2026 15:54

Mbeaulne force-pushed the 03-24-add_new_section_to_the_side_bar branch 2 times, most recently from 6f05d41 to b321fbe Compare April 9, 2026 16:09

Mbeaulne force-pushed the 03-25-moves_app_footer branch from c889894 to 019c1fb Compare April 9, 2026 16:09

Mbeaulne force-pushed the 03-24-add_new_section_to_the_side_bar branch from b321fbe to 8620c23 Compare April 9, 2026 16:28

Mbeaulne force-pushed the 03-25-moves_app_footer branch 2 times, most recently from 0916fe7 to bea18e9 Compare April 9, 2026 16:56

morgan-wowk approved these changes Apr 9, 2026

View reviewed changes

Mbeaulne force-pushed the 03-25-moves_app_footer branch from bea18e9 to d514ad3 Compare April 9, 2026 19:53

Mbeaulne force-pushed the 03-24-add_new_section_to_the_side_bar branch 2 times, most recently from a7884a6 to dfc41bc Compare April 9, 2026 20:04

Mbeaulne force-pushed the 03-25-moves_app_footer branch 2 times, most recently from 36f9bf0 to 666981c Compare April 9, 2026 20:13

Mbeaulne force-pushed the 03-24-add_new_section_to_the_side_bar branch 2 times, most recently from 0c57d9c to f6e5b02 Compare April 10, 2026 19:09

Mbeaulne force-pushed the 03-25-moves_app_footer branch 2 times, most recently from 98e74b0 to ec30e52 Compare April 10, 2026 19:31

Mbeaulne force-pushed the 03-24-add_new_section_to_the_side_bar branch 2 times, most recently from 7759b79 to df7dead Compare April 10, 2026 19:59

Mbeaulne force-pushed the 03-25-moves_app_footer branch from ec30e52 to 92002ac Compare April 10, 2026 19:59

Mbeaulne changed the base branch from 03-24-add_new_section_to_the_side_bar to graphite-base/2010 April 10, 2026 21:29

Mbeaulne changed the base branch from graphite-base/2010 to master April 10, 2026 21:32

moves app footer

39fd83a

Mbeaulne force-pushed the 03-25-moves_app_footer branch from 92002ac to 39fd83a Compare April 10, 2026 21:33

Mbeaulne merged commit e5a90f2 into master Apr 10, 2026
17 checks passed

Mbeaulne deleted the 03-25-moves_app_footer branch April 10, 2026 21:36

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

moves app footer#2010

moves app footer#2010
Mbeaulne merged 1 commit intomasterfrom
03-25-moves_app_footer

Mbeaulne commented Mar 25, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Mar 25, 2026 •

edited

Loading

Uh oh!

Mbeaulne commented Mar 25, 2026 •

edited

Loading

Uh oh!

camielvs Apr 9, 2026

Uh oh!

camielvs Apr 9, 2026

Uh oh!

camielvs Apr 9, 2026

Uh oh!

Mbeaulne commented Apr 10, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

Mbeaulne commented Mar 25, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Related Issue and Pull requests

Type of Change

Checklist

Screenshots (if applicable)

Test Instructions

Additional Comments

Uh oh!

github-actions Bot commented Mar 25, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🎩 To tophat this PR:

Uh oh!

Mbeaulne commented Mar 25, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

camielvs Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

camielvs Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

camielvs Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

Mbeaulne commented Apr 10, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Merge activity

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Mbeaulne commented Mar 25, 2026 •

edited

Loading

github-actions Bot commented Mar 25, 2026 •

edited

Loading

Mbeaulne commented Mar 25, 2026 •

edited

Loading

Mbeaulne commented Apr 10, 2026 •

edited

Loading