@agent-native/core 0.120.1 → 0.120.2

package/corpus/templates/analytics/app/components/layout/NewAnalysisDialog.tsx

@@ -1,165 +0,0 @@
-import { useSendToAgentChat } from "@agent-native/core/client/agent-chat";
-import { PromptComposer } from "@agent-native/core/client/composer";
-import { useActionQuery } from "@agent-native/core/client/hooks";
-import { useT } from "@agent-native/core/client/i18n";
-import {
-  IconAlertCircle,
-  IconCheck,
-  IconDatabase,
-  IconLoader2,
-  IconPlus,
-} from "@tabler/icons-react";
-import { useMemo, useState } from "react";
-import { Link } from "react-router";
-
-import { Badge } from "@/components/ui/badge";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import {
-  credentialRowsFromStatus,
-  getConfiguredDataSources,
-  type DataSourceStatusResponse,
-} from "@/lib/data-source-status";
-import { cn } from "@/lib/utils";
-
-const ANALYSIS_CONTEXT =
-  "The user wants to kick off a new ad-hoc analysis. " +
-  "REAL_DATA_REQUIRED: before saving or answering, run at least one real data-source query action; `data-source-status`, `list-data-dictionary`, `generate-chart`, and `save-analysis` do not count as data queries. " +
-  "The built-in `demo` dashboard source is a demo-environment Prometheus source and never satisfies REAL_DATA_REQUIRED for user analytics answers or saved analyses unless the user explicitly asks to analyze the demo dashboard itself. " +
-  "If no source can answer, report the exact unavailable/error result instead of saving a guessed analysis. " +
-  "Read the `adhoc-analysis` skill first. Then: gather data from relevant sources, " +
-  "synthesize findings, and save via `save-analysis` with --id, --name, --question, " +
-  "--description, --instructions (markdown recipe for re-running), --resultMarkdown (polished writeup), " +
-  "--dataSources (JSON array of data sources used), and --resultData (structured raw query results and metrics from the successful data-source actions). " +
-  "After saving, call `navigate --view=analyses --analysisId=<id>` so the user sees it. " +
-  "No code files to create — analyses are persisted settings data.";
-
-function buildAnalysisContext(configuredSourceNames: string[]): string {
-  const sourceContext = configuredSourceNames.length
-    ? `Call \`data-source-status\` first to verify source availability. Current credential status shows these configured data sources: ${configuredSourceNames.join(", ")}. Prefer those sources unless the user names a different provider. The data dictionary can describe metrics, but it is not a live data source by itself. The demo source is not evidence for user analytics.`
-    : "Current credential status shows no configured data sources. Check `data-source-status` before analysis. If the requested provider is unavailable or missing credentials, report the exact connection problem and direct the user to Data Sources instead of saving guessed results. The data dictionary can describe metrics, but it is not a live data source by itself. The demo source is not evidence for user analytics.";
-  return `${ANALYSIS_CONTEXT} ${sourceContext}`;
-}
-
-export function NewAnalysisDialog() {
-  const t = useT();
-  const [open, setOpen] = useState(false);
-  const { send, isGenerating } = useSendToAgentChat();
-  const { data: statusData, isLoading: isStatusLoading } = useActionQuery(
-    "data-source-status",
-    undefined,
-    {
-      staleTime: 10_000,
-    },
-  );
-  const status = statusData as DataSourceStatusResponse | undefined;
-  const envStatus = credentialRowsFromStatus(status);
-  const configuredSources = useMemo(
-    () => getConfiguredDataSources(envStatus, status),
-    [envStatus, status],
-  );
-  const configuredSourceNames = configuredSources.map((source) => source.name);
-  const statusMessage = status?.message || status?.error;
-
-  function handleSubmit(text: string) {
-    const trimmed = text.trim();
-    if (!trimmed || isGenerating) return;
-    send({
-      message: trimmed,
-      context: buildAnalysisContext(configuredSourceNames),
-      submit: true,
-    });
-    setOpen(false);
-  }
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <button className="flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-1.5 text-xs text-muted-foreground/60 hover:bg-sidebar-accent/50 hover:text-primary">
-          <IconPlus className="h-3 w-3" />
-          {t("dialogs.newAnalysis")}
-        </button>
-      </PopoverTrigger>
-      <PopoverContent
-        className="w-[calc(100vw-2rem)] p-3 sm:w-[420px]"
-        side="right"
-        align="start"
-      >
-        <p className="px-1 pb-2 text-sm font-semibold text-foreground">
-          {t("dialogs.newAnalysisTitle")}
-        </p>
-        <div
-          className={cn(
-            "mb-3 rounded-md border px-3 py-2 text-xs",
-            configuredSources.length > 0
-              ? "border-emerald-500/25 bg-emerald-500/10"
-              : "border-amber-500/25 bg-amber-500/10",
-          )}
-        >
-          <div className="flex gap-2">
-            {isStatusLoading ? (
-              <IconLoader2 className="mt-0.5 h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground" />
-            ) : configuredSources.length > 0 ? (
-              <IconCheck className="mt-0.5 h-3.5 w-3.5 shrink-0 text-emerald-500" />
-            ) : (
-              <IconAlertCircle className="mt-0.5 h-3.5 w-3.5 shrink-0 text-amber-500" />
-            )}
-            <div className="min-w-0 flex-1">
-              <div className="flex items-center gap-1.5 font-medium text-foreground">
-                <IconDatabase className="h-3.5 w-3.5 text-muted-foreground" />
-                {isStatusLoading
-                  ? t("dialogs.checkingDataSources")
-                  : configuredSources.length > 0
-                    ? t("dialogs.sourcesConfigured", {
-                        count: configuredSources.length,
-                        plural: configuredSources.length === 1 ? "" : "s",
-                      })
-                    : t("dialogs.noDataSourcesConfigured")}
-              </div>
-              {configuredSources.length > 0 ? (
-                <div className="mt-2 flex flex-wrap gap-1">
-                  {configuredSources.slice(0, 4).map((source) => (
-                    <Badge
-                      key={source.id}
-                      variant="secondary"
-                      className="px-1.5 py-0 text-[10px]"
-                    >
-                      {source.name}
-                    </Badge>
-                  ))}
-                  {configuredSources.length > 4 && (
-                    <Badge
-                      variant="outline"
-                      className="px-1.5 py-0 text-[10px]"
-                    >
-                      {t("dialogs.more", {
-                        count: configuredSources.length - 4,
-                      })}
-                    </Badge>
-                  )}
-                </div>
-              ) : (
-                <p className="mt-1 text-muted-foreground">
-                  {statusMessage || t("dialogs.connectSourceFirst")}{" "}
-                  <Link to="/data-sources" className="text-primary underline">
-                    {t("dialogs.manageSources")}
-                  </Link>
-                </p>
-              )}
-            </div>
-          </div>
-        </div>
-        <PromptComposer
-          autoFocus
-          disabled={isGenerating}
-          placeholder={t("dialogs.newAnalysisPlaceholder")}
-          draftScope="analytics:new-analysis"
-          onSubmit={handleSubmit}
-        />
-      </PopoverContent>
-    </Popover>
-  );
-}

