@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-KCBMFSMS.js

@@ -0,0 +1,199 @@
+"use client";
+import {
+  cachedLogoFit,
+  measureLogoFit
+} from "./chunk-X5NTDJIO.js";
+import {
+  Markdown
+} from "./chunk-JEA3QDX7.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.js";
+
+// src/connection-logo.tsx
+import { useCallback, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function ConnectionLogo({
+  src,
+  name,
+  size = 40,
+  fallback,
+  loading = false
+}) {
+  const [failedSrc, setFailedSrc] = useState(null);
+  const [measured, setMeasured] = useState(null);
+  const showImage = Boolean(src && src !== failedSrc);
+  const fit = src ? measured?.src === src ? measured.fit : cachedLogoFit(src) : void 0;
+  const measureIfLoaded = useCallback(
+    (image) => {
+      if (!src || !image || !image.complete || image.naturalWidth === 0) return;
+      setMeasured(
+        (current) => current?.src === src ? current : { src, fit: measureLogoFit(src, image) }
+      );
+    },
+    [src]
+  );
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "og-connection-logo",
+      "aria-hidden": "true",
+      "data-fit": showImage ? fit ?? "pending" : void 0,
+      style: { width: size, height: size },
+      children: src && showImage ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          ref: measureIfLoaded,
+          src,
+          alt: "",
+          loading: "lazy",
+          decoding: "async",
+          onLoad: (event) => measureIfLoaded(event.currentTarget),
+          onError: () => setFailedSrc(src)
+        },
+        src
+      ) : loading ? /* @__PURE__ */ jsx("span", { className: "og-connection-skeleton-mark" }) : fallback ?? /* @__PURE__ */ jsx("span", { children: name.split(/\s+/).map((part) => part[0]).join("").slice(0, 2).toUpperCase() })
+    }
+  );
+}
+
+// src/plugin-details.tsx
+import { useState as useState2 } from "react";
+import { pluginMcpUnavailableReason } from "@opengeni/sdk";
+import { BoxesIcon } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var componentLabels = (t) => ({
+  skills: t("pluginDetails.skills"),
+  mcp: t("pluginDetails.mcpConnections"),
+  apps: t("pluginDetails.hostedApps"),
+  hooks: t("pluginDetails.hooks"),
+  agents: t("pluginDetails.agents"),
+  commands: t("pluginDetails.commands"),
+  lsp: t("pluginDetails.languageServers")
+});
+var EMPTY_CONNECTIONS = {};
+function PluginDetails({
+  item,
+  onInstall,
+  busy = false,
+  installed = false,
+  error,
+  connections = EMPTY_CONNECTIONS,
+  onConnect,
+  showIdentity = true
+}) {
+  const t = useOpenGeniText();
+  const supported = (server) => pluginMcpUnavailableReason(server) === null;
+  const contentsUnknown = item.skills == null || item.mcpServers == null;
+  const installableCount = (item.skills?.length ?? 0) + (item.mcpServers?.filter(supported).length ?? 0);
+  const exceedsInstallLimit = installableCount > 64;
+  const installable = !contentsUnknown && installableCount > 0 && !exceedsInstallLimit;
+  const [expanded, setExpanded] = useState2(false);
+  const description = item.longDescription || item.description;
+  const lengthy = description.length > 700;
+  const registryLabel = item.provider === "openai" ? t("pluginDetails.openaiPluginRegistry") : item.provider === "anthropic" ? t("pluginDetails.anthropicPluginRegistry") : t("pluginDetails.customSource");
+  return /* @__PURE__ */ jsxs("article", { className: "og-plugin-details", children: [
+    showIdentity ? /* @__PURE__ */ jsxs("header", { className: "og-plugin-details-header", children: [
+      /* @__PURE__ */ jsx2(
+        ConnectionLogo,
+        {
+          src: item.logoUrl,
+          name: item.displayName,
+          fallback: /* @__PURE__ */ jsx2(BoxesIcon, { "aria-hidden": "true" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx2("h2", { children: item.displayName.replace(/-/g, " ") }),
+        item.author?.name ? /* @__PURE__ */ jsx2("p", { children: t("pluginDetails.byName", { name: item.author.name }) }) : null
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "og-plugin-details-meta", children: [
+      /* @__PURE__ */ jsx2("span", { children: registryLabel }),
+      item.category ? /* @__PURE__ */ jsx2("span", { children: item.category }) : null,
+      item.version ? /* @__PURE__ */ jsxs("span", { children: [
+        "v",
+        item.version
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "og-plugin-details-members", children: [
+      /* @__PURE__ */ jsxs("h3", { children: [
+        t("pluginDetails.skills"),
+        " ",
+        /* @__PURE__ */ jsx2("span", { children: item.skills?.length ?? "\u2014" })
+      ] }),
+      item.skills?.length ? /* @__PURE__ */ jsx2("ul", { children: item.skills.map((skill) => /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsxs("a", { href: skill.sourceUrl, target: "_blank", rel: "noopener noreferrer", children: [
+        /* @__PURE__ */ jsx2("strong", { children: skill.name }),
+        /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", children: "\u2197" })
+      ] }) }, skill.sourceUrl)) }) : /* @__PURE__ */ jsx2("p", { children: item.skills ? t("pluginDetails.noBundledSkills") : t("pluginDetails.contentsHavenTBeenIndexed") }),
+      /* @__PURE__ */ jsxs("h3", { children: [
+        t("pluginDetails.mcpServers"),
+        " ",
+        /* @__PURE__ */ jsx2("span", { children: item.mcpServers?.length ?? "\u2014" })
+      ] }),
+      item.mcpServers?.length ? /* @__PURE__ */ jsx2("ul", { children: item.mcpServers.map((server) => {
+        const connected = Boolean(server.endpoint && connections[server.endpoint]);
+        const unavailableReason = connected ? null : pluginMcpUnavailableReason(server);
+        return /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: unavailableReason ? "og-plugin-member-disabled" : void 0,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "og-plugin-server-heading", children: [
+                /* @__PURE__ */ jsx2("strong", { children: server.name }),
+                !unavailableReason && onConnect ? /* @__PURE__ */ jsx2("button", { type: "button", disabled: busy, onClick: () => onConnect(server), children: connected ? t("pluginDetails.manage") : t("pluginDetails.connect") }) : null
+              ] }),
+              /* @__PURE__ */ jsxs("small", { children: [
+                connected ? `${t("pluginDetails.connectedPrefix")} ` : "",
+                unavailableReason ?? server.endpoint
+              ] })
+            ]
+          },
+          server.name
+        );
+      }) }) : /* @__PURE__ */ jsx2("p", { children: item.mcpServers ? t("pluginDetails.noBundledMcpServers") : t("pluginDetails.serverDetailsHavenTBeen") }),
+      item.components?.some((component) => !["skills", "mcp"].includes(component)) ? /* @__PURE__ */ jsxs("div", { className: "og-plugin-details-other", children: [
+        t("pluginDetails.notInstalledHere"),
+        " ",
+        item.components.filter((component) => !["skills", "mcp"].includes(component)).map((component) => componentLabels(t)[component] ?? component).join(", ")
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "og-plugin-details-overview", "aria-label": t("pluginDetails.overview"), children: [
+      /* @__PURE__ */ jsx2("div", { className: lengthy && !expanded ? "og-plugin-details-excerpt" : void 0, children: /* @__PURE__ */ jsx2(Markdown, { children: description }) }),
+      lengthy ? /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          className: "og-plugin-details-more",
+          "aria-expanded": expanded,
+          onClick: () => setExpanded((value) => !value),
+          children: expanded ? t("pluginDetails.showLess") : t("pluginDetails.readMore")
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxs("footer", { children: [
+      item.sourceUrl ? /* @__PURE__ */ jsxs("a", { href: item.sourceUrl, target: "_blank", rel: "noopener noreferrer", children: [
+        t("pluginDetails.viewRepository"),
+        " ",
+        /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", children: "\u2197" })
+      ] }) : null,
+      onInstall ? /* @__PURE__ */ jsx2(
+        "button",
+        {
+          className: "og-plugin-install",
+          type: "button",
+          disabled: !installable || busy || installed,
+          onClick: onInstall,
+          children: installed ? t("pluginDetails.installed") : busy ? t("pluginDetails.installing") : t("pluginDetails.installPlugin")
+        }
+      ) : null,
+      error ? /* @__PURE__ */ jsx2("p", { role: "alert", children: error }) : null,
+      exceedsInstallLimit ? /* @__PURE__ */ jsx2("p", { children: t("pluginDetails.thisPluginExceedsTheCurrent") }) : contentsUnknown ? /* @__PURE__ */ jsx2("p", { children: t("pluginDetails.pluginContentsAreUnavailableInstallation") }) : !installable ? /* @__PURE__ */ jsx2("p", { children: t("pluginDetails.noInstallableSkillsOrRemote") }) : /* @__PURE__ */ jsx2("p", { children: t("pluginDetails.installsSkillsAndAddsConnection") })
+    ] })
+  ] });
+}
+
+export {
+  ConnectionLogo,
+  PluginDetails
+};
+//# sourceMappingURL=chunk-KCBMFSMS.js.map

package/dist/chunk-KF2FV3ZJ.js

@@ -0,0 +1,268 @@
+"use client";
+import {
+  linearLogo,
+  slackLogo
+} from "./chunk-L34RE2CE.js";
+import {
+  Link
+} from "./chunk-BXBDYNRP.js";
+import {
+  Button
+} from "./chunk-7QQN3KNP.js";
+
+// src/app/components/new-session-starters.tsx
+import {
+  Blocks,
+  Clock3,
+  CookingPot,
+  GraduationCap,
+  Lightbulb,
+  Mail,
+  PanelsTopLeft,
+  Plane,
+  PlayCircleIcon,
+  Scale,
+  Search
+} from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var NEW_SESSION_STARTERS = [
+  {
+    id: "slack",
+    title: "Work with Opengeni from Slack",
+    description: "Install the bot. Start tasks and follow up on the go.",
+    prompt: "Help me install the Opengeni Slack bot so I can ask questions, start work, and follow up from Slack, including on my phone."
+  },
+  {
+    id: "github",
+    title: "Connect GitHub and start a fix",
+    description: "Explore a repository and find an improvement to make.",
+    prompt: "Help me connect a GitHub repository. Explain the codebase, suggest a useful improvement, and help me implement it once we agree on the change."
+  },
+  {
+    id: "linear",
+    title: "Connect Linear and analyze issues",
+    description: "Find blockers and decide what to tackle next.",
+    prompt: "Help me connect Linear and analyze a project's open issues. Highlight blockers and possible duplicates, then recommend what to tackle next. Don't change any issues yet."
+  },
+  {
+    id: "schedule",
+    title: "Schedule a morning brief",
+    description: "Stay up to date without asking every day.",
+    prompt: "Help me schedule a weekday morning brief. Ask what I want to track, which sources to use, my time zone, and where to deliver it. Show me a sample and let me confirm before enabling the schedule."
+  },
+  {
+    id: "research",
+    title: "Research a decision",
+    description: "Compare options and get a sourced recommendation.",
+    prompt: "Help me research a decision. Ask what I am deciding and what matters most, compare the options, and recommend a next step with sources."
+  },
+  {
+    id: "create",
+    title: "Turn an idea into a first version",
+    description: "Make a presentation, prototype, or shareable page.",
+    prompt: "Help me turn an idea into something real. Ask about the idea and its audience, suggest whether to make a presentation, prototype, or shareable page, then help me build a first version."
+  }
+];
+var EVERYDAY_SESSION_STARTERS = [
+  {
+    id: "trip",
+    title: "Plan a trip",
+    description: "A simple day-by-day plan for where you're going.",
+    prompt: "Help me plan a trip. Ask where and when I'm going, who's coming and what we enjoy, then suggest a simple day-by-day plan.",
+    Icon: Plane
+  },
+  {
+    id: "message",
+    title: "Write a message",
+    description: "An email, a letter or a text that says what you mean.",
+    prompt: "Help me write a message. Ask who it's for and what I want to say, then write a short, friendly draft I can change.",
+    Icon: Mail
+  },
+  {
+    id: "explain",
+    title: "Explain something",
+    description: "A letter, a bill or a topic, in plain words.",
+    prompt: "Explain something to me in plain words. First ask what it is, so I can paste or type it in. Then tell me simply what it means and whether I need to do anything.",
+    /** Offered only where this deployment accepts file uploads. */
+    promptWithPhoto: "Explain something to me in plain words. First ask what it is: I can paste the text or attach a photo. Then tell me simply what it means and whether I need to do anything.",
+    Icon: Lightbulb
+  },
+  {
+    id: "decide",
+    title: "Help me decide",
+    description: "Compare a few options and pick one.",
+    prompt: "Help me decide between a few options. Ask what I'm choosing between and what matters most to me, then compare them simply and recommend one.",
+    Icon: Scale
+  },
+  {
+    id: "meals",
+    title: "Plan the week's meals",
+    description: "Simple recipes and a shopping list.",
+    prompt: "Help me plan meals for the week. Ask how many people, what we like and anything we avoid, then suggest simple meals and a shopping list.",
+    Icon: CookingPot
+  },
+  {
+    id: "learn",
+    title: "Learn to do something",
+    description: "Step by step, at your own pace.",
+    prompt: "Teach me how to do something, step by step. Ask what I want to learn and what I already know, then go one step at a time and check that I'm following.",
+    Icon: GraduationCap
+  }
+];
+var ADD_AGENT_STARTER = {
+  id: "add-agent",
+  title: "Add an agent to my product",
+  description: "Tell the agent about your product."
+};
+var PLAYGROUND_STARTER = {
+  id: "playground",
+  title: "See a demo of an agent in a product",
+  description: "A recorded agent inside a sample app."
+};
+var ADD_AGENT_DEFAULT_PROMPT = "I want to add an AI agent to my product with Opengeni. Ask me what the product is and where it lives (a website, an app, a GitHub repository), propose where an agent fits best, then help me build it.";
+var PRODUCT_GENERAL_IDS = ["github", "create", "research", "schedule"];
+var STARTER_CLASS = "h-full min-h-16 justify-start gap-3 whitespace-normal px-3 py-3 text-left hover:bg-surface hover:hover-layer";
+function NewSessionStarters({
+  onSelect,
+  disabled = false,
+  set = "general",
+  hostStarters,
+  workspaceId,
+  fileUploads = false
+}) {
+  if (hostStarters) {
+    if (hostStarters.length === 0) return null;
+    return /* @__PURE__ */ jsx(StarterSection, { children: hostStarters.map((starter) => /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        disabled,
+        className: STARTER_CLASS,
+        "data-starter": starter.id,
+        onClick: () => onSelect(starter.prompt),
+        children: [
+          starter.icon ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex size-5 shrink-0 text-fg-subtle", children: starter.icon }) : null,
+          /* @__PURE__ */ jsx(StarterText, { title: starter.title, description: starter.description })
+        ]
+      },
+      starter.id
+    )) });
+  }
+  if (set === "everyday") {
+    return /* @__PURE__ */ jsx(StarterSection, { children: EVERYDAY_SESSION_STARTERS.map((starter) => /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        disabled,
+        className: STARTER_CLASS,
+        "data-starter": starter.id,
+        onClick: () => onSelect(
+          fileUploads && "promptWithPhoto" in starter ? starter.promptWithPhoto : starter.prompt
+        ),
+        children: [
+          /* @__PURE__ */ jsx(starter.Icon, { "aria-hidden": "true", className: "size-5 shrink-0 text-fg-subtle" }),
+          /* @__PURE__ */ jsx(StarterText, { title: starter.title, description: starter.description })
+        ]
+      },
+      starter.id
+    )) });
+  }
+  const general = set === "product" ? PRODUCT_GENERAL_IDS.map((id) => NEW_SESSION_STARTERS.find((starter) => starter.id === id)) : NEW_SESSION_STARTERS;
+  return /* @__PURE__ */ jsxs(StarterSection, { children: [
+    set === "product" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          disabled,
+          className: STARTER_CLASS,
+          "data-starter": ADD_AGENT_STARTER.id,
+          onClick: () => onSelect(ADD_AGENT_DEFAULT_PROMPT),
+          children: [
+            /* @__PURE__ */ jsx(Blocks, { "aria-hidden": "true", className: "size-5 text-fg-subtle" }),
+            /* @__PURE__ */ jsx(
+              StarterText,
+              {
+                title: ADD_AGENT_STARTER.title,
+                description: ADD_AGENT_STARTER.description
+              }
+            )
+          ]
+        }
+      ),
+      workspaceId ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", className: STARTER_CLASS, children: /* @__PURE__ */ jsxs(
+        Link,
+        {
+          to: "/workspaces/$workspaceId/playground",
+          params: { workspaceId },
+          "data-starter": PLAYGROUND_STARTER.id,
+          children: [
+            /* @__PURE__ */ jsx(PlayCircleIcon, { "aria-hidden": "true", className: "size-5 text-fg-subtle" }),
+            /* @__PURE__ */ jsx(
+              StarterText,
+              {
+                title: PLAYGROUND_STARTER.title,
+                description: PLAYGROUND_STARTER.description
+              }
+            )
+          ]
+        }
+      ) }) : null
+    ] }) : null,
+    general.map((starter) => {
+      const Icon = starter.id === "schedule" ? Clock3 : starter.id === "research" ? Search : PanelsTopLeft;
+      const logo = starter.id === "slack" ? slackLogo : starter.id === "linear" ? linearLogo : null;
+      return /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          disabled,
+          className: STARTER_CLASS,
+          onClick: () => onSelect(starter.prompt),
+          children: [
+            logo ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: logo,
+                alt: "",
+                "aria-hidden": "true",
+                className: "size-8 shrink-0 rounded-sm object-contain"
+              }
+            ) : starter.id === "github" ? /* @__PURE__ */ jsx(GitHubMark, {}) : /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: "size-5 text-fg-subtle" }),
+            /* @__PURE__ */ jsx(StarterText, { title: starter.title, description: starter.description })
+          ]
+        },
+        starter.id
+      );
+    })
+  ] });
+}
+function StarterSection({ children }) {
+  return /* @__PURE__ */ jsxs("section", { className: "mt-8", "aria-label": "Starter suggestions", children: [
+    /* @__PURE__ */ jsx("h2", { className: "mb-2 px-0.5 text-2xs font-semibold uppercase tracking-wider text-fg", children: "Suggestions" }),
+    /* @__PURE__ */ jsx("div", { className: "grid auto-rows-fr grid-cols-1 gap-2 sm:grid-cols-2", children })
+  ] });
+}
+function StarterText({ title, description }) {
+  return /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsx("span", { className: "block text-sm", children: title }),
+    description ? /* @__PURE__ */ jsx("span", { className: "mt-1 block text-xs font-normal text-fg-muted", children: description }) : null
+  ] });
+}
+function GitHubMark() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", className: "size-8 shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8Z" }) });
+}
+
+export {
+  NEW_SESSION_STARTERS,
+  EVERYDAY_SESSION_STARTERS,
+  ADD_AGENT_STARTER,
+  PLAYGROUND_STARTER,
+  ADD_AGENT_DEFAULT_PROMPT,
+  NewSessionStarters
+};
+//# sourceMappingURL=chunk-KF2FV3ZJ.js.map