ltcai 7.9.0 → 8.1.0

package/frontend/src/features/review/ReviewCard.tsx

@@ -1,100 +0,0 @@
-import { RotateCcw } from "lucide-react";
-import type { ApiResult, ReviewItem } from "@/api/client";
-import { ActionButton, KeyValueList } from "@/components/primitives";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { t } from "@/i18n";
-import { useAppStore } from "@/store/appStore";
-import {
-  formatSnoozedUntil,
-  hasRunBefore,
-  isActionableReview,
-  reviewSourceDetail,
-  reviewSourceLabel,
-  reviewStatusVariant,
-  type ReviewAction,
-} from "./reviewHelpers";
-
-type ReviewCardProps = {
-  item: ReviewItem;
-  feedback?: string;
-  onAction: (item: ReviewItem, action: ReviewAction, hadRunBefore?: boolean) => Promise<ApiResult<ReviewItem>>;
-};
-
-export function ReviewCard({ item, feedback, onAction }: ReviewCardProps) {
-  const mode = useAppStore((state) => state.mode);
-  const language = useAppStore((state) => state.language);
-  const provenance = item.provenance || {};
-  const payload = item.payload || {};
-  const hadRun = hasRunBefore(item);
-  const snoozed = item.effective_status === "snoozed";
-  const actionable = isActionableReview(item);
-
-  return (
-    <div className="rounded-lg border border-border bg-background/55 p-4">
-      <div className="flex flex-wrap items-start justify-between gap-3">
-        <div className="min-w-0 flex-1">
-          <div className="font-medium">{item.title}</div>
-          {item.summary ? <p className="mt-1 text-sm leading-6 text-muted-foreground">{item.summary}</p> : null}
-        </div>
-        <div className="flex flex-wrap items-center gap-2">
-          <Badge variant="muted">{reviewSourceLabel(item.source)}</Badge>
-          <Badge variant={reviewStatusVariant(item.effective_status)}>{item.effective_status}</Badge>
-        </div>
-      </div>
-
-      {snoozed ? (
-        <div className="mt-3 flex flex-wrap items-center justify-between gap-3 rounded-md border border-border bg-muted/24 p-3 text-sm">
-          <div>
-            <div className="font-medium">{formatSnoozedUntil(item.snoozed_until)}</div>
-            <p className="mt-1 text-muted-foreground">{t(language, "review.snoozed.detail")}</p>
-          </div>
-          <Button size="sm" variant="outline" onClick={() => onAction(item, "unsnooze")} disabled={!actionable}>
-            <RotateCcw className="h-3.5 w-3.5" /> {t(language, "review.unsnooze")}
-          </Button>
-        </div>
-      ) : null}
-
-      {mode !== "basic" ? (
-        <div className="mt-3">
-          <KeyValueList
-            data={{
-              workflow: provenance.workflow_id,
-              trigger: provenance.trigger_id,
-              run: payload.last_run_id || provenance.run_id,
-              source_detail: reviewSourceDetail(provenance, item.source),
-              snoozed_until: item.snoozed_until,
-              created_at: item.created_at,
-              updated_at: item.updated_at,
-            }}
-            limit={8}
-          />
-        </div>
-      ) : null}
-
-      {actionable ? (
-        <div className="mt-4 grid gap-2">
-          <p className="text-xs leading-5 text-muted-foreground">
-            {t(language, "review.runNow.detail")}
-          </p>
-          <div className="flex flex-wrap gap-2" aria-label={t(language, "review.actions.aria")}>
-            <ActionButton
-              label={t(language, "review.runNow")}
-              successLabel={hadRun ? t(language, "review.regenerated") : t(language, "review.executed")}
-              action={() => onAction(item, "run_now", hadRun)}
-              invalidate={[]}
-            />
-            <ActionButton label={t(language, "review.approve")} action={() => onAction(item, "approve")} invalidate={[]} />
-            {!snoozed ? <ActionButton label={t(language, "review.snoozeDay")} action={() => onAction(item, "snooze")} invalidate={[]} /> : null}
-            <ActionButton label={t(language, "review.dismiss")} action={() => onAction(item, "dismiss")} invalidate={[]} variant="destructive" />
-          </div>
-        </div>
-      ) : null}
-      {feedback ? (
-        <p className={`mt-2 text-xs ${/fail|error|unavailable/i.test(feedback) ? "text-amber-300" : "text-emerald-300"}`}>
-          {feedback} - {t(language, "review.feedback.open")}
-        </p>
-      ) : null}
-    </div>
-  );
-}

