@sanity/ailf-studio 0.1.8 → 0.1.10

package/dist/index.js

@@ -4460,8 +4460,22 @@ function getDateThreshold(preset) {
 
 // src/components/report-detail/ReportDetail.tsx
 import { ArrowLeftIcon as ArrowLeftIcon2 } from "@sanity/icons";
-import { Box as Box15, Button as Button3, Stack as Stack23, Tab, TabList, TabPanel, Text as Text32 } from "@sanity/ui";
-import { useCallback as useCallback12, useEffect as useEffect7, useMemo as useMemo7, useState as useState9 } from "react";
+import {
+  Box as Box15,
+  Button as Button3,
+  Stack as Stack23,
+  Tab,
+  TabList,
+  TabPanel,
+  Text as Text32,
+  Tooltip as Tooltip9
+} from "@sanity/ui";
+import {
+  useCallback as useCallback12,
+  useEffect as useEffect7,
+  useMemo as useMemo7,
+  useState as useState9
+} from "react";
 import { useClient as useClient6 } from "sanity";
 
 // src/components/report-detail/AgentActivitySection.tsx
@@ -5060,33 +5074,49 @@ function JudgmentCard({ judgment }) {
           ) }),
           judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs26(Flex20, { align: "center", gap: 2, wrap: "wrap", children: [
             /* @__PURE__ */ jsx31(Text27, { muted: true, size: 0, children: "Docs:" }),
-            judgment.canonicalDocs.map((doc) => {
-              const badge = /* @__PURE__ */ jsx31(Badge16, { mode: "outline", tone: "primary", children: doc.slug });
-              return /* @__PURE__ */ jsx31(
-                Tooltip6,
-                {
-                  content: /* @__PURE__ */ jsx31(Box12, { padding: 2, children: /* @__PURE__ */ jsx31(Text27, { size: 1, children: doc.title || doc.slug }) }),
-                  placement: "bottom",
-                  portal: true,
-                  children: doc.documentId ? /* @__PURE__ */ jsx31(
-                    "a",
-                    {
-                      href: `/intent/edit/id=${doc.documentId}`,
-                      onClick: (e) => e.stopPropagation(),
-                      style: { textDecoration: "none" },
-                      children: badge
-                    }
-                  ) : badge
-                },
-                doc.slug
-              );
-            })
+            judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx31(DocBadge, { doc }, doc.slug))
           ] })
         ] })
       ] })
     }
   );
 }
+var editLinkStyle = {
+  cursor: "pointer",
+  display: "inline-block",
+  textDecoration: "none",
+  transition: "opacity 150ms ease"
+};
+function DocBadge({
+  doc
+}) {
+  const [hovered, setHovered] = useState8(false);
+  const isLinked = Boolean(doc.documentId);
+  const tooltipLabel = isLinked ? `Edit "${doc.title || doc.slug}"` : doc.title || doc.slug;
+  const badge = /* @__PURE__ */ jsx31(Badge16, { mode: "outline", tone: isLinked && hovered ? "caution" : "primary", children: doc.slug });
+  return /* @__PURE__ */ jsx31(
+    Tooltip6,
+    {
+      content: /* @__PURE__ */ jsx31(Box12, { padding: 2, children: /* @__PURE__ */ jsx31(Text27, { size: 1, children: tooltipLabel }) }),
+      placement: "bottom",
+      portal: true,
+      children: isLinked ? /* @__PURE__ */ jsx31(
+        "a",
+        {
+          href: `/intent/edit/id=${doc.documentId}`,
+          onClick: (e) => e.stopPropagation(),
+          onMouseEnter: () => setHovered(true),
+          onMouseLeave: () => setHovered(false),
+          style: {
+            ...editLinkStyle,
+            opacity: hovered ? 0.8 : 1
+          },
+          children: badge
+        }
+      ) : /* @__PURE__ */ jsx31("span", { children: badge })
+    }
+  );
+}
 
 // src/components/report-detail/OverviewStats.tsx
 import { Grid as Grid4 } from "@sanity/ui";
