gc

Signed-off-by: stroblme <stroblme@posteo.de>

NOTEPAD.md

@@ -13,11 +13,13 @@ should reopen it.
 
 ### To be sorted
 
+- BUG/UI auto node placement on flows should be improved in regards to least crossing edges and a more vertical layout on mobile devices
+- BUG/UI when opening a flow, the graph should enlarge from the center (same animation as the brain view). Currently it swipes in from the side
 - BUG/UI dots and rings of nodes in the brain graph are not pixel-perfect centered
 - BUG/UI rings of ndoes in the brain graph should be come a bit thinner and edges a bit thicker. Also ensure that trigger animations of nodes are still visible. We could use make the ring pulse instead of the existing effect
 - BUG/UI HEALTH section shows 1 flow(s) cannot run but boxes below show e.g. 5/5 flows running
-- FEAT/UI we should highlight failing nodes accordingly in the flow view
-- BUG/UI when a dashboard widget is selectd, the border does not cleanly draw on the left side of the widget
+- FEAT/UI we should highlight failing nodes accordingly in the flow view to facilitate easier tracking of mis-configurations
+- BUG/UI when a dashboard widget is selected, the border does not cleanly draw on the left side of the widget (like it is obscured by the widget)
 - INFRA: ensure that all the packages/ dependencies needed to run fluksio are available on arm to make this software runnable on e.g. raspbian
 - INFRA: merge the philosophy statement at the beginning of vision.md into the rest of the document. Dissolve the decision dates and fold the decisions into a clean structure
 - FEAT/UI add a loading animation for the initial app load and when loading individual pages; make sure that elements e.g. in the home dashboard load independently to ensure a fast loading of the initial site but figures charts, tables, graph etc. follow after that

frontend/src/routes/_layout/index.tsx

@@ -13,7 +13,6 @@ import { Badge } from "@/components/ui/badge"
 import { Card } from "@/components/ui/card"
 import { Skeleton } from "@/components/ui/skeleton"
 import { Switch } from "@/components/ui/switch"
-import useAuth from "@/hooks/useAuth"
 import useCustomToast from "@/hooks/useCustomToast"
 
 export const Route = createFileRoute("/_layout/")({
@@ -101,7 +100,6 @@ function FlowRow({ flow }: { flow: FlowSummary }) {
  * than living at routes of their own.
  */
 function Dashboard() {
-  const { user: currentUser } = useAuth()
   // The health block's window: one choice, read by the tiles, the flow table,
   // the charts and the lists under them.
   const [range, setRange] = useState(DEFAULT_RANGE)
@@ -111,7 +109,6 @@ function Dashboard() {
   })
 
   const flows = data?.data ?? []
-  const running = flows.filter((flow) => flow.enabled ?? true).length
 
   return (
     // `[&>*]:min-w-0`: a grid item's automatic minimum is its content, so one
@@ -119,17 +116,6 @@ function Dashboard() {
     // Every section here is free to shrink instead. See DESIGN-GUIDELINES.md
     // → Responsive.
     <div className="grid gap-6 [&>*]:min-w-0">
-      <div>
-        <h1 className="max-w-sm truncate text-2xl">
-          Hi, {currentUser?.full_name || currentUser?.email} 👋
-        </h1>
-        <p className="text-muted-foreground">
-          {flows.length === 0
-            ? "No flows yet."
-            : `${running} of ${flows.length} flows are running.`}
-        </p>
-      </div>
-
       <BrainView />
 
       <Card className="gap-0 py-0">