@sentry/junior-dashboard 0.270.0 → 0.272.0

package/src/client/pages/PersonalTokensPage.tsx

@@ -1,205 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { KeyRound, Trash2 } from "lucide-react";
-import { useRef, useState } from "react";
-import {
-  createdPersonalTokenSchema,
-  personalTokenListSchema,
-  type PersonalTokenMetadata,
-} from "@sentry/junior/api/schema";
-import { deleteDashboardResource, fetchDashboardJson, post } from "../http";
-import { dashboardContainerClass } from "../styles";
-import { getDashboardAgentName } from "../agentName";
-import { useDocumentTitle } from "../documentTitle";
-import { Button } from "../components/ui/button";
-import { Input } from "../components/ui/input";
-import { InlineError } from "../components/InlineError";
-import { Card } from "../components/layout/Card";
-
-const personalTokensQueryKey = ["dashboard", "personal-tokens"] as const;
-
-/** Create and revoke personal API tokens for local clients. */
-export function PersonalTokensPage() {
-  useDocumentTitle("API tokens");
-  const queryClient = useQueryClient();
-  const createTokenStarted = useRef(false);
-  const [name, setName] = useState("Local agent");
-  const cancelTokenListRefetch = () =>
-    queryClient.cancelQueries({
-      exact: true,
-      queryKey: personalTokensQueryKey,
-    });
-  const tokensQuery = useQuery({
-    queryKey: personalTokensQueryKey,
-    queryFn: ({ signal }) =>
-      fetchDashboardJson(
-        personalTokenListSchema,
-        "/api/personal-tokens",
-        signal,
-      ),
-    retry: false,
-  });
-  const createTokenMutation = useMutation({
-    gcTime: 0,
-    mutationFn: (tokenName: string) =>
-      post(createdPersonalTokenSchema, "/api/personal-tokens", {
-        name: tokenName,
-      }),
-    onMutate: () => cancelTokenListRefetch(),
-    onSuccess: async (created) => {
-      const { token: _token, ...metadata } = created;
-      await cancelTokenListRefetch();
-      queryClient.setQueryData<{ tokens: PersonalTokenMetadata[] }>(
-        personalTokensQueryKey,
-        (current) => ({
-          tokens: [
-            metadata,
-            ...(current?.tokens ?? []).filter(
-              (token) => token.id !== metadata.id,
-            ),
-          ],
-        }),
-      );
-    },
-    onSettled: () => {
-      createTokenStarted.current = false;
-    },
-  });
-  const revokeTokenMutation = useMutation({
-    mutationFn: (token: PersonalTokenMetadata) =>
-      deleteDashboardResource(
-        `/api/personal-tokens/${encodeURIComponent(token.id)}`,
-      ),
-    onMutate: () => cancelTokenListRefetch(),
-    onSuccess: async (_result, token) => {
-      await cancelTokenListRefetch();
-      queryClient.setQueryData<{ tokens: PersonalTokenMetadata[] }>(
-        personalTokensQueryKey,
-        (current) => ({
-          tokens: (current?.tokens ?? []).filter(
-            (item) => item.id !== token.id,
-          ),
-        }),
-      );
-      if (createTokenMutation.data?.id === token.id) {
-        createTokenMutation.reset();
-      }
-    },
-  });
-  const createdToken = createTokenMutation.data;
-  const tokens = tokensQuery.data?.tokens ?? [];
-  const loading = tokensQuery.isPending;
-  const busy = createTokenMutation.isPending || revokeTokenMutation.isPending;
-  const displayedError =
-    (createTokenMutation.isError
-      ? "Could not create the API token. Try again."
-      : revokeTokenMutation.isError
-        ? "Could not revoke the API token. Try again."
-        : undefined) ??
-    (!tokensQuery.data && tokensQuery.isError
-      ? "Could not load API tokens. Try again."
-      : undefined);
-
-  return (
-    <div className={`${dashboardContainerClass} px-4 py-8 md:px-8`}>
-      <section className="mx-auto w-full max-w-3xl">
-        <h1 className="m-0 text-2xl font-bold">Personal API Tokens</h1>
-        <p className="mt-2 mb-0 max-w-2xl text-sm text-dashboard-text-muted">
-          Use a token to read {getDashboardAgentName()} APIs from a local agent
-          or script. Tokens expire after 90 days.
-        </p>
-
-        <Card className="mb-0 mt-6" padding="md" variant="raised">
-          {createdToken ? (
-            <div className="mt-5 rounded-md border border-emerald-400/40 bg-emerald-400/5 p-3">
-              <p className="mt-0 mb-2 text-sm font-semibold">
-                Copy this token now. It won't be shown again.
-              </p>
-              <code className="block overflow-x-auto rounded-md bg-dashboard-ink p-2 text-xs text-emerald-300">
-                {createdToken.token}
-              </code>
-              <Button
-                className="mt-3"
-                onClick={() => {
-                  createTokenMutation.reset();
-                  setName("Local agent");
-                }}
-              >
-                Create another token
-              </Button>
-            </div>
-          ) : (
-            <div className="mt-5 flex gap-2">
-              <Input
-                aria-label="Token name"
-                className="min-w-0 flex-1"
-                maxLength={80}
-                onChange={(event) => setName(event.target.value)}
-                value={name}
-              />
-              <Button
-                disabled={loading || busy || !name.trim()}
-                onClick={() => {
-                  if (createTokenStarted.current) return;
-                  revokeTokenMutation.reset();
-                  createTokenStarted.current = true;
-                  createTokenMutation.mutate(name);
-                }}
-              >
-                Create token
-              </Button>
-            </div>
-          )}
-
-          {displayedError ? (
-            <InlineError className="mt-4">{displayedError}</InlineError>
-          ) : null}
-
-          <div className="mt-5 space-y-2">
-            {loading ? (
-              <p className="text-sm text-dashboard-text-muted">
-                Loading API tokens…
-              </p>
-            ) : tokens.length === 0 ? (
-              <p className="text-sm text-dashboard-text-muted">
-                No active API tokens.
-              </p>
-            ) : (
-              tokens.map((token) => (
-                <div
-                  className="flex items-center gap-3 rounded-md border border-dashboard-border-strong p-3"
-                  key={token.id}
-                >
-                  <KeyRound className="text-dashboard-accent" size={16} />
-                  <div className="min-w-0 flex-1">
-                    <p className="m-0 truncate text-sm font-semibold">
-                      {token.name}
-                    </p>
-                    <p className="mt-1 mb-0 text-xs text-dashboard-text-muted">
-                      Ends in {token.tokenSuffix} · Expires{" "}
-                      {new Date(token.expiresAt).toLocaleDateString()}
-                    </p>
-                  </div>
-                  <Button
-                    aria-label={`Revoke ${token.name}`}
-                    disabled={busy}
-                    onClick={() => {
-                      if (createTokenMutation.isError) {
-                        createTokenMutation.reset();
-                      }
-                      revokeTokenMutation.mutate(token);
-                    }}
-                    size="icon"
-                    variant="danger"
-                    type="button"
-                  >
-                    <Trash2 size={16} />
-                  </Button>
-                </div>
-              ))
-            )}
-          </div>
-        </Card>
-      </section>
-    </div>
-  );
-}

