mirror of
https://github.com/hanzoai/insights.git
synced 2026-11-02 14:32:45 +00:00
zeekay
1b367e2b62
The tree was a debranded snapshot of upstream taken around 2026-02-20, and upstream has moved about five months since. This replaces it with upstream master, mechanically re-derived: bin/debrand does the rename, and the pipeline and squashed migrations are restored from the shipped tree. Not a merge. The previous import replaced the tree wholesale in a single commit, so there is no shared content history to merge against. Reproducing the rename on the new tree is what actually converges. What survives: .hanzo/workflows, the Dockerfiles and bin/docker* entrypoints, compose files, LLM.md, and insights/migrations. The squashed initial migration is load-bearing — the live database records it by name, so upstream's ~918 individual migrations cannot come back. Nine products are dropped as unreferenced. Twenty-one more that we do not run are kept anyway because the core app still imports them; unpicking those is a refactor and does not belong in a rebase. This base does not build yet, and the reasons are not in the rename: upstream now wants Python 3.13.13 against our 3.12.12 and Django 5.2 against our 4.2, and the dependency manifests still name upstream packages that we republish under our own names. Those are decisions, not renames.
100 lines
4.5 KiB
TypeScript
100 lines
4.5 KiB
TypeScript
import { useActions, useValues } from 'kea'
|
|
|
|
import { IconChevronLeft, IconChevronRight, IconList, IconListTree, IconStack } from '@hanzo/icons'
|
|
import { Button, SegmentedButton, type SegmentedButtonOption } from '@hanzo/elements'
|
|
|
|
import { FEATURE_FLAGS } from 'lib/constants'
|
|
import { featureFlagLogic } from 'lib/logic/featureFlagLogic'
|
|
import { humanFriendlyNumber } from 'lib/utils/numbers'
|
|
|
|
import { CompareMenuButton } from './components/Comparison/CompareMenuButton'
|
|
import { tracingConfigLogic } from './tracingConfigLogic'
|
|
import { tracingSceneLogic, type TracingDisplayMode } from './tracingSceneLogic'
|
|
|
|
/**
|
|
* The bar above the results, mirroring logs' LogsDisplayBar:
|
|
*
|
|
* - left: the facet rail toggle, the row-mode selector (Traces ⇄ Spans ⇄ Operations — what
|
|
* each result row represents), and the matching-count indicator.
|
|
* - right: Compare, hidden on the Operations view where it doesn't apply.
|
|
*/
|
|
export function TracingDisplayBar(): JSX.Element {
|
|
const { totalMatchingFilters, compareActive, displayMode, operationsViewEnabled } = useValues(tracingSceneLogic())
|
|
const { setDisplayMode } = useActions(tracingSceneLogic())
|
|
const { featureFlags } = useValues(featureFlagLogic)
|
|
const { facetRailCollapsed } = useValues(tracingConfigLogic)
|
|
const { setFacetRailCollapsed } = useActions(tracingConfigLogic)
|
|
|
|
const facetRailEnabled = !!featureFlags[FEATURE_FLAGS.TRACING_FACET_RAIL]
|
|
const inTracesView = displayMode !== 'operations'
|
|
const showCount = inTracesView && !compareActive && totalMatchingFilters > 0
|
|
|
|
// data-attrs keep the names from the two controls this one replaced, for analytics continuity.
|
|
const displayModeOptions: SegmentedButtonOption<TracingDisplayMode>[] = [
|
|
{
|
|
value: 'traces',
|
|
label: 'Traces',
|
|
icon: <IconListTree />,
|
|
tooltip: 'Group matching spans by trace, one row per trace (its root span)',
|
|
'data-attr': 'tracing-view-mode-traces',
|
|
},
|
|
{
|
|
value: 'spans',
|
|
label: 'Spans',
|
|
icon: <IconList />,
|
|
tooltip: 'Show every matching span individually, including child spans',
|
|
// The comparison table aggregates by operation, so span granularity has no effect there.
|
|
disabledReason: compareActive ? 'Not available while comparing' : undefined,
|
|
'data-attr': 'tracing-view-mode-spans',
|
|
},
|
|
...(operationsViewEnabled
|
|
? [
|
|
{
|
|
value: 'operations' as const,
|
|
label: 'Operations',
|
|
icon: <IconStack />,
|
|
tooltip: 'Aggregate matching spans by operation (service and span name)',
|
|
'data-attr': 'tracing-display-tab-operations',
|
|
},
|
|
]
|
|
: []),
|
|
]
|
|
|
|
return (
|
|
<div className="flex items-center justify-between gap-2 flex-wrap">
|
|
<div className="flex items-center gap-2 flex-wrap">
|
|
{facetRailEnabled && (
|
|
<Button
|
|
size="small"
|
|
icon={facetRailCollapsed ? <IconChevronRight /> : <IconChevronLeft />}
|
|
onClick={() => setFacetRailCollapsed(!facetRailCollapsed)}
|
|
aria-label={facetRailCollapsed ? 'Show filters' : 'Hide filters'}
|
|
data-attr="tracing-facet-rail-toggle"
|
|
>
|
|
{facetRailCollapsed ? 'Show filters' : 'Hide filters'}
|
|
</Button>
|
|
)}
|
|
<SegmentedButton<TracingDisplayMode>
|
|
size="small"
|
|
value={displayMode}
|
|
onChange={setDisplayMode}
|
|
options={displayModeOptions}
|
|
/>
|
|
{/* No loading guard: keep the last (view-mode-independent) count visible across reloads,
|
|
so a Traces/Spans switch doesn't flicker the label out and back in. */}
|
|
{showCount && (
|
|
<span className="text-muted text-xs">
|
|
{humanFriendlyNumber(totalMatchingFilters)} {displayMode === 'spans' ? 'spans' : 'traces'}{' '}
|
|
matching filters
|
|
</span>
|
|
)}
|
|
</div>
|
|
{inTracesView && (
|
|
<div className="flex items-center gap-1.5 flex-wrap">
|
|
<CompareMenuButton />
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|