@sentry/junior-dashboard 0.264.0 → 0.265.0

package/src/client/pages/memory/MemoryDetailsDrawer.tsx

@@ -1,167 +0,0 @@
-import type { UseMutationResult } from "@tanstack/react-query";
-import { BrainCircuit, Trash2 } from "lucide-react";
-import { useEffect } from "react";
-
-import { Detail, DetailList } from "../../components/DetailList";
-import { Drawer } from "../../components/Drawer";
-import { TranscriptText } from "../../conversations/TranscriptText";
-import type {
-  PluginUserPageRecord,
-  PluginUserPageRecordAction,
-} from "../user/pluginUserPageData";
-
-// The memory plugin API does not resolve mentions yet, so memory text shows
-// Slack ids instead of names.
-const NO_MEMORY_MENTIONS: readonly [] = [];
-
-type MemoryActionMutation = UseMutationResult<
-  void,
-  Error,
-  PluginUserPageRecordAction
->;
-
-/** Show one memory's content and metadata in a right-side slide-out. */
-export function MemoryDetailsDrawer(props: {
-  action: MemoryActionMutation;
-  onAction(action: PluginUserPageRecordAction): void;
-  onClose(): void;
-  record: PluginUserPageRecord | undefined;
-}) {
-  const openRecordId = props.record?.id;
-
-  useEffect(() => {
-    // Forget leaves the shared mutation in success/error until the next open.
-    // Clear it here so the new drawer does not inherit stale action UI state.
-    if (openRecordId) props.action.reset();
-    // oxlint-disable-next-line react/exhaustive-deps -- reset only on open id change
-  }, [openRecordId]);
-
-  if (!props.record) return null;
-
-  const { record } = props;
-  const kind = metadataValue(record, "Type");
-  const learned = metadataValue(record, "Learned");
-  const remembered = metadataValue(record, "Remembered");
-  const source = metadataValue(record, "Source");
-  const visibility = metadataValue(record, "Visibility");
-  const isPublic = visibility === "Public";
-  const story =
-    learned === "Automatic"
-      ? `Junior learned this from a ${source} conversation on ${shortDate(remembered)}.`
-      : learned === "Explicit"
-        ? isPublic
-          ? `Someone asked Junior to remember this on ${shortDate(remembered)}.`
-          : `You asked Junior to remember this on ${shortDate(remembered)}.`
-        : `Junior recorded this on ${shortDate(remembered)}.`;
-  const scopeCopy = isPublic
-    ? `It is stored as workspace ${kind.toLowerCase()} for future channels.`
-    : `It is stored as a ${kind.toLowerCase()} for future conversations.`;
-  const visibleMetadata = (record.metadata ?? []).filter(
-    (item) => !["Learned", "Source", "Memory ID"].includes(item.label),
-  );
-  const forgetAction = record.actions?.find(
-    (recordAction) => recordAction.tone === "danger",
-  );
-  const titleId = "memory-details-drawer-title";
-
-  return (
-    <Drawer
-      closeLabel="Close memory details"
-      header={
-        <>
-          <h2
-            className="m-0 font-display text-lg font-medium tracking-normal text-dashboard-text"
-            id={titleId}
-          >
-            What Junior remembers
-          </h2>
-          <div className="mt-1 break-words font-mono text-xs leading-snug text-dashboard-text-muted">
-            {kind} · {visibility} · {shortDate(remembered)}
-          </div>
-        </>
-      }
-      onClose={props.onClose}
-      openKey={record.id}
-      titleId={titleId}
-    >
-      <section className="grid gap-5">
-        <div>
-          <div className="mb-2 font-sans font-medium text-xs text-dashboard-text-muted">
-            Memory
-          </div>
-          <TranscriptText mentions={NO_MEMORY_MENTIONS} text={record.title} />
-          {record.description ? (
-            <div className="mt-3">
-              <TranscriptText
-                mentions={NO_MEMORY_MENTIONS}
-                text={record.description}
-              />
-            </div>
-          ) : null}
-        </div>
-
-        <div className="flex items-start gap-3 rounded-md border border-dashboard-accent/12 bg-dashboard-accent/[0.035] p-3">
-          <BrainCircuit
-            aria-hidden="true"
-            className="mt-0.5 shrink-0 text-dashboard-accent-text/70"
-            size={15}
-          />
-          <div>
-            <div className="font-sans font-medium text-xs text-dashboard-accent-text/65">
-              Why Junior remembers this
-            </div>
-            <div className="mt-1 font-mono text-xs leading-relaxed text-dashboard-text">
-              {story} {scopeCopy}
-            </div>
-          </div>
-        </div>
-
-        {visibleMetadata.length ? (
-          <DetailList>
-            {visibleMetadata.map((item) => (
-              <Detail
-                key={item.label}
-                label={item.label}
-                valueClassName="font-mono"
-              >
-                {item.value}
-              </Detail>
-            ))}
-          </DetailList>
-        ) : null}
-
-        {forgetAction ? (
-          <button
-            className="inline-flex w-fit cursor-pointer items-center gap-2 rounded-md border border-rose-300/15 bg-rose-300/[0.035] px-3 py-2 font-sans font-medium text-xs text-rose-200/75 transition-colors hover:border-rose-300/30 hover:bg-rose-300/[0.07] hover:text-rose-100"
-            disabled={props.action.isPending}
-            onClick={() => {
-              if (
-                forgetAction.confirmation &&
-                !window.confirm(forgetAction.confirmation)
-              ) {
-                return;
-              }
-              props.onClose();
-              props.onAction({
-                ...forgetAction,
-                confirmation: undefined,
-              });
-            }}
-            type="button"
-          >
-            <Trash2 aria-hidden="true" size={13} />
-            Forget this memory
-          </button>
-        ) : null}
-      </section>
-    </Drawer>
-  );
-}
-
-function metadataValue(record: PluginUserPageRecord, label: string): string {
-  return record.metadata?.find((item) => item.label === label)?.value ?? "—";
-}
-
-function shortDate(value: string): string {
-  return value.split(",").slice(0, 2).join(",");
-}