package/frontend/src/features/review/ReviewInbox.tsx

@@ -1,127 +0,0 @@
-import * as React from "react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { latticeApi, type ReviewItem, type ReviewSourceFilter, type ReviewStatusFilter } from "@/api/client";
-import { EmptyState, LoadingPanel, Tabs } from "@/components/primitives";
-import { Badge } from "@/components/ui/badge";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { t } from "@/i18n";
-import { useAppStore } from "@/store/appStore";
-import { ReviewCard } from "./ReviewCard";
-import {
-  defaultSnoozeUntil,
-  reviewSourceFilters,
-  reviewStatusFilters,
-  type ReviewAction,
-} from "./reviewHelpers";
-
-export function ReviewInbox() {
-  const language = useAppStore((state) => state.language);
-  const qc = useQueryClient();
-  const [statusFilter, setStatusFilter] = React.useState<ReviewStatusFilter>("pending");
-  const [sourceFilter, setSourceFilter] = React.useState<ReviewSourceFilter>("all");
-  const [runFeedback, setRunFeedback] = React.useState<Record<string, string>>({});
-  const reviews = useQuery({
-    queryKey: ["automationReviews", statusFilter, sourceFilter],
-    queryFn: () => latticeApi.automationReviews({
-      ...(statusFilter !== "all" ? { status: statusFilter } : {}),
-      ...(sourceFilter !== "all" ? { source: sourceFilter } : {}),
-    }),
-  });
-  const items = reviews.data?.data.items || [];
-
-  const actOnReview = async (
-    item: ReviewItem,
-    action: ReviewAction,
-    hadRunBefore = false,
-  ) => {
-    const call =
-      action === "approve" ? () => latticeApi.approveReviewItem(item.id) :
-      action === "dismiss" ? () => latticeApi.dismissReviewItem(item.id) :
-      action === "snooze" ? () => latticeApi.snoozeReviewItem(item.id, defaultSnoozeUntil()) :
-      action === "unsnooze" ? () => latticeApi.unsnoozeReviewItem(item.id) :
-      () => latticeApi.runNowReviewItem(item.id);
-    const result = await call();
-    if (!result.ok) {
-      setRunFeedback((prev) => ({
-        ...prev,
-        [item.id]: result.error || t(language, "review.action.failed", { action }),
-      }));
-      return result;
-    }
-    if (result.ok) {
-      if (action === "run_now") {
-        const payload = result.data.payload || {};
-        const provenance = result.data.provenance || {};
-        const runId = String(payload.last_run_id || provenance.run_id || "");
-        setRunFeedback((prev) => ({
-          ...prev,
-          [item.id]: runId
-            ? `${hadRunBefore ? t(language, "review.regenerated") : t(language, "review.executed")} · ${runId}`
-            : hadRunBefore ? t(language, "review.regenerated") : t(language, "review.executed"),
-        }));
-      } else {
-        setRunFeedback((prev) => {
-          const next = { ...prev };
-          delete next[item.id];
-          return next;
-        });
-      }
-      await qc.invalidateQueries({ queryKey: ["automationReviews"] });
-    }
-    return result;
-  };
-
-  if (reviews.isLoading) return <LoadingPanel title={t(language, "review.inbox.title")} />;
-
-  return (
-    <Card>
-      <CardHeader className="gap-3">
-        <div className="flex flex-wrap items-start justify-between gap-3">
-          <div>
-            <CardTitle>{t(language, "review.inbox.title")}</CardTitle>
-            <CardDescription>{t(language, "review.inbox.description")}</CardDescription>
-          </div>
-          {reviews.data ? (
-            <Badge variant={reviews.data.ok ? "success" : "warning"}>{reviews.data.ok ? t(language, "review.status.connected") : t(language, "review.status.unavailable")}</Badge>
-          ) : null}
-        </div>
-        <div className="grid gap-2">
-          <Tabs
-            tabs={reviewStatusFilters.map((filter) => ({ id: filter.id, label: t(language, filter.labelKey) }))}
-            value={statusFilter}
-            onChange={(id) => setStatusFilter(id as ReviewStatusFilter)}
-          />
-          <Tabs
-            tabs={reviewSourceFilters.map((filter) => ({ id: filter.id, label: t(language, filter.labelKey) }))}
-            value={sourceFilter}
-            onChange={(id) => setSourceFilter(id as ReviewSourceFilter)}
-          />
-        </div>
-      </CardHeader>
-      <CardContent>
-        {reviews.isError || (reviews.data && !reviews.data.ok) ? (
-          <EmptyState
-            title={t(language, "review.inbox.loadError")}
-            detail={reviews.data?.error || t(language, "review.inbox.unavailable")}
-          />
-        ) : !items.length ? (
-          <EmptyState
-            title={t(language, "review.inbox.empty")}
-            detail={statusFilter === "snoozed" ? t(language, "review.inbox.emptySnoozed") : t(language, "review.inbox.emptyPending")}
-          />
-        ) : (
-          <div className="grid gap-3">
-            {items.map((item) => (
-              <ReviewCard
-                key={item.id}
-                item={item}
-                feedback={runFeedback[item.id]}
-                onAction={actOnReview}
-              />
-            ))}
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}

package/frontend/src/features/review/reviewHelpers.ts

@@ -1,69 +0,0 @@
-import type * as React from "react";
-import type { ReviewItem, ReviewSourceFilter, ReviewStatusFilter } from "@/api/client";
-import type { Badge } from "@/components/ui/badge";
-
-export type ReviewAction = "approve" | "dismiss" | "snooze" | "unsnooze" | "run_now";
-
-export const reviewStatusFilters: Array<{ id: ReviewStatusFilter; labelKey: string }> = [
-  { id: "pending", labelKey: "review.filter.status.pending" },
-  { id: "snoozed", labelKey: "review.filter.status.snoozed" },
-  { id: "all", labelKey: "review.filter.status.all" },
-  { id: "approved", labelKey: "review.filter.status.approved" },
-  { id: "dismissed", labelKey: "review.filter.status.dismissed" },
-];
-
-export const reviewSourceFilters: Array<{ id: ReviewSourceFilter; labelKey: string }> = [
-  { id: "all", labelKey: "review.filter.source.all" },
-  { id: "workflow_run", labelKey: "review.filter.source.workflow_run" },
-  { id: "trigger", labelKey: "review.filter.source.trigger" },
-  { id: "kg_change_digest", labelKey: "review.filter.source.kg_change_digest" },
-];
-
-export function reviewStatusVariant(status: string): React.ComponentProps<typeof Badge>["variant"] {
-  if (status === "pending") return "warning";
-  if (status === "snoozed") return "muted";
-  if (status === "approved") return "success";
-  if (status === "dismissed") return "danger";
-  return "muted";
-}
-
-export function reviewSourceLabel(source?: string) {
-  if (source === "workflow_run") return "Workflow run";
-  if (source === "trigger") return "Trigger";
-  if (source === "kg_change_digest") return "KG digest";
-  return source || "Automation";
-}
-
-export function reviewSourceDetail(provenance: Record<string, unknown>, source?: string) {
-  const detail = provenance.source_detail;
-  if (detail != null && String(detail).trim()) return String(detail);
-  const triggerId = provenance.trigger_id;
-  if (triggerId != null && String(triggerId).trim()) return String(triggerId);
-  return reviewSourceLabel(source);
-}
-
-export function defaultSnoozeUntil() {
-  const until = new Date();
-  until.setDate(until.getDate() + 1);
-  return until.toISOString();
-}
-
-export function formatSnoozedUntil(value?: string | null) {
-  if (!value) return "Snoozed";
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return `Snoozed until ${value}`;
-  return `Snoozed until ${new Intl.DateTimeFormat(undefined, {
-    dateStyle: "medium",
-    timeStyle: "short",
-  }).format(date)}`;
-}
-
-export function isActionableReview(item: ReviewItem) {
-  return item.effective_status === "pending" || item.effective_status === "snoozed";
-}
-
-export function hasRunBefore(item: ReviewItem) {
-  const payload = item.payload || {};
-  const provenance = item.provenance || {};
-  return Boolean(payload.last_run_id || provenance.run_id);
-}