package/src/client/pages/automations/AGENTS.md

@@ -1,34 +0,0 @@
-# Automation pages
-
-## Boundaries
-
-- Core owns validation, edit access, creator-only rules, revision checks,
-  Schedule previews, and the Event catalog. The page shows core errors. It
-  does not repeat these rules.
-- Preview requests never save or run work.
-- Completed scheduled Automations are read-only.
-
-## Editor rules
-
-- Send only changed fields. Keep unsupported triggers and stored
-  Destinations unless the user replaces them. Keep outcome order.
-- New messages can target only the current Destination or the creator.
-- A public reader sees outcomes as read-only and cannot turn on creator
-  credentials. Warn that an instruction or event selector change switches to
-  system credentials.
-- Pause, Resume, and Delete are creator-only. Hide them from other viewers.
-- Query refreshes must not replace an unsaved draft. After a stale save, let
-  the user keep their changes or load the latest version.
-- Block navigation with unsaved changes.
-- Lifecycle actions and "Make active" read the latest revision first.
-
-## Page rules
-
-- Each Automation has one page at `/automations/:id`. Keep the list query
-  string on the way back. Drop tab-only params: `result`, `run`, `version`.
-- `AutomationRecentRuns` shows terminal runs only. Do not infer queued or
-  running work from terminal records.
-- Delete keeps errors in the dialog and blocks dismissal while pending.
-
-Browser journeys: `e2e/automation-editor.spec.ts` and
-`e2e/automations.spec.ts`.

package/src/client/pages/system/AGENTS.md

@@ -1,12 +0,0 @@
-# System pages
-
-- The URL selects a Workspace recipe: `/system/workspaces/:id` opens
-  `WorkspaceDetails` beside the list.
-- The list report has no snapshots. The detail read adds the current
-  snapshot. Keep snapshot loading and errors inside the Snapshot row.
-- Edit and Delete live in the panel header. List rows have no actions.
-- `WorkspaceDeleteDialog` keeps errors in the dialog and blocks dismissal
-  while the request runs.
-- Close and Escape return focus to the selected row.
-
-Browser coverage: `e2e/system.spec.ts`.