@@ -5672,16 +5702,21 @@ function ReportDetail({
   const hasAgentActivity = Boolean(
     summary?.agentBehavior && summary.agentBehavior.length > 0
   );
-  const tabs = useMemo7(() => {
-    const result = [OVERVIEW_TAB];
-    if (hasDiagnostics) result.push(DIAGNOSTICS_TAB);
-    if (hasAgentActivity) result.push(ACTIVITY_TAB);
-    return result;
+  const tabs = useMemo7(
+    () => [OVERVIEW_TAB, DIAGNOSTICS_TAB, ACTIVITY_TAB],
+    []
+  );
+  const disabledTabs = useMemo7(() => {
+    const set2 = /* @__PURE__ */ new Set();
+    if (!hasDiagnostics) set2.add("diagnostics");
+    if (!hasAgentActivity) set2.add("activity");
+    return set2;
   }, [hasDiagnostics, hasAgentActivity]);
   const currentTab = useMemo7(() => {
     const parsed = parseTab(activeTab);
+    if (disabledTabs.has(parsed)) return "overview";
     return tabs.some((t) => t.id === parsed) ? parsed : "overview";
-  }, [activeTab, tabs]);
+  }, [activeTab, disabledTabs, tabs]);
   const handleTabClick = useCallback12(
     (tabId) => {
       onTabChange(tabId === "overview" ? null : tabId);
@@ -5721,17 +5756,31 @@ function ReportDetail({
         tag: report.tag
       }
     ),
-    tabs.length > 1 && /* @__PURE__ */ jsx37(TabList, { space: 1, children: tabs.map((tab) => /* @__PURE__ */ jsx37(
-      Tab,
-      {
-        "aria-controls": `panel-${tab.id}`,
-        id: `tab-${tab.id}`,
-        label: tab.label,
-        onClick: () => handleTabClick(tab.id),
-        selected: currentTab === tab.id
-      },
-      tab.id
-    )) }),
+    /* @__PURE__ */ jsx37(TabList, { space: 1, children: tabs.map((tab) => {
+      const isDisabled = disabledTabs.has(tab.id);
+      const tooltip = getDisabledTabTooltip(tab.id, summary);
+      const tabElement = /* @__PURE__ */ jsx37(
+        Tab,
+        {
+          "aria-controls": `panel-${tab.id}`,
+          disabled: isDisabled,
+          id: `tab-${tab.id}`,
+          label: tab.label,
+          onClick: () => handleTabClick(tab.id),
+          selected: currentTab === tab.id
+        }
+      );
+      return isDisabled && tooltip ? /* @__PURE__ */ jsx37(
+        Tooltip9,
+        {
+          content: /* @__PURE__ */ jsx37(Box15, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
+          placement: "bottom",
+          portal: true,
+          children: /* @__PURE__ */ jsx37("span", { style: { display: "inline-block" }, children: tabElement })
+        },
+        tab.id
+      ) : /* @__PURE__ */ jsx37("span", { children: tabElement }, tab.id);
+    }) }),
     currentTab === "overview" && /* @__PURE__ */ jsx37(
       TabPanel,
       {
@@ -5789,6 +5838,32 @@ function ReportDetail({
     )
   ] }) });
 }
+var inlineCodeStyle = {
+  background: "var(--card-code-bg-color, rgba(255,255,255,0.06))",
+  borderRadius: 3,
+  fontFamily: "var(--card-code-font-family, monospace)",
+  fontSize: "0.9em",
+  padding: "0.15em 0.35em"
+};
+function getDisabledTabTooltip(tabId, summary) {
+  if (!summary) return null;
+  switch (tabId) {
+    case "diagnostics":
+      return /* @__PURE__ */ jsx37(Text32, { muted: true, size: 1, children: "No diagnostic data available. Diagnostics require low-scoring judgments or gap analysis recommendations." });
+    case "activity":
+      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs32(Text32, { muted: true, size: 1, children: [
+        "Not available for baseline-only evaluations. Run with",
+        " ",
+        /* @__PURE__ */ jsx37("code", { style: inlineCodeStyle, children: "--mode full" }),
+        " or",
+        " ",
+        /* @__PURE__ */ jsx37("code", { style: inlineCodeStyle, children: "--mode agentic" }),
+        " to capture agent browsing behavior."
+      ] }) : /* @__PURE__ */ jsx37(Text32, { muted: true, size: 1, children: "No agent activity data was recorded for this evaluation." });
+    default:
+      return null;
+  }
+}
 
 // src/components/ScoreTimeline.tsx
 import { Card as Card23, Flex as Flex25, Select as Select2, Stack as Stack24, Text as Text33 } from "@sanity/ui";
@@ -6166,6 +6241,7 @@ function ailfTool(options = {}) {
 
 // src/actions/RunEvaluationAction.tsx
 import { BarChartIcon as BarChartIcon2 } from "@sanity/icons";
+import { useToast } from "@sanity/ui";
 import { useCallback as useCallback15, useEffect as useEffect10, useRef as useRef4, useState as useState12 } from "react";
 import {
   getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId4,
@@ -6196,6 +6272,7 @@ function createRunEvaluationAction(options = {}) {
     const dataset = useDataset();
     const projectId = useProjectId();
     const currentUser = useCurrentUser();
+    const toast = useToast();
     const [state, setState] = useState12({ status: "loading" });
     const requestedAtRef = useRef4(null);
     const perspectiveId = getReleaseIdFromReleaseDocumentId4(release._id);
@@ -6310,10 +6387,20 @@ function createRunEvaluationAction(options = {}) {
         });
         requestedAtRef.current = now;
         setState({ requestId: doc._id, startedAt: now, status: "requested" });
+        toast.push({
+          closable: true,
+          description: "The evaluation pipeline has been triggered. Results will appear here in ~10\u201315 minutes.",
+          status: "info",
+          title: "AI evaluation started"
+        });
       } catch (err) {
-        setState({
-          message: err instanceof Error ? err.message : "Failed to create evaluation request",
-          status: "error"
+        const message = err instanceof Error ? err.message : "Failed to create evaluation request";
+        setState({ message, status: "error" });
+        toast.push({
+          closable: true,
+          description: message,
+          status: "error",
+          title: "AI evaluation failed"
         });
       }
     }, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ailf-studio",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "AI Literacy Framework — Sanity Studio dashboard plugin",
   "type": "module",
   "license": "MIT",