@ampless/admin 0.2.0-alpha.18 → 0.2.0-alpha.19

package/dist/chunk-Q7WU724A.js

@@ -1,205 +0,0 @@
-'use client';
-import {
-  useT
-} from "./chunk-K4GZPMPL.js";
-
-// src/components/mcp-tokens-view.tsx
-import { useEffect, useState } from "react";
-import {
-  Button,
-  Input,
-  Label,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow
-} from "@ampless/runtime/ui";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TOKENS_URL = "/api/admin/mcp-tokens";
-function McpTokensView() {
-  const t = useT();
-  const [tokens, setTokens] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [loadError, setLoadError] = useState(null);
-  const [label, setLabel] = useState("");
-  const [role, setRole] = useState("admin");
-  const [creating, setCreating] = useState(false);
-  const [createError, setCreateError] = useState(null);
-  const [createdPlaintext, setCreatedPlaintext] = useState(null);
-  const [copied, setCopied] = useState(false);
-  async function loadTokens() {
-    setLoading(true);
-    setLoadError(null);
-    try {
-      const res = await fetch(TOKENS_URL);
-      if (!res.ok) {
-        const body2 = await res.json().catch(() => ({}));
-        throw new Error(body2.error ?? `HTTP ${res.status}`);
-      }
-      const body = await res.json();
-      setTokens(body.tokens);
-    } catch (err) {
-      console.error("[mcp-tokens] load failed", err);
-      setLoadError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setLoading(false);
-    }
-  }
-  useEffect(() => {
-    void loadTokens();
-  }, []);
-  async function createToken(e) {
-    e.preventDefault();
-    if (!label.trim()) return;
-    setCreating(true);
-    setCreateError(null);
-    try {
-      const res = await fetch(TOKENS_URL, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ label: label.trim(), role })
-      });
-      if (!res.ok) {
-        const body2 = await res.json().catch(() => ({}));
-        throw new Error(body2.error ?? `HTTP ${res.status}`);
-      }
-      const body = await res.json();
-      setCreatedPlaintext(body.token);
-      setLabel("");
-      void loadTokens();
-    } catch (err) {
-      console.error("[mcp-tokens] create failed", err);
-      setCreateError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setCreating(false);
-    }
-  }
-  async function revoke(hash) {
-    if (!confirm(t("mcpTokens.revokeConfirm"))) return;
-    try {
-      const res = await fetch(TOKENS_URL, {
-        method: "DELETE",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ hash })
-      });
-      if (!res.ok) {
-        const body = await res.json().catch(() => ({}));
-        throw new Error(body.error ?? `HTTP ${res.status}`);
-      }
-      void loadTokens();
-    } catch (err) {
-      console.error("[mcp-tokens] revoke failed", err);
-      alert(err instanceof Error ? err.message : String(err));
-    }
-  }
-  async function copyToClipboard() {
-    if (!createdPlaintext) return;
-    try {
-      await navigator.clipboard.writeText(createdPlaintext);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 1500);
-    } catch (err) {
-      console.warn("[mcp-tokens] clipboard write failed", err);
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-4xl space-y-8 p-4 md:p-8", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold md:text-3xl", children: t("mcpTokens.title") }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: t("mcpTokens.description") })
-    ] }),
-    /* @__PURE__ */ jsxs("section", { className: "rounded-md border bg-card p-4 md:p-6", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: t("mcpTokens.createTitle") }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("mcpTokens.createHint") }),
-      /* @__PURE__ */ jsxs("form", { onSubmit: createToken, className: "mt-4 space-y-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "mcp-label", children: t("mcpTokens.labelLabel") }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "mcp-label",
-              value: label,
-              placeholder: t("mcpTokens.labelPlaceholder"),
-              onChange: (e) => setLabel(e.target.value),
-              maxLength: 80
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "mcp-role", children: t("mcpTokens.roleLabel") }),
-          /* @__PURE__ */ jsxs(
-            "select",
-            {
-              id: "mcp-role",
-              className: "w-full rounded-md border bg-background px-2 py-1.5 text-sm",
-              value: role,
-              onChange: (e) => setRole(e.target.value === "editor" ? "editor" : "admin"),
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "admin", children: t("mcpTokens.roleAdmin") }),
-                /* @__PURE__ */ jsx("option", { value: "editor", children: t("mcpTokens.roleEditor") })
-              ]
-            }
-          )
-        ] }),
-        createError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: createError }),
-        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: creating || !label.trim(), children: creating ? t("mcpTokens.creating") : t("mcpTokens.createButton") })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: t("mcpTokens.listTitle") }),
-      loading ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("mcpTokens.loading") }) : loadError ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
-        t("mcpTokens.error"),
-        ": ",
-        loadError
-      ] }) : !tokens || tokens.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("mcpTokens.listEmpty") }) : /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx(TableHead, { children: t("mcpTokens.columnLabel") }),
-          /* @__PURE__ */ jsx(TableHead, { children: t("mcpTokens.columnRole") }),
-          /* @__PURE__ */ jsx(TableHead, { children: t("mcpTokens.columnCreated") }),
-          /* @__PURE__ */ jsx(TableHead, { children: t("mcpTokens.columnLastUsed") }),
-          /* @__PURE__ */ jsx(TableHead, { children: t("mcpTokens.columnActions") })
-        ] }) }),
-        /* @__PURE__ */ jsx(TableBody, { children: tokens.map((tok) => /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: tok.label }),
-          /* @__PURE__ */ jsx(TableCell, { children: tok.role === "admin" ? t("mcpTokens.roleAdmin") : t("mcpTokens.roleEditor") }),
-          /* @__PURE__ */ jsx(TableCell, { className: "text-xs text-muted-foreground", children: new Date(tok.createdAt).toLocaleString() }),
-          /* @__PURE__ */ jsx(TableCell, { className: "text-xs text-muted-foreground", children: tok.lastUsedAt ? new Date(tok.lastUsedAt).toLocaleString() : t("mcpTokens.lastUsedNever") }),
-          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              size: "sm",
-              onClick: () => revoke(tok.hash),
-              children: t("mcpTokens.revoke")
-            }
-          ) })
-        ] }, tok.hash)) })
-      ] }) })
-    ] }),
-    createdPlaintext && /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-2xl rounded-md border bg-card p-6 shadow-lg", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: t("mcpTokens.createdTitle") }),
-      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t("mcpTokens.createdHint") }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 rounded-md border bg-muted/50 p-3", children: /* @__PURE__ */ jsx("code", { className: "block break-all font-mono text-xs", children: createdPlaintext }) }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => void copyToClipboard(), children: copied ? t("mcpTokens.copied") : t("mcpTokens.copy") }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            onClick: () => {
-              setCreatedPlaintext(null);
-              setCopied(false);
-            },
-            children: t("mcpTokens.close")
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-}
-
-export {
-  McpTokensView
-};