Inbox View Component (inbox/InboxView.tsx)

invisible_dots · apps/web/src/components/inbox/InboxView.tsx · typescript · MIT
ui, email, fw:react, fw:nextjs, tag:knn-classified, tag:filters

Renders the user's inbox with tabs, filters, and sections for pending items and history, pulling data from the shell context. Use for displaying tasks that need the user's attention.

// Source: https://github.com/feder-cr/invisible_dots | License: MIT | Copyright 2026 feder-cr
// Provided via justclaw.it.com; keep this notice with the code.
"use client";

import Link from "next/link";
import { inboxHref, resolveDotFilter, type InboxQuery } from "../../lib/inbox";
import { cn } from "../../lib/utils";
import { useShell } from "../shell/attention";
import { Badge } from "../ui/badge";
import { Filters } from "./filters";
import { History } from "./History";
import { NeedsYou } from "./NeedsYou";

/**
 * The Inbox (S6): everything that needs the person, from every Dot, in one place; and what they already answered.
 * `query` is the address's own state: the tab and the filters by Dot and permission.
 */
export function InboxView({ query }: { query: InboxQuery }) {
  const 

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key