import * as React from "react"; import { AlertTriangle, Building2, CircleDashed, Compass, FileCode2, FolderKanban, LifeBuoy, Rocket, Settings2, Users, } from "lucide-react"; import { ErrorPageWorkspaceRedirectorFour } from "@/registry/error-page-workspace-redirector-four/error-page-workspace-redirector-four"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; type ComponentProps = React.ComponentPropsWithoutRef< typeof ErrorPageWorkspaceRedirectorFour >; const breadcrumbs: ComponentProps["breadcrumbs"] = [ { id: "org", label: "Orbit Labs", href: "/org/orbit", icon: , }, { id: "workspace", label: "Revenue Intelligence", href: "/org/orbit/workspaces/revenue", icon: , }, { id: "current", label: "Playbooks", isCurrent: true, icon: , }, ]; const recentDestinations: ComponentProps["recentDestinations"] = [ { id: "dashboard", title: "Executive dashboard", description: "Top-line ARR, opportunity velocity, and forecast trends", href: "/workspaces/revenue/dashboards/executive", lastVisitedLabel: "Viewed 2 days ago", icon: , }, { id: "pipelines", title: "Pipeline hygiene", description: "Cadence exceptions and stale opportunity cleanup", href: "/workspaces/revenue/pipelines/health", lastVisitedLabel: "Opened 4 hours ago", icon: , }, { id: "advocates", title: "Customer advocate roster", description: "Champion scoring by region with renewal health", href: "/workspaces/revenue/customers/advocates", lastVisitedLabel: "Pinned", icon: , }, { id: "alerts", title: "Health alerts", description: "Escalation queue for at-risk enterprise accounts", href: "/workspaces/revenue/alerts", lastVisitedLabel: "Triggered 12 minutes ago", icon: , }, ]; const commandSections: ComponentProps["commandSearch"]["sections"] = [ { id: "runbooks", label: "Runbooks", actions: [ { id: "forecast", label: "Forecast cadence playbook", description: "Resurface guidance for weekly sales reviews", href: "/docs/runbooks/forecast-cadence", icon: , shortcut: "R F", }, { id: "handoff", label: "Lifecycle handoff SOP", description: "Align CS to sales with 4-step checklist", href: "/docs/runbooks/lifecycle-handoff", icon: , shortcut: "R L", }, ], }, { id: "actions", label: "Quick actions", actions: [ { id: "open-dashboard", label: "Go to analytics overview", description: "Jump into the cross-workspace summary", href: "/workspaces/revenue/dashboards/overview", icon: , }, ], }, ]; const documentationTabs: ComponentProps["documentationTabs"] = [ { id: "overview", label: "Overview", description: "Shortcut into docs that help orient new workspace members.", links: [ { id: "orientation", label: "Workspace orientation guide", description: "Key navigation patterns, alerting, and team permissions", href: "/docs/workspaces/orientation", badge: { label: "Updated" }, }, { id: "north-star", label: "North star metrics", description: "Intent-based KPIs tracked across revenue pods", href: "/docs/workspaces/north-star", }, ], }, { id: "workflows", label: "Workflows", links: [ { id: "deal-desk", label: "Deal desk automation", description: "Approval ladder and finance sync guidance", href: "/docs/workspaces/workflows/deal-desk", }, { id: "expansion", label: "Expansion pipeline", description: "Signal thresholds and follow-up sequences", href: "/docs/workspaces/workflows/expansion", }, ], }, { id: "support", label: "Support", links: [ { id: "status", label: "Status page", description: "Track live incidents that might affect this workspace", href: "/status", }, { id: "contact", label: "Submit a workspace issue", description: "Escalate navigation or permissions problems", href: "/support/workspaces", badge: { label: "Preferred", variant: "secondary" }, }, ], }, ]; export function ErrorPageWorkspaceRedirectorFourDemo() { const [historyCleared, setHistoryCleared] = React.useState(false); return (

Workspace-aware redirector keeps context intact

Preserve organization context, resurface recent destinations, and expose command search so power users recover instantly after a broken link.

, }} secondaryAction={{ label: "Open workspace switcher", onSelect: () => alert("Switch workspace"), icon: , }} recentDestinations={historyCleared ? [] : recentDestinations} commandSearch={{ placeholder: "Search runbooks, dashboards, or people", helperText: "Press ⌘K in app to open the global palette.", sections: commandSections, onSubmit: (query) => console.info("Command search submit", query), }} documentationTabs={documentationTabs} workspaceSwitcher={{ triggerLabel: "Switch workspace", helperText: "Shortcut: W then S", activeWorkspaceId: "revenue", options: [ { id: "revenue", label: "Revenue Intelligence", description: "Executive + sales pods", meta: "18 members", }, { id: "product", label: "Product Ops", description: "Roadmaps & experiments", meta: "21 members", }, { id: "support", label: "Support HQ", description: "Escalation workflows", meta: "12 members", }, ], onSelect: (option) => console.info("Workspace selected", option), }} feedback={{ title: "Report missing workspace link", description: "Let us know what you expected to see so we can patch the navigation tree.", submitLabel: "Send", successTitle: "Report received", successDescription: "We’ll notify you once the redirect is patched.", onSubmit: async () => { await new Promise((resolve) => setTimeout(resolve, 900)); }, }} onClearRecentDestinations={() => setHistoryCleared(true)} />

History cleared:{" "} {historyCleared ? "yes" : "no"}

); } ErrorPageWorkspaceRedirectorFourDemo.displayName = "ErrorPageWorkspaceRedirectorFourDemo"; export default ErrorPageWorkspaceRedirectorFourDemo;

Simple