Merge pull request #5 from O-Labz/feat/improve-memory-scrolling-and-timestamps

feat(dashboard): improve Memory panel scrolling and fix timestamp dis…

Author: HopsonO

dashboard/src/components/eml/DriftPanel.tsx

@@ -35,7 +35,7 @@ export function DriftPanel({ repositoryId }: { repositoryId: string | null }) {
         emptyLabel="No drift detected. Architecture matches declared rules."
       />
       {!loading && !error && !disabled && violations.length > 0 && (
-        <ul className="space-y-2 max-h-[28rem] overflow-y-auto pr-1">
+        <ul className="space-y-2 max-h-[36rem] overflow-y-auto pr-2 scrollable-panel">
           {violations.map((v, i) => (
             <li key={`${v.ruleId}-${i}`} className="p-3 rounded-xl bg-error/5 border border-error/20">
               <div className="flex items-center gap-2 mb-1">

dashboard/src/components/eml/GapsPanel.tsx

@@ -30,7 +30,7 @@ export function GapsPanel({ repositoryId }: { repositoryId: string | null }) {
         emptyLabel="No knowledge gaps detected."
       />
       {!loading && !error && !disabled && gaps.length > 0 && (
-        <ul className="space-y-2 max-h-[28rem] overflow-y-auto pr-1">
+        <ul className="space-y-2 max-h-[36rem] overflow-y-auto pr-2 scrollable-panel">
           {gaps.map((g) => (
             <li key={g.entityRef} className="p-3 rounded-xl border border-outline-variant/15">
               <div className="flex items-center justify-between gap-3">

dashboard/src/components/eml/IntentsPanel.tsx

@@ -26,7 +26,7 @@ export function IntentsPanel({ repositoryId }: { repositoryId: string | null })
         emptyLabel="No active goals tracked."
       />
       {!loading && !error && !disabled && intents.length > 0 && (
-        <ul className="space-y-2 max-h-[28rem] overflow-y-auto pr-1">
+        <ul className="space-y-2 max-h-[36rem] overflow-y-auto pr-2 scrollable-panel">
           {intents.map((it) => (
             <li key={it.memoryId} className="p-3 rounded-xl border border-outline-variant/15">
               <div className="flex items-center justify-between gap-3">

dashboard/src/components/eml/MemoryList.tsx

@@ -64,7 +64,7 @@ export function MemoryList({ repositoryId }: { repositoryId: string | null }) {
         emptyLabel="No memories captured yet."
       />
       {!loading && !error && !disabled && results.length > 0 && (
-        <ul className="space-y-3 max-h-[28rem] overflow-y-auto pr-1">
+        <ul className="space-y-3 max-h-[36rem] overflow-y-auto pr-2 scrollable-panel">
           {results.map((m) => (
             <li
               key={m.id}

dashboard/src/components/eml/TimelinePanel.tsx

@@ -30,7 +30,7 @@ export function TimelinePanel({ repositoryId }: { repositoryId: string | null })
         emptyLabel="No timeline events yet."
       />
       {!loading && !error && !disabled && entries.length > 0 && (
-        <ol className="relative border-l border-outline-variant/30 ml-2 space-y-4 max-h-[28rem] overflow-y-auto">
+        <ol className="relative border-l border-outline-variant/30 ml-2 space-y-4 max-h-[36rem] overflow-y-auto pr-2 scrollable-panel">
           {entries.map((e) => (
             <li key={`${e.kind}-${e.id}`} className="ml-4">
               <span

dashboard/src/index.css

@@ -109,3 +109,33 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
+/* Custom Scrollbar Styling */
+.scrollable-panel {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(113, 124, 130, 0.3) transparent;
+}
+
+.scrollable-panel::-webkit-scrollbar {
+  width: 8px;
+}
+
+.scrollable-panel::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.scrollable-panel::-webkit-scrollbar-thumb {
+  background-color: rgba(113, 124, 130, 0.3);
+  border-radius: 4px;
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+
+.scrollable-panel::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(113, 124, 130, 0.5);
+}
+
+/* Smooth scrolling behavior */
+.scrollable-panel {
+  scroll-behavior: smooth;
+}

src/mcp/handlers/indexing.ts

@@ -172,8 +172,8 @@ export async function listRepositories(
         edgeCount: repo.edgeCount,
         languages: repo.languages,
         isWatched: isActivelyWatched,
-        lastIndexedAt: repo.lastIndexedAt?.toISOString(),
-        createdAt: repo.createdAt.toISOString(),
+        lastIndexedAt: repo.lastIndexedAt?.toLocaleString(),
+        createdAt: repo.createdAt.toLocaleString(),
         status: repo.nodeCount === 0
           ? 'empty — run index_repository first'
           : isActivelyWatched