strapi-plugin-ai-sdk 0.6.9 → 0.7.0

package/dist/_chunks/{App-DKyCb0BY.mjs → App-v0CobEGM.mjs}

@@ -4,7 +4,7 @@ import { Link, useNavigate, Routes, Route } from "react-router-dom";
 import { Box, Typography, TextInput, Button, Main, SearchForm, Searchbar, Table, Thead, Tr, Th, Tbody, Td, Flex, Pagination, Modal, Field, Textarea, SingleSelect, SingleSelectOption } from "@strapi/design-system";
 import { useState, useEffect, useCallback, forwardRef, useRef, useMemo } from "react";
 import styled from "styled-components";
-import { P as PLUGIN_ID } from "./index-BV9DET_M.mjs";
+import { P as PLUGIN_ID } from "./index-CFO5UshL.mjs";
 import { Plus, Trash, Sparkle, ArrowLeft, Pencil } from "@strapi/icons";
 import Markdown from "react-markdown";
 import remarkGfm from "remark-gfm";
@@ -612,6 +612,267 @@ function MemoryPanel({ memories, open, onDelete }) {
     ] })
   ] });
 }
+const SCORE_LABELS = {
+  1: "Negligible",
+  2: "Minor",
+  3: "Moderate",
+  4: "Significant",
+  5: "Critical"
+};
+const Card = styled.div`
+  margin-top: 8px;
+  border: 1px solid #dcdce4;
+  border-radius: 8px;
+  padding: 14px 16px;
+  background: #fff;
+  font-size: 13px;
+`;
+const Title = styled.div`
+  font-weight: 700;
+  font-size: 14px;
+  color: #32324d;
+  margin-bottom: 2px;
+`;
+const Description = styled.div`
+  color: #8e8ea9;
+  font-size: 12px;
+  margin-bottom: 10px;
+`;
+const Row = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 8px;
+  flex-wrap: wrap;
+`;
+const Label = styled.label`
+  font-size: 12px;
+  font-weight: 600;
+  color: #666687;
+  min-width: 80px;
+`;
+const Select = styled.select`
+  padding: 4px 8px;
+  border: 1px solid #dcdce4;
+  border-radius: 4px;
+  font-size: 12px;
+  background: #fff;
+  color: #32324d;
+`;
+const DateInput = styled.input`
+  padding: 4px 8px;
+  border: 1px solid #dcdce4;
+  border-radius: 4px;
+  font-size: 12px;
+  color: #32324d;
+`;
+const AsapButton = styled.button`
+  padding: 4px 10px;
+  border: none;
+  border-radius: 4px;
+  background: #4945ff;
+  color: #fff;
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+
+  &:hover {
+    background: #3b38e0;
+  }
+`;
+const ScorePreview = styled.div`
+  font-size: 12px;
+  color: #666687;
+  margin-bottom: 10px;
+  font-weight: 500;
+`;
+const CreateButton = styled.button`
+  padding: 8px 18px;
+  border: none;
+  border-radius: 4px;
+  background: #4945ff;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+
+  &:disabled {
+    background: #a5a5ba;
+    cursor: not-allowed;
+  }
+
+  &:not(:disabled):hover {
+    background: #3b38e0;
+  }
+`;
+const SuccessBanner = styled.div`
+  margin-top: 8px;
+  border: 1px solid #c6f0c2;
+  border-radius: 8px;
+  padding: 14px 16px;
+  background: #eafbe7;
+  font-size: 13px;
+  color: #2f6846;
+`;
+const SuccessTitle = styled.div`
+  font-weight: 700;
+  margin-bottom: 4px;
+`;
+const TaskLink = styled(Link)`
+  color: #4945ff;
+  font-weight: 600;
+  text-decoration: none;
+  font-size: 12px;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`;
+const ErrorText = styled.div`
+  color: #d02b20;
+  font-size: 12px;
+  margin-top: 4px;
+`;
+function TaskConfirmCard({ proposed }) {
+  const [consequence, setConsequence] = useState(null);
+  const [impact, setImpact] = useState(null);
+  const [dueDate, setDueDate] = useState(proposed.dueDate ?? "");
+  const [submitting, setSubmitting] = useState(false);
+  const [created, setCreated] = useState(null);
+  const [error, setError] = useState(null);
+  const score = consequence != null && impact != null ? consequence * impact : null;
+  async function handleCreate() {
+    if (consequence == null || impact == null) return;
+    setSubmitting(true);
+    setError(null);
+    try {
+      const token = getToken();
+      const backend = getBackendURL();
+      const res = await fetch(`${backend}/ai-sdk/tasks`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          ...token ? { Authorization: `Bearer ${token}` } : {}
+        },
+        body: JSON.stringify({
+          title: proposed.title,
+          description: proposed.description,
+          content: proposed.content,
+          priority: proposed.priority,
+          consequence,
+          impact,
+          dueDate: dueDate || void 0
+        })
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error ?? `HTTP ${res.status}`);
+      }
+      const { data } = await res.json();
+      setCreated({
+        documentId: data.documentId,
+        title: data.title,
+        consequence: data.consequence,
+        impact: data.impact,
+        priority: data.priority
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  if (created) {
+    const s = created.consequence * created.impact;
+    return /* @__PURE__ */ jsxs(SuccessBanner, { children: [
+      /* @__PURE__ */ jsxs(SuccessTitle, { children: [
+        "Task created: ",
+        created.title
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Score: ",
+        created.consequence,
+        " x ",
+        created.impact,
+        " = ",
+        s,
+        " · Priority: ",
+        created.priority
+      ] }),
+      /* @__PURE__ */ jsx("div", { style: { marginTop: 6 }, children: /* @__PURE__ */ jsx(TaskLink, { to: `/content-manager/collection-types/plugin::ai-sdk.task/${created.documentId}`, children: "Open in Content Manager" }) })
+    ] });
+  }
+  const today = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(Title, { children: proposed.title }),
+    proposed.description && /* @__PURE__ */ jsx(Description, { children: proposed.description }),
+    /* @__PURE__ */ jsxs(Row, { children: [
+      /* @__PURE__ */ jsx(Label, { children: "Consequence" }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: consequence ?? "",
+          onChange: (e) => setConsequence(e.target.value ? Number(e.target.value) : null),
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "Select…" }),
+            [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsxs("option", { value: n, children: [
+              n,
+              " — ",
+              SCORE_LABELS[n]
+            ] }, n))
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Row, { children: [
+      /* @__PURE__ */ jsx(Label, { children: "Impact" }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: impact ?? "",
+          onChange: (e) => setImpact(e.target.value ? Number(e.target.value) : null),
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "Select…" }),
+            [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsxs("option", { value: n, children: [
+              n,
+              " — ",
+              SCORE_LABELS[n]
+            ] }, n))
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Row, { children: [
+      /* @__PURE__ */ jsx(Label, { children: "Due date" }),
+      /* @__PURE__ */ jsx(
+        DateInput,
+        {
+          type: "date",
+          value: dueDate,
+          onChange: (e) => setDueDate(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsx(AsapButton, { type: "button", onClick: () => setDueDate(today), children: "ASAP" })
+    ] }),
+    score != null && /* @__PURE__ */ jsxs(ScorePreview, { children: [
+      "Score: ",
+      consequence,
+      " x ",
+      impact,
+      " = ",
+      score
+    ] }),
+    /* @__PURE__ */ jsx(
+      CreateButton,
+      {
+        disabled: consequence == null || impact == null || submitting,
+        onClick: handleCreate,
+        children: submitting ? "Creating…" : "Create Task"
+      }
+    ),
+    error && /* @__PURE__ */ jsx(ErrorText, { children: error })
+  ] });
+}
 function buildContentManagerUrl(contentType, documentId) {
   const base = `/content-manager/collection-types/${contentType}`;
   return documentId ? `${base}/${documentId}` : base;
@@ -657,6 +918,31 @@ function extractContentLinks(toolCall) {
   }
   return [];
 }
+const TASK_CONTENT_TYPE = "plugin::ai-sdk.task";
+function extractTaskLinks(toolCall) {
+  if (toolCall.toolName !== "manageTask" || toolCall.output == null) return [];
+  const output = toolCall.output;
+  if (!output.success) return [];
+  const data = output.data;
+  if (!data) return [];
+  if (!Array.isArray(data)) {
+    const docId = data.documentId;
+    const title = data.title || docId;
+    if (docId && title) {
+      return [{ label: title, to: buildContentManagerUrl(TASK_CONTENT_TYPE, docId) }];
+    }
+    return [];
+  }
+  const links = [];
+  for (const task of data.slice(0, 5)) {
+    const docId = task.documentId;
+    const title = task.title || docId;
+    if (docId && title) {
+      links.push({ label: title, to: buildContentManagerUrl(TASK_CONTENT_TYPE, docId) });
+    }
+  }
+  return links;
+}
 const ToolCallBox = styled.div`
   margin-top: 8px;
   border: 1px solid #dcdce4;
