diff --git a/src/features/knowledge-base/components/ArtifactList.tsx b/src/features/knowledge-base/components/ArtifactList.tsx
index 7cf508b20..7b3166932 100644
--- a/src/features/knowledge-base/components/ArtifactList.tsx
+++ b/src/features/knowledge-base/components/ArtifactList.tsx
@@ -1,6 +1,13 @@
import { memo } from "react";
import { AnimatePresence, motion } from "framer-motion";
-import { FileText, FileCode, CircleDot, GitPullRequest, ChevronRight } from "lucide-react";
+import {
+ FileText,
+ FileCode,
+ CircleDot,
+ GitPullRequest,
+ Building2,
+ ChevronRight,
+} from "lucide-react";
import type { Artifact, ArtifactType } from "../types";
import { SpotlightCard } from "../../../components/ui/SpotlightCard";
import { centralSpringToken } from "../../../styles/tokens";
@@ -24,11 +31,24 @@ const getIcon = (type: ArtifactType) => {
return ;
case "PULL_REQUEST":
return ;
+ case "ORG_METADATA":
+ // Neutral like COMMIT so it never reads as a status; organizations are
+ // a distinct shape, not a success/warning condition.
+ return ;
default:
return ;
}
};
+/**
+ * Human-readable label for the artifact-type chip. The chip shows the raw
+ * artifact type for every other kind, which reads fine ("COMMIT", "ISSUE");
+ * `ORG_METADATA` is the one value that names its storage shape rather than the
+ * thing itself, so it gets a word a reader would actually use.
+ */
+const getTypeLabel = (type: ArtifactType): string =>
+ type === "ORG_METADATA" ? "Organization" : type;
+
const formatDate = (iso: string): string => {
return new Date(iso).toLocaleDateString(undefined, {
year: "numeric",
@@ -71,7 +91,7 @@ const ArtifactCard = memo(function ArtifactCard({ artifact, onSelect }: Artifact
{artifact.title ?? "Untitled"}
- {artifact.artifactType}
+ {getTypeLabel(artifact.artifactType)}
{artifact.sourceSystem}
diff --git a/src/features/knowledge-base/components/ArtifactViewerDrawer.tsx b/src/features/knowledge-base/components/ArtifactViewerDrawer.tsx
index d8659fccb..ded9be7f2 100644
--- a/src/features/knowledge-base/components/ArtifactViewerDrawer.tsx
+++ b/src/features/knowledge-base/components/ArtifactViewerDrawer.tsx
@@ -1,5 +1,20 @@
import { useEffect, useReducer, useRef, useMemo, useCallback, type ReactNode } from "react";
-import { Sparkles, ArrowLeft, Loader2, RefreshCw, Trash2, ArrowDown, BookOpen } from "lucide-react";
+import {
+ Sparkles,
+ ArrowLeft,
+ Loader2,
+ RefreshCw,
+ Trash2,
+ ArrowDown,
+ BookOpen,
+ Building2,
+ MapPin,
+ Globe,
+ Mail,
+ Users,
+ Hash,
+ Link2,
+} from "lucide-react";
import ReactMarkdown, { type Options as ReactMarkdownOptions } from "react-markdown";
import remarkGfm from "remark-gfm";
import remarkMath from "remark-math";
@@ -9,6 +24,11 @@ import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
import { vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism";
import type { Artifact, ArtifactContent, ArtifactSummaryCitation } from "../types";
import { preprocessMarkdown } from "../markdown";
+import {
+ parseOrgMetadata,
+ type OrgMetadataArtifactMetadata,
+ type OrgMetadataTeam,
+} from "../orgMetadata";
import { knowledgeService } from "../../../services/knowledgeService";
import { useToast } from "../../../context/useToast";
import { Button } from "../../../components/ui/Button";
@@ -60,6 +80,7 @@ type DrawerAction =
| { type: "loadStart" }
| { type: "loadSuccess"; content: ArtifactContent }
| { type: "loadError"; error: string }
+ | { type: "skipContentLoad" }
| { type: "setMarkdownViewMode"; mode: MarkdownViewMode }
| { type: "summarizeStart" }
| { type: "summarizeIndexing" }
@@ -98,6 +119,10 @@ function drawerReducer(state: DrawerState, action: DrawerAction): DrawerState {
return { ...state, isLoading: true, error: null };
case "loadSuccess":
return { ...state, isLoading: false, content: action.content };
+ case "skipContentLoad":
+ // ORG_METADATA artifacts have no stored content (their content endpoint
+ // redirects), so nothing to fetch — just end the loading state.
+ return { ...state, isLoading: false };
case "loadError":
return { ...state, isLoading: false, error: action.error };
case "setMarkdownViewMode":
@@ -571,6 +596,188 @@ const getLanguage = (filename?: string | null) => {
}
};
+/**
+ * Renders a labeled metadata row (icon + label + value) for the org profile.
+ */
+function OrgProfileRow({
+ icon,
+ label,
+ children,
+}: {
+ icon: ReactNode;
+ label: string;
+ children: ReactNode;
+}) {
+ return (
+
+ {icon}
+
+
{label}
+
{children}
+
+
+ );
+}
+
+/** GitHub's `blog` is usually a URL; link it, prefixing a scheme when bare. */
+function normalizeUrl(value: string | null): string | null {
+ const trimmed = value?.trim();
+ // Shortest realistic hostname is 4 chars (e.g. a.io); anything shorter
+ // (including "N/A", "?", whitespace) is not a real URL and must not be linked.
+ if (!trimmed || trimmed.length < 4) return null;
+ return /^https?:\/\//i.test(trimmed) ? trimmed : `https://${trimmed}`;
+}
+
+/** Org profile view, rendered purely from the artifact's `metadata` JSON.
+ * Teams and members are always fully expanded. */
+function OrgMetadataView({
+ metadata,
+ title,
+}: {
+ metadata: OrgMetadataArtifactMetadata | null;
+ title: string | null;
+}) {
+ if (!metadata) {
+ // Known backend gap: the org artifact exists but its metadata couldn't be
+ // parsed. Show a quiet empty state instead of killing the drawer or falling
+ // through to the (redirect-following) content fetch.
+ return (
+