✨ feat(default): redesign dashboard overview

Refresh the overview page with an actionable Get Started guide, live API request details, real usage sparklines, and OpenAI-inspired dashboard panels. Add collapsible setup state, role-aware quick actions, and localized copy so returning users can focus on platform health.

web/default/src/features/dashboard/components/models/models-chart-preferences.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import { useState } from 'react'
 import { Save, Settings2 } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
 import type { TimeGranularity } from '@/lib/time'
@@ -45,9 +45,10 @@ export function ModelsChartPreferences(props: ModelsChartPreferencesProps) {
     props.preferences
   )
 
-  useEffect(() => {
-    if (open) setDraft(props.preferences)
-  }, [open, props.preferences])
+  const handleOpenChange = (nextOpen: boolean) => {
+    if (nextOpen) setDraft(props.preferences)
+    setOpen(nextOpen)
+  }
 
   const handleSave = () => {
     props.onPreferencesChange(draft)
@@ -55,7 +56,7 @@ export function ModelsChartPreferences(props: ModelsChartPreferencesProps) {
   }
 
   return (
-    <Dialog open={open} onOpenChange={setOpen}>
+    <Dialog open={open} onOpenChange={handleOpenChange}>
       <DialogTrigger render={<Button variant='outline' size='sm' />}>
         <Settings2 className='mr-2 h-4 w-4' />
         {t('Preferences')}