@@ -741,6 +1027,13 @@ const HIDDEN_TOOLS = /* @__PURE__ */ new Set();
 function ToolCallDisplay({ toolCall }) {
   const [expanded, setExpanded] = useState(false);
   const contentLinks = extractContentLinks(toolCall);
+  const taskLinks = extractTaskLinks(toolCall);
+  if (toolCall.toolName === "manageTask" && toolCall.output != null) {
+    const output = toolCall.output;
+    if (output.status === "pending_confirmation" && output.proposed) {
+      return /* @__PURE__ */ jsx(TaskConfirmCard, { proposed: output.proposed });
+    }
+  }
   return /* @__PURE__ */ jsxs(ToolCallBox, { children: [
     /* @__PURE__ */ jsxs(ToolCallHeader, { onClick: () => setExpanded(!expanded), children: [
       /* @__PURE__ */ jsx("span", { children: expanded ? "▼" : "▶" }),
@@ -750,7 +1043,10 @@ function ToolCallDisplay({ toolCall }) {
       ] }),
       toolCall.output === void 0 ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto", fontWeight: 400, opacity: 0.6 }, children: "completed" })
     ] }),
-    contentLinks.length > 0 && /* @__PURE__ */ jsx(ContentLinksRow, { children: contentLinks.map((link) => /* @__PURE__ */ jsx(ContentLinkChip, { to: link.to, children: link.label }, link.to)) }),
+    (contentLinks.length > 0 || taskLinks.length > 0) && /* @__PURE__ */ jsxs(ContentLinksRow, { children: [
+      contentLinks.map((link) => /* @__PURE__ */ jsx(ContentLinkChip, { to: link.to, children: link.label }, link.to)),
+      taskLinks.map((link) => /* @__PURE__ */ jsx(ContentLinkChip, { to: link.to, children: link.label }, link.to))
+    ] }),
     expanded && /* @__PURE__ */ jsx(ToolCallContent, { children: toolCall.output === void 0 ? "Waiting for result..." : JSON.stringify(toolCall.output, null, 2) })
   ] });
 }

package/dist/_chunks/{index-DCEjJ0as.js → index-BNk29VRc.js}

@@ -37,7 +37,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("./App-C_BH5Ir4.js"));
+        const { App } = await Promise.resolve().then(() => require("./App-BGIUzHMh.js"));
         return App;
       }
     });

package/dist/_chunks/{index-BV9DET_M.mjs → index-CFO5UshL.mjs}

@@ -36,7 +36,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await import("./App-DKyCb0BY.mjs");
+        const { App } = await import("./App-v0CobEGM.mjs");
         return App;
       }
     });

package/dist/admin/index.js

@@ -1,3 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-DCEjJ0as.js");
+const index = require("../_chunks/index-BNk29VRc.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-BV9DET_M.mjs";
+import { i } from "../_chunks/index-CFO5UshL.mjs";
 export {
   i as default
 };

package/dist/admin/src/components/TaskConfirmCard.d.ts

@@ -0,0 +1,11 @@
+interface Proposed {
+    title: string;
+    description?: string;
+    content?: string;
+    priority: string;
+    dueDate: string | null;
+}
+export declare function TaskConfirmCard({ proposed }: Readonly<{
+    proposed: Proposed;
+}>): import("react/jsx-runtime").JSX.Element;
+export {};