package/corpus/templates/analytics/app/pages/analyses/AnalysesList.tsx

@@ -1,175 +0,0 @@
-import { useSendToAgentChat } from "@agent-native/core/client/agent-chat";
-import { callAction, useChangeVersions } from "@agent-native/core/client/hooks";
-import { useT } from "@agent-native/core/client/i18n";
-import { IconFlask, IconClock, IconSearch } from "@tabler/icons-react";
-import { useQuery } from "@tanstack/react-query";
-import { useState } from "react";
-import { Link } from "react-router";
-
-import { Badge } from "@/components/ui/badge";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
-
-interface AnalysisSummary {
-  id: string;
-  name: string;
-  description: string;
-  dataSources: string[];
-  createdAt: string;
-  updatedAt: string;
-  author: string;
-}
-
-async function fetchAnalyses(): Promise<AnalysisSummary[]> {
-  const rows = await callAction("list-analyses", {}, { method: "GET" });
-  return (Array.isArray(rows) ? rows : []) as AnalysisSummary[];
-}
-
-function formatRelativeDate(iso: string): string {
-  const date = new Date(iso);
-  const now = new Date();
-  const diffMs = now.getTime() - date.getTime();
-  const diffMins = Math.floor(diffMs / 60000);
-  const diffHours = Math.floor(diffMins / 60);
-  const diffDays = Math.floor(diffHours / 24);
-
-  if (diffMins < 1) return "just now";
-  if (diffMins < 60) return `${diffMins}m ago`;
-  if (diffHours < 24) return `${diffHours}h ago`;
-  if (diffDays < 7) return `${diffDays}d ago`;
-  return date.toLocaleDateString();
-}
-
-export default function AnalysesList() {
-  const t = useT();
-  const analysesSync = useChangeVersions(["analyses", "action"]);
-  const { data: analyses, isLoading } = useQuery({
-    queryKey: ["analyses-list", analysesSync],
-    queryFn: fetchAnalyses,
-    staleTime: 10_000,
-    placeholderData: (prev) => prev,
-  });
-
-  const { send, codeRequiredDialog } = useSendToAgentChat();
-  const [searchQuery, setSearchQuery] = useState("");
-
-  const filteredAnalyses = analyses?.filter((a) => {
-    if (!searchQuery.trim()) return true;
-    const q = searchQuery.toLowerCase();
-    return (
-      a.name.toLowerCase().includes(q) ||
-      (a.description && a.description.toLowerCase().includes(q))
-    );
-  });
-
-  return (
-    <>
-      {codeRequiredDialog}
-      <div className="space-y-6">
-        <div className="flex items-center gap-3">
-          <p className="text-sm text-muted-foreground flex-1">
-            {t("analyses.description")}
-          </p>
-          {analyses && analyses.length > 0 && (
-            <div className="relative">
-              <IconSearch className="absolute start-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground/60 pointer-events-none" />
-              <input
-                type="search"
-                placeholder={t("analyses.searchPlaceholder")}
-                value={searchQuery}
-                onChange={(e) => setSearchQuery(e.target.value)}
-                className="h-8 rounded-md border border-input bg-background ps-8 pe-3 text-xs placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-ring"
-              />
-            </div>
-          )}
-        </div>
-
-        {isLoading ? (
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-            {Array.from({ length: 3 }).map((_, i) => (
-              <Skeleton key={i} className="h-40 w-full rounded-xl" />
-            ))}
-          </div>
-        ) : !analyses?.length || filteredAnalyses?.length === 0 ? (
-          <Card className="border-dashed">
-            <CardContent className="flex flex-col items-center justify-center py-16 text-center">
-              <div className="flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 mb-4">
-                <IconFlask className="h-7 w-7 text-primary" />
-              </div>
-              <h3 className="text-lg font-semibold mb-2">
-                {searchQuery
-                  ? t("analyses.noResults")
-                  : t("analyses.noAnalysesYet")}
-              </h3>
-              <p className="text-sm text-muted-foreground max-w-sm mb-4">
-                {searchQuery
-                  ? t("analyses.noResultsForQuery", { query: searchQuery })
-                  : t("analyses.emptyDescription")}
-              </p>
-              {!searchQuery && (
-                <button
-                  onClick={() =>
-                    send({
-                      message: t("analyses.examplePrompt"),
-                      submit: false,
-                    })
-                  }
-                  className="text-sm text-primary hover:underline"
-                >
-                  {t("analyses.tryExamplePrompt")}
-                </button>
-              )}
-            </CardContent>
-          </Card>
-        ) : (
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-            {(filteredAnalyses ?? analyses ?? []).map((a) => (
-              <Link key={a.id} to={`/analyses/${a.id}`} className="block">
-                <Card className="h-full hover:border-primary/40 transition-colors cursor-pointer">
-                  <CardHeader className="pb-3">
-                    <CardTitle className="text-base leading-snug">
-                      {a.name}
-                    </CardTitle>
-                    {a.description && (
-                      <CardDescription className="line-clamp-2 text-xs">
-                        {a.description}
-                      </CardDescription>
-                    )}
-                  </CardHeader>
-                  <CardContent className="pt-0">
-                    <div className="flex flex-wrap gap-1.5 mb-3">
-                      {a.dataSources?.map((ds) => (
-                        <Badge
-                          key={ds}
-                          variant="secondary"
-                          className="text-[10px] px-1.5 py-0"
-                        >
-                          {ds}
-                        </Badge>
-                      ))}
-                    </div>
-                    <div className="flex items-center gap-3 text-[11px] text-muted-foreground">
-                      <span className="flex items-center gap-1">
-                        <IconClock className="h-3 w-3" />
-                        {formatRelativeDate(a.updatedAt)}
-                      </span>
-                      {a.author && (
-                        <span className="truncate">by {a.author}</span>
-                      )}
-                    </div>
-                  </CardContent>
-                </Card>
-              </Link>
-            ))}
-          </div>
-        )}
-      </div>
-    </>
-  );
-}