@ampless/admin 0.2.0-alpha.8 → 1.0.0-alpha.27

package/dist/chunk-KQOE5CT6.js

@@ -0,0 +1,21 @@
+'use client';
+import {
+  MediaUploader
+} from "./chunk-6NPYUTV6.js";
+import {
+  useT
+} from "./chunk-Q66BLMNJ.js";
+
+// src/components/media-view.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function MediaPage() {
+  const t = useT();
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsx("h1", { className: "mb-6 text-2xl font-bold md:mb-8 md:text-3xl", children: t("media.title") }),
+    /* @__PURE__ */ jsx(MediaUploader, {})
+  ] });
+}
+
+export {
+  MediaPage
+};

package/dist/chunk-MWSCSCCU.js

@@ -0,0 +1,67 @@
+'use client';
+import {
+  useT
+} from "./chunk-Q66BLMNJ.js";
+
+// src/components/posts-list-view.tsx
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import { listPosts } from "ampless";
+import {
+  Button,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "@ampless/runtime/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PostsList() {
+  const t = useT();
+  const [posts, setPosts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    listPosts({ status: "all" }).then(setPosts).finally(() => setLoading(false));
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3 md:mb-8", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold md:text-3xl", children: t("posts.list.title") }),
+      /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/admin/posts/new", children: t("posts.list.newButton") }) })
+    ] }),
+    loading ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("common.loading") }) : posts.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-md border p-12 text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("posts.list.empty") }),
+      /* @__PURE__ */ jsx(Button, { asChild: true, className: "mt-4", children: /* @__PURE__ */ jsx(Link, { href: "/admin/posts/new", children: t("posts.list.createFirst") }) })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableHead, { children: t("posts.list.columnTitle") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("posts.list.columnStatus") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("posts.list.columnSlug") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("posts.list.columnUpdated") })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: posts.map((post) => /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `/admin/posts/${post.postId}`,
+            className: "font-medium hover:underline",
+            children: post.title
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: post.status === "published" ? "inline-block rounded-full bg-green-100 px-2 py-0.5 text-xs text-green-700" : "inline-block rounded-full bg-gray-100 px-2 py-0.5 text-xs text-gray-700",
+            children: t(`common.${post.status}`)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-xs text-muted-foreground", children: post.slug }),
+        /* @__PURE__ */ jsx(TableCell, { className: "text-sm text-muted-foreground", children: post.publishedAt ? new Date(post.publishedAt).toLocaleDateString() : "\u2014" })
+      ] }, post.postId)) })
+    ] }) })
+  ] });
+}
+
+export {
+  PostsList
+};

package/dist/chunk-Q66BLMNJ.js

@@ -0,0 +1,33 @@
+'use client';
+import {
+  translate
+} from "./chunk-WL4IBW2D.js";
+
+// src/components/i18n-provider.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var I18nContext = createContext(null);
+function I18nProvider({ locale, dict, children }) {
+  const value = useMemo(() => ({ locale, dict }), [locale, dict]);
+  return /* @__PURE__ */ jsx(I18nContext.Provider, { value, children });
+}
+function useT() {
+  const ctx = useContext(I18nContext);
+  if (!ctx) {
+    throw new Error(
+      "useT() called outside <I18nProvider>. Wrap the admin layout (or root layout) with <I18nProvider locale={...} dict={...}>."
+    );
+  }
+  return (key, vars) => translate(ctx.dict, key, vars);
+}
+function useLocale() {
+  const ctx = useContext(I18nContext);
+  if (!ctx) throw new Error("useLocale() called outside <I18nProvider>.");
+  return ctx.locale;
+}
+
+export {
+  I18nProvider,
+  useT,
+  useLocale
+};

package/dist/chunk-TZ5F24BG.js

