mats/go-otel
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Unify otel-ui on ds-* theme; restore redesigned Issues view
Build and Publish / Metadata (push) Successful in 2s
Details
Build and Publish / BuildAndDeployAmd64 (push) Successful in 56s
Details

Browse Source 
Restore IssuesVisualizer redesign reverted by merge 67ce419 and re-apply
Needle triage/test additions. Migrate all remaining screens off the MD3
palette, raw Tailwind colors, gradients and Material Symbols. Remove the
legacy theme block and fonts, drop the duplicate tab strip, rebuild
TelemetryFilters on FilterBar, and document status in AGENTS.md.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
matsandClaude Sonnet 5 committed 2026-09-19 08:56:34 +00:00
1 parent 67ce4197da
commit 1e9482ed21
23 files changed
+1583 -1648
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

otel-ui/src/App.tsx
+13 -13
View File
@@ -1,5 +1,5 @@
import { useState, useEffect, useRef } from "react";
import { CloudCog } from "lucide-react";
import { AlertCircle, CloudCog, Lock } from "lucide-react";
import { useObservabilityData } from "./hooks/useObservabilityData";
import { IconRail } from "./components/layout/IconRail";
import { TopBar } from "./components/layout/TopBar";
@@ -27,37 +27,37 @@ function AuthCallbackView() {
}, []);
return (
<div className="min-h-screen bg-background text-on-surface flex items-center justify-center p-6">
<div className="max-w-md w-full rounded-2xl border border-surface-container bg-surface-container-low p-8 text-center shadow-xl">
<div className="flex min-h-screen items-center justify-center bg-ds-bg p-6 font-body text-ds-text">
<main className="w-full max-w-md rounded-[14px] border border-ds-line bg-ds-surface p-8 text-center">
{error ? (
<div className="flex flex-col items-center gap-4">
<div className="w-14 h-14 rounded-full bg-error-container text-on-error-container flex items-center justify-center">
<span className="material-symbols-outlined text-[32px]">error</span>
<div className="flex h-14 w-14 items-center justify-center rounded-full bg-ds-critical-bg text-ds-critical">
<AlertCircle className="h-7 w-7" aria-hidden="true" />
</div>
<div>
<h2 className="text-lg font-bold text-error">Authentication Failed</h2>
<p className="text-xs text-outline mt-1">{error}</p>
<h2 className="font-[family-name:var(--font-display)] text-lg font-bold text-ds-critical">Authentication failed</h2>
<p className="mt-1 font-[family-name:var(--font-data)] text-xs text-ds-text-3">{error}</p>
</div>
<button
type="button"
onClick={() => login()}
className="mt-2 px-4 py-2 rounded bg-primary text-on-primary font-mono text-xs hover:bg-primary/90 transition-colors"
className="mt-2 inline-flex h-9 items-center rounded-[9px] bg-ds-accent px-4 text-[13px] font-semibold text-ds-on-accent"
>
Try again
</button>
</div>
) : (
<div className="flex flex-col items-center gap-4">
<div className="w-14 h-14 rounded-full bg-primary/10 text-primary flex items-center justify-center animate-pulse">
<span className="material-symbols-outlined text-[32px]">lock</span>
<div className="flex h-14 w-14 animate-pulse items-center justify-center rounded-full bg-ds-accent-bg text-ds-accent">
<Lock className="h-7 w-7" aria-hidden="true" />
</div>
<div>
<h2 className="text-lg font-semibold text-on-surface">Completing sign in</h2>
<p className="text-xs text-outline mt-1">Exchanging authorization code with OIDC provider…</p>
<h2 className="font-[family-name:var(--font-display)] text-lg font-semibold text-ds-text">Completing sign in</h2>
<p className="mt-1 text-xs text-ds-text-3">Exchanging authorization code with OIDC provider…</p>
</div>
</div>
)}
</div>
</main>
</div>
);
}