package/src/client/review-desk/ReviewItemDetail.tsx

@@ -1,123 +0,0 @@
-import { Archive } from "lucide-react";
-import type { ReactNode } from "react";
-import { Link } from "react-router";
-import type { ReviewItemPayload } from "@sentry/junior/api/schema";
-
-import { StatusChip } from "../components/StatusChip";
-import { DisplayText } from "../display-text/DisplayText";
-import { conversationPath } from "../conversations/conversationRoutes";
-import { automationPath, formatRelativeTime } from "../format";
-import { ReviewItemActions } from "./ReviewItemActions";
-import { useLinkedConversationTitles } from "./queries";
-import { assigneeLabel, reviewItemStatusLabel } from "./reviewItemFormat";
-
-function Fact(props: { children: ReactNode; label: string }) {
-  return (
-    <div className="grid content-start gap-0.5">
-      <dt className="text-xs font-medium text-dashboard-text-muted">
-        {props.label}
-      </dt>
-      <dd className="m-0 min-w-0 break-words text-sm">{props.children}</dd>
-    </div>
-  );
-}
-
-/** Show one Review item with its facts and the viewer's actions. */
-export function ReviewItemDetail(props: { item: ReviewItemPayload }) {
-  const { item } = props;
-  const subject = item.subject;
-  const conversationTitles = useLinkedConversationTitles(item.conversationIds);
-  const closed = item.status !== "open";
-  return (
-    <article className="grid min-w-0 content-start gap-5">
-      {closed ? (
-        // Search mixes open and archived items, so a closed item must be
-        // easy to tell apart at the top of the detail.
-        <p className="m-0 flex items-center gap-2 rounded-md bg-dashboard-fill-soft px-3 py-2 text-xs font-medium text-dashboard-text-muted">
-          <Archive aria-hidden="true" size={14} />
-          Archived · {reviewItemStatusLabel(item)}
-        </p>
-      ) : null}
-      <header className="grid gap-1.5">
-        <div className="flex min-w-0 items-start justify-between gap-3">
-          <h2 className="m-0 min-w-0 break-words font-display text-xl font-medium leading-snug">
-            {item.title}
-          </h2>
-          {closed ? null : (
-            <StatusChip className="mt-1 shrink-0" size="compact" tone="accent">
-              {reviewItemStatusLabel(item)}
-            </StatusChip>
-          )}
-        </div>
-        <p className="m-0 text-xs text-dashboard-text-muted">
-          Added {formatRelativeTime(item.createdAt)}
-          {item.visibility === "private" ? " · Private" : null}
-        </p>
-      </header>
-      <DisplayText text={item.body} />
-      <section
-        aria-label={item.status === "open" ? "Actions" : "Outcome"}
-        className="border-t border-dashboard-border-subtle pt-5"
-      >
-        <ReviewItemActions item={item} />
-      </section>
-      <dl className="m-0 grid gap-4 border-t border-dashboard-border-subtle pt-5 sm:grid-cols-2">
-        <Fact label="Assignees">
-          {item.assignees.length > 0 || item.assignedToEveryone ? (
-            assigneeLabel(item)
-          ) : (
-            <StatusChip size="compact" tone="warning">
-              Unassigned
-            </StatusChip>
-          )}
-        </Fact>
-        {subject ? (
-          <Fact label="Subject">
-            {subject.url ? (
-              <a href={subject.url} rel="noreferrer" target="_blank">
-                {subject.title ?? subject.url}
-              </a>
-            ) : (
-              (subject.title ?? subject.id)
-            )}
-          </Fact>
-        ) : null}
-        <Fact label="Added by">
-          <Link to={conversationPath(item.addedByConversationId)}>
-            Conversation
-          </Link>
-          {item.automationId ? (
-            <>
-              {" · "}
-              <Link to={automationPath(item.automationId)}>Automation</Link>
-            </>
-          ) : null}
-        </Fact>
-        {item.conversationIds.length > 0 ? (
-          <Fact label="Linked Conversations">
-            <ul className="m-0 grid list-none gap-0.5 p-0">
-              {item.conversationIds.map((conversationId, index) => {
-                const title = conversationTitles[index];
-                return (
-                  <li
-                    className={
-                      title ? "truncate" : "truncate font-mono text-xs"
-                    }
-                    key={conversationId}
-                  >
-                    <Link
-                      title={conversationId}
-                      to={conversationPath(conversationId)}
-                    >
-                      {title ?? conversationId}
-                    </Link>
-                  </li>
-                );
-              })}
-            </ul>
-          </Fact>
-        ) : null}
-      </dl>
-    </article>
-  );
-}