@@ -0,0 +1,149 @@
+'use client';
+import {
+  useT
+} from "./chunk-Q66BLMNJ.js";
+
+// src/components/users-list-view.tsx
+import { useEffect, useState } from "react";
+import { generateClient } from "aws-amplify/api";
+import {
+  Button,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "@ampless/runtime/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function isAdminRole(value) {
+  return value === "admin" || value === "editor" || value === "none";
+}
+function UsersListView({ currentUserId }) {
+  const t = useT();
+  const [users, setUsers] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [loadError, setLoadError] = useState(null);
+  const [rows, setRows] = useState({});
+  useEffect(() => {
+    const client = generateClient();
+    client.queries.listAdminUsers().then(({ data, errors }) => {
+      if (errors && errors.length > 0) {
+        const msg = errors[0]?.message ?? "listAdminUsers failed";
+        console.error("[users-list-view] listAdminUsers errors:", errors);
+        setLoadError(msg);
+        return;
+      }
+      const list = data ?? [];
+      setUsers(list);
+      setRows(
+        Object.fromEntries(
+          list.map((u) => [u.userId, { selected: u.role, saving: false, error: null }])
+        )
+      );
+    }).catch((err) => {
+      console.error("[users-list-view] listAdminUsers threw:", err);
+      setLoadError(err instanceof Error ? err.message : String(err));
+    }).finally(() => setLoading(false));
+  }, []);
+  function updateRow(userId, patch) {
+    setRows((prev) => ({
+      ...prev,
+      [userId]: { ...prev[userId], ...patch }
+    }));
+  }
+  async function save(userId) {
+    const row = rows[userId];
+    if (!row) return;
+    updateRow(userId, { saving: true, error: null });
+    try {
+      const client = generateClient();
+      const { data, errors } = await client.mutations.setAdminUserRole({
+        userId,
+        role: row.selected
+      });
+      if (errors && errors.length > 0) {
+        const msg = errors[0]?.message ?? "setAdminUserRole failed";
+        console.error("[users-list-view] setAdminUserRole errors:", errors);
+        updateRow(userId, { saving: false, error: msg });
+        return;
+      }
+      if (data) {
+        setUsers(
+          (prev) => (prev ?? []).map((u) => u.userId === userId ? data : u)
+        );
+        updateRow(userId, { saving: false, selected: data.role, error: null });
+      } else {
+        updateRow(userId, { saving: false });
+      }
+    } catch (err) {
+      console.error("[users-list-view] setAdminUserRole threw:", err);
+      updateRow(userId, {
+        saving: false,
+        error: err instanceof Error ? err.message : String(err)
+      });
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 md:mb-8", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold md:text-3xl", children: t("users.list.title") }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: t("users.list.description") })
+    ] }),
+    loading ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("users.list.loading") }) : loadError ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
+      t("users.list.error"),
+      ": ",
+      loadError
+    ] }) : !users || users.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("users.list.empty") }) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableHead, { children: t("users.list.columnEmail") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("users.list.columnRole") }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-[1%] whitespace-nowrap", children: t("users.list.columnActions") })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: users.map((u) => {
+        const row = rows[u.userId];
+        if (!row) return null;
+        const isSelf = u.userId === currentUserId;
+        const dirty = row.selected !== u.role;
+        return /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: u.email || u.userId }),
+          /* @__PURE__ */ jsxs(TableCell, { children: [
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                className: "rounded-md border bg-background px-2 py-1.5 text-sm disabled:cursor-not-allowed disabled:opacity-60",
+                value: row.selected,
+                disabled: isSelf || row.saving,
+                onChange: (e) => {
+                  const next = e.target.value;
+                  if (isAdminRole(next)) {
+                    updateRow(u.userId, { selected: next });
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "admin", children: t("users.list.roleAdmin") }),
+                  /* @__PURE__ */ jsx("option", { value: "editor", children: t("users.list.roleEditor") }),
+                  /* @__PURE__ */ jsx("option", { value: "none", children: t("users.list.roleNone") })
+                ]
+              }
+            ),
+            isSelf && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("users.list.cannotEditSelf") }),
+            row.error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-destructive", children: row.error })
+          ] }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              disabled: isSelf || row.saving || !dirty,
+              onClick: () => save(u.userId),
+              children: row.saving ? t("users.list.saving") : t("users.list.save")
+            }
+          ) })
+        ] }, u.userId);
+      }) })
+    ] }) })
+  ] });
+}
+
+export {
+  UsersListView
+};

package/dist/chunk-VL6MMF2P.js

@@ -0,0 +1,21 @@
+'use client';
+import {
+  PostForm
+} from "./chunk-G4CF5ZWV.js";
+import {
+  useT
+} from "./chunk-Q66BLMNJ.js";
+
+// src/components/new-post-view.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function NewPostPage() {
+  const t = useT();
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsx("h1", { className: "mb-6 text-2xl font-bold md:mb-8 md:text-3xl", children: t("posts.form.newTitle") }),
+    /* @__PURE__ */ jsx(PostForm, {})
+  ] });
+}
+
+export {
+  NewPostPage
+};

package/dist/chunk-VSS5FWSR.js