package/src/client/pages/system/SandboxSizeSummary.tsx

@@ -1,47 +0,0 @@
-import { Cpu } from "lucide-react";
-
-import { Detail, DetailList } from "../../components/DetailList";
-import { Card } from "../../components/layout/Card";
-
-/** Vercel Sandbox gives each vCPU 2 GB of memory. */
-const MEMORY_GB_PER_VCPU = 2;
-
-/** Format a Sandbox vCPU count with its memory. Null means the Vercel default. */
-export function formatSandboxSize(vcpus: number | null): string {
-  if (vcpus === null) return "Vercel default";
-  return `${vcpus} vCPU${vcpus === 1 ? "" : "s"} · ${vcpus * MEMORY_GB_PER_VCPU} GB`;
-}
-
-/** Show one Sandbox size in the shared System summary surface. */
-export function SandboxSizeSummary(props: {
-  description: string;
-  headingId: string;
-  title: string;
-  value: string;
-}) {
-  return (
-    <Card as="section" className="mb-0" padding="md" variant="section">
-      <div aria-labelledby={props.headingId} className="grid gap-4">
-        <div className="min-w-0 grid gap-1">
-          <h2
-            className="m-0 text-base font-semibold text-dashboard-text"
-            id={props.headingId}
-          >
-            {props.title}
-          </h2>
-          <p className="m-0 text-sm leading-relaxed text-dashboard-text-muted">
-            {props.description}
-          </p>
-        </div>
-        <DetailList>
-          <Detail label="Size">
-            <span className="inline-flex items-center gap-2">
-              <Cpu aria-hidden="true" size={14} />
-              {props.value}
-            </span>
-          </Detail>
-        </DetailList>
-      </div>
-    </Card>
-  );
-}

package/src/client/pages/system/SnapshotSummary.tsx

@@ -1,78 +0,0 @@
-import { CalendarClock, Fingerprint, Layers3, Timer } from "lucide-react";
-
-import { Detail, DetailList } from "../../components/DetailList";
-import { Card } from "../../components/layout/Card";
-import { formatMs, formatRelativeTime, formatTime } from "../../format";
-
-type SnapshotSummaryValue = {
-  buildDurationMs: number;
-  dependencyCount?: number;
-  generatedAt: string;
-  id: string;
-};
-
-/** Show one reusable Sandbox snapshot in the shared System summary surface. */
-export function SnapshotSummary(props: {
-  description: string;
-  emptyDescription: string;
-  headingId: string;
-  snapshot: SnapshotSummaryValue | null;
-  title: string;
-}) {
-  const snapshot = props.snapshot;
-  const gridClassName =
-    snapshot?.dependencyCount == null
-      ? "sm:grid-cols-3"
-      : "sm:grid-cols-2 lg:grid-cols-4";
-
-  return (
-    <Card as="section" className="mb-0" padding="md" variant="section">
-      <div aria-labelledby={props.headingId} className="grid gap-4">
-        <div className="min-w-0 grid gap-1">
-          <h2
-            className="m-0 text-base font-semibold text-dashboard-text"
-            id={props.headingId}
-          >
-            {props.title}
-          </h2>
-          <p className="m-0 text-sm leading-relaxed text-dashboard-text-muted">
-            {snapshot ? props.description : props.emptyDescription}
-          </p>
-        </div>
-
-        {snapshot ? (
-          <DetailList className={gridClassName}>
-            <Detail label="Generated">
-              <span className="inline-flex items-center gap-2">
-                <CalendarClock aria-hidden="true" size={14} />
-                <span title={formatTime(snapshot.generatedAt)}>
-                  {formatRelativeTime(snapshot.generatedAt)}
-                </span>
-              </span>
-            </Detail>
-            <Detail label="Build time">
-              <span className="inline-flex items-center gap-2">
-                <Timer aria-hidden="true" size={14} />
-                {formatMs(snapshot.buildDurationMs)}
-              </span>
-            </Detail>
-            {snapshot.dependencyCount == null ? null : (
-              <Detail label="Dependencies">
-                <span className="inline-flex items-center gap-2">
-                  <Layers3 aria-hidden="true" size={14} />
-                  {snapshot.dependencyCount}
-                </span>
-              </Detail>
-            )}
-            <Detail label="Snapshot ID" valueClassName="font-mono text-xs">
-              <span className="inline-flex items-center gap-2 break-all">
-                <Fingerprint aria-hidden="true" className="shrink-0" size={14} />
-                {snapshot.id}
-              </span>
-            </Detail>
-          </DetailList>
-        ) : null}
-      </div>
-    </Card>
-  );
-}