feat: single drawer navigation

.changeset/single-drawer-navigation.md

@@ -0,0 +1,5 @@
+---
+"@hyperdx/app": minor
+---
+
+Redesign the event side panel into a single right-hand drawer with breadcrumb-stack navigation. Logs, traces, and sessions now navigate in-place (surrounding-context drilldowns, log → trace via a new "View Trace" action, and session → event) instead of stacking layered drawers, with a unified `SidePanelBreadcrumbs` trail that is restorable from the URL. The header gains a metadata row (timestamp, service, duration, status, Copy Trace ID) and the session drawer's close button now closes the entire panel.

packages/app/src/NamespaceDetailsSidePanel.tsx

@@ -181,8 +181,6 @@ function NamespaceLogs({
       <Card.Section p="md" py="sm" h={CHART_HEIGHT}>
         <DBSqlRowTableWithSideBar
           sourceId={logSource.id}
-          isNestedPanel
-          breadcrumbPath={[{ label: 'Namespace Details' }]}
           config={{
             ...logSource,
             where: _where,

packages/app/src/NodeDetailsSidePanel.tsx

@@ -177,7 +177,7 @@ function NodeLogs({
                 { label: 'Errors', value: 'error' },
               ]}
             />
-            {/* 
+            {/*
               <Link
                 href={`/search?q=${encodeURIComponent(_where)}`}
                 passHref
@@ -186,16 +186,14 @@ function NodeLogs({
                 <Anchor size="xs" c="dimmed">
                   Search <IconExternalLink size={12} style={{ display: 'inline' }} />
                 </Anchor>
-              </Link> 
+              </Link>
               */}
           </Flex>
         </Flex>
       </Card.Section>
       <Card.Section p="md" py="sm" h={CHART_HEIGHT}>
         <DBSqlRowTableWithSideBar
           sourceId={logSource.id}
-          isNestedPanel
-          breadcrumbPath={[{ label: 'Node Details' }]}
           config={{
             ...logSource,
             where: _where,

packages/app/src/PodDetailsSidePanel.tsx

@@ -205,8 +205,6 @@ function PodLogs({
           sourceId={logSource.id}
           config={tableConfig}
           isLive={false}
-          isNestedPanel
-          breadcrumbPath={[{ label: 'Pods' }]}
           queryKeyPrefix="k8s-dashboard-pod-logs"
         />
       </Card.Section>
@@ -460,7 +458,6 @@ export default function PodDetailsSidePanel({
               rowId={rowId}
               aliasWith={aliasWith}
               onClose={handleCloseRowSidePanel}
-              isNestedPanel={true}
             />
           )}
         </div>