@@ -0,0 +1,334 @@
+'use client';
+import {
+  useT
+} from "./chunk-Q66BLMNJ.js";
+
+// src/components/mcp-tokens-view.tsx
+import { useEffect, useState } from "react";
+import {
+  Button,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "@ampless/runtime/ui";
+
+// src/lib/mcp-token-format.ts
+import { randomBytes, createHash } from "crypto";
+function generateToken() {
+  const random = toBase64Url(randomBytes(32));
+  const plain = `amk_${random}`;
+  return {
+    plain,
+    hash: hashToken(plain),
+    prefix: plain.slice(0, 8)
+  };
+}
+function hashToken(plain) {
+  return createHash("sha256").update(plain).digest("hex");
+}
+function toBase64Url(bytes) {
+  return bytes.toString("base64").replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+
+// src/lib/mcp-token-storage.ts
+import { getKvStore } from "ampless";
+var TOKENS_PK = "mcp-tokens";
+async function listTokens() {
+  const items = await getKvStore().query(TOKENS_PK);
+  return items.map((item) => item.value);
+}
+async function findByHash(hash) {
+  return await getKvStore().get(TOKENS_PK, hash);
+}
+async function createToken(meta) {
+  const full = {
+    ...meta,
+    lastUsedAt: null,
+    revokedAt: null
+  };
+  await getKvStore().put(TOKENS_PK, meta.hash, full);
+  return full;
+}
+async function revokeToken(hash) {
+  const existing = await findByHash(hash);
+  if (!existing) return;
+  if (existing.revokedAt) return;
+  await getKvStore().put(TOKENS_PK, hash, {
+    ...existing,
+    revokedAt: (/* @__PURE__ */ new Date()).toISOString()
+  });
+}
+
+// src/components/mcp-tokens-view.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function tokenStatus(tok) {
+  if (tok.revokedAt) return "revoked";
+  if (tok.expiresAt && new Date(tok.expiresAt) < /* @__PURE__ */ new Date()) return "expired";
+  return "active";
+}
+function relativeTime(iso) {
+  if (!iso) return "";
+  const ms = Date.now() - new Date(iso).getTime();
+  const s = Math.floor(ms / 1e3);
+  if (s < 60) return `${s}s ago`;
+  const m = Math.floor(s / 60);
+  if (m < 60) return `${m}m ago`;
+  const h = Math.floor(m / 60);
+  if (h < 24) return `${h}h ago`;
+  const d = Math.floor(h / 24);
+  return `${d}d ago`;
+}
+function McpTokensView({ currentUserId, currentUserEmail, mcpEndpoint }) {
+  const t = useT();
+  const [endpointCopied, setEndpointCopied] = useState(false);
+  async function copyEndpoint() {
+    if (!mcpEndpoint) return;
+    try {
+      await navigator.clipboard.writeText(mcpEndpoint);
+      setEndpointCopied(true);
+      setTimeout(() => setEndpointCopied(false), 2e3);
+    } catch (err) {
+      console.error("[mcp-tokens-view] copy endpoint failed", err);
+    }
+  }
+  const [tokens, setTokens] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [loadError, setLoadError] = useState(null);
+  const [showCreateModal, setShowCreateModal] = useState(false);
+  const [expPreset, setExpPreset] = useState("never");
+  const [customDate, setCustomDate] = useState("");
+  const [creating, setCreating] = useState(false);
+  const [createError, setCreateError] = useState(null);
+  const [revealedPlain, setRevealedPlain] = useState(null);
+  const [copied, setCopied] = useState(false);
+  async function loadTokens() {
+    setLoading(true);
+    setLoadError(null);
+    try {
+      const list = await listTokens();
+      setTokens(list);
+    } catch (err) {
+      console.error("[mcp-tokens-view] listTokens failed", err);
+      setLoadError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }
+  useEffect(() => {
+    void loadTokens();
+  }, []);
+  function openCreateModal() {
+    setExpPreset("never");
+    setCustomDate("");
+    setCreateError(null);
+    setShowCreateModal(true);
+  }
+  function expiresAtFromPreset() {
+    if (expPreset === "never") return null;
+    if (expPreset === "30days") {
+      const d = /* @__PURE__ */ new Date();
+      d.setDate(d.getDate() + 30);
+      return d.toISOString();
+    }
+    if (expPreset === "90days") {
+      const d = /* @__PURE__ */ new Date();
+      d.setDate(d.getDate() + 90);
+      return d.toISOString();
+    }
+    if (expPreset === "custom" && customDate) {
+      return new Date(customDate).toISOString();
+    }
+    return null;
+  }
+  async function handleIssue() {
+    setCreating(true);
+    setCreateError(null);
+    try {
+      const { plain, hash, prefix } = generateToken();
+      const meta = await createToken({
+        hash,
+        prefix,
+        createdBy: currentUserId,
+        createdByEmail: currentUserEmail,
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        expiresAt: expiresAtFromPreset()
+      });
+      void meta;
+      setShowCreateModal(false);
+      setRevealedPlain(plain);
+      void loadTokens();
+    } catch (err) {
+      console.error("[mcp-tokens-view] createToken failed", err);
+      setCreateError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setCreating(false);
+    }
+  }
+  async function handleRevoke(hash) {
+    if (!confirm(t("mcpTokens.revokeConfirm"))) return;
+    try {
+      await revokeToken(hash);
+      void loadTokens();
+    } catch (err) {
+      console.error("[mcp-tokens-view] revokeToken failed", err);
+      alert(err instanceof Error ? err.message : String(err));
+    }
+  }
+  async function copyToClipboard() {
+    if (!revealedPlain) return;
+    try {
+      await navigator.clipboard.writeText(revealedPlain);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    } catch (err) {
+      console.warn("[mcp-tokens-view] 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", { className: "flex items-start justify-between gap-4", 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__ */ jsx(Button, { type: "button", onClick: openCreateModal, children: t("mcpTokens.createButton") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-card px-4 py-3 text-sm", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-medium", children: t("mcpTokens.endpointTitle") }),
+      mcpEndpoint ? /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("code", { className: "flex-1 overflow-x-auto rounded border bg-muted px-2 py-1 font-mono text-xs", children: mcpEndpoint }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: copyEndpoint, children: endpointCopied ? t("mcpTokens.endpointCopied") : t("mcpTokens.endpointCopy") })
+      ] }) : /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground", children: t("mcpTokens.endpointMissing") })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rounded-md border border-yellow-300 bg-yellow-50 px-4 py-3 text-sm text-yellow-800 dark:border-yellow-700 dark:bg-yellow-950 dark:text-yellow-200", children: t("mcpTokens.inertBanner") }),
+    /* @__PURE__ */ jsx("section", { className: "space-y-3", children: 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: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableHead, { children: t("mcpTokens.columnPrefix") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("mcpTokens.columnCreated") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("mcpTokens.columnLastUsed") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("mcpTokens.columnStatus") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("common.actions") })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: tokens.map((tok) => {
+        const status = tokenStatus(tok);
+        return /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-xs", children: tok.prefix }),
+          /* @__PURE__ */ jsxs(TableCell, { className: "text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { title: tok.createdAt, children: relativeTime(tok.createdAt) }),
+            tok.createdByEmail && /* @__PURE__ */ jsxs("span", { className: "ml-1 text-muted-foreground/70", children: [
+              "by ",
+              tok.createdByEmail
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(TableCell, { className: "text-xs text-muted-foreground", children: tok.lastUsedAt ? /* @__PURE__ */ jsx("span", { title: tok.lastUsedAt, children: relativeTime(tok.lastUsedAt) }) : t("mcpTokens.lastUsedNever") }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: status === "active" ? "text-sm font-medium text-green-700 dark:text-green-400" : "text-sm text-muted-foreground",
+              children: status === "active" ? t("mcpTokens.statusActive") : status === "revoked" ? t("mcpTokens.statusRevoked") : t("mcpTokens.statusExpired")
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TableCell, { children: status === "active" && /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => handleRevoke(tok.hash),
+              children: t("mcpTokens.revoke")
+            }
+          ) })
+        ] }, tok.hash);
+      }) })
+    ] }) }) }),
+    showCreateModal && /* @__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-md rounded-md border bg-card p-6 shadow-lg", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: t("mcpTokens.createModalTitle") }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("mcpTokens.expirationLabel") }),
+          ["never", "30days", "90days", "custom"].map((preset) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                name: "mcp-expiration",
+                value: preset,
+                checked: expPreset === preset,
+                onChange: () => setExpPreset(preset)
+              }
+            ),
+            t(`mcpTokens.expiration${preset.charAt(0).toUpperCase() + preset.slice(1)}`)
+          ] }, preset)),
+          expPreset === "custom" && /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "date",
+              className: "mt-1 block rounded-md border bg-background px-2 py-1 text-sm",
+              value: customDate,
+              min: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
+              onChange: (e) => setCustomDate(e.target.value)
+            }
+          )
+        ] }),
+        createError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: createError })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => setShowCreateModal(false),
+            children: t("common.cancel")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            disabled: creating || expPreset === "custom" && !customDate,
+            onClick: () => void handleIssue(),
+            children: creating ? t("mcpTokens.issuing") : t("mcpTokens.issueButton")
+          }
+        )
+      ] })
+    ] }) }),
+    revealedPlain && /* @__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("h2", { className: "text-lg font-semibold", children: t("mcpTokens.revealTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t("mcpTokens.revealHint") }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 rounded-md border bg-muted/50 p-3", children: /* @__PURE__ */ jsx("code", { className: "block select-all break-all font-mono text-xs", children: revealedPlain }) }),
+      /* @__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: () => {
+              setRevealedPlain(null);
+              setCopied(false);
+            },
+            children: t("mcpTokens.done")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+export {
+  McpTokensView
+};