@abraca/nuxt 2.0.10 → 2.3.0

package/dist/runtime/components/editor/ANodeInlineLabel.vue.d.ts

@@ -17,8 +17,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     onEditEnd?: (() => any) | undefined;
 }>, {
     disabled: boolean;
-    variant: "label" | "title" | "name";
     placeholder: string;
+    variant: "label" | "title" | "name";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/registry/APluginBrowser.d.vue.ts

@@ -0,0 +1,23 @@
+import { type CatalogPlugin, type CatalogVersionDetail } from '../../composables/usePluginCatalog.js';
+type __VLS_Props = {
+    /** Initial search query passed to the registry. */
+    initialSearch?: string;
+    /** Initial category filter. */
+    initialCategory?: string;
+    /**
+     * Abracadabra server URL — `<APluginBrowser>` fetches `/plugins/policy`
+     * from this on mount and renders policy-aware install affordances.
+     * When omitted, the policy is left at `null` and the UI behaves
+     * permissively (every plugin shows Install).
+     */
+    serverUrl?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    open: (plugin: CatalogPlugin) => any;
+    installed: (detail: CatalogVersionDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((plugin: CatalogPlugin) => any) | undefined;
+    onInstalled?: ((detail: CatalogVersionDetail) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/registry/APluginBrowser.vue

@@ -0,0 +1,155 @@
+<script setup>
+import { computed, onMounted, ref, watch } from "vue";
+import { useRuntimeConfig, useToast } from "#imports";
+import { usePluginCatalog } from "../../composables/usePluginCatalog";
+const props = defineProps({
+  initialSearch: { type: String, required: false },
+  initialCategory: { type: String, required: false },
+  serverUrl: { type: String, required: false }
+});
+const emit = defineEmits(["open", "installed"]);
+const registry = usePluginCatalog();
+const search = ref(props.initialSearch ?? "");
+const category = ref(props.initialCategory ?? "");
+const showDialog = ref(false);
+const pendingDetail = ref(null);
+const toast = useToast();
+const cfg = useRuntimeConfig();
+const resolvedServerUrl = computed(() => {
+  if (props.serverUrl) return props.serverUrl;
+  const moduleUrl = cfg.public.abracadabra?.url;
+  const flatUrl = cfg.public.abracadabraUrl;
+  return moduleUrl ?? flatUrl ?? null;
+});
+async function refresh() {
+  try {
+    await registry.list({ search: search.value || void 0, category: category.value || void 0 });
+  } catch (e) {
+    toast.add({ title: "Could not load plugin registry", description: e.message, color: "error" });
+  }
+}
+async function startInstall(id) {
+  try {
+    pendingDetail.value = await registry.getLatest(id);
+    showDialog.value = true;
+  } catch (e) {
+    toast.add({ title: `Could not load plugin ${id}`, description: e.message, color: "error" });
+  }
+}
+async function confirmInstall(detail) {
+  try {
+    await registry.install(detail.plugin_id);
+    toast.add({
+      title: `${detail.manifest.name ?? detail.plugin_id} installed`,
+      description: `v${detail.version} \u2014 reload to activate`,
+      color: "success"
+    });
+    emit("installed", detail);
+  } catch (e) {
+    toast.add({ title: "Install failed", description: e.message, color: "error" });
+  }
+}
+async function refreshPolicy() {
+  if (!resolvedServerUrl.value) return;
+  try {
+    await registry.loadPolicy(resolvedServerUrl.value);
+  } catch {
+  }
+}
+onMounted(() => {
+  refresh();
+  refreshPolicy();
+});
+watch([search, category], refresh);
+watch(resolvedServerUrl, refreshPolicy);
+</script>
+
+<template>
+  <div class="flex h-full flex-col gap-4">
+    <div
+      v-if="registry.policy.value && !registry.policy.value.allow_user_install"
+      class="flex items-center gap-2 rounded-md border border-warning/40 bg-warning/10 px-3 py-2 text-sm text-warning"
+    >
+      <UIcon name="i-lucide-shield-alert" class="shrink-0" />
+      <span>
+        Your server restricts installs to its allowlist
+        ({{ registry.policy.value.allowlist.length }} plugins).
+        Other plugins are visible for browsing but cannot be installed.
+      </span>
+    </div>
+
+    <div class="flex flex-wrap items-center gap-2">
+      <UInput
+        v-model="search"
+        placeholder="Search plugins…"
+        icon="i-lucide-search"
+        class="flex-1 min-w-[12rem]"
+        size="md"
+      />
+      <USelect
+        v-if="registry.categories.value.length > 0"
+        v-model="category"
+        :items="['', ...registry.categories.value].map((c) => ({ label: c || 'All categories', value: c }))"
+        size="md"
+        class="w-48"
+      />
+      <UButton
+        icon="i-lucide-refresh-cw"
+        size="md"
+        variant="ghost"
+        color="neutral"
+        :loading="registry.isLoading.value"
+        @click="refresh"
+      />
+    </div>
+
+    <div
+      v-if="registry.isLoading.value && registry.plugins.value.length === 0"
+      class="flex flex-1 items-center justify-center text-sm text-muted"
+    >
+      Loading registry…
+    </div>
+
+    <div
+      v-else-if="registry.error.value && registry.plugins.value.length === 0"
+      class="flex flex-1 flex-col items-center justify-center gap-2 text-center"
+    >
+      <UIcon name="i-lucide-wifi-off" class="text-2xl text-muted" />
+      <p class="text-sm text-muted">
+        Couldn't reach the plugin registry.
+      </p>
+      <p class="font-mono text-xs text-muted">
+        {{ registry.error.value.message }}
+      </p>
+      <UButton size="sm" variant="soft" label="Retry" @click="refresh" />
+    </div>
+
+    <div
+      v-else-if="registry.plugins.value.length === 0"
+      class="flex flex-1 items-center justify-center text-sm text-muted"
+    >
+      No plugins match.
+    </div>
+
+    <div
+      v-else
+      class="grid flex-1 auto-rows-min gap-3 overflow-auto sm:grid-cols-2 lg:grid-cols-3"
+    >
+      <APluginCard
+        v-for="plugin in registry.plugins.value"
+        :key="plugin.id"
+        :plugin="plugin"
+        :installed="registry.isInstalled(plugin.id)"
+        :decision="registry.policyDecisionFor(plugin.id)"
+        @open="emit('open', plugin)"
+        @install="startInstall"
+      />
+    </div>
+
+    <APluginCapabilityDialog
+      v-model="showDialog"
+      :detail="pendingDetail"
+      @confirm="confirmInstall"
+    />
+  </div>
+</template>

package/dist/runtime/components/registry/APluginBrowser.vue.d.ts

@@ -0,0 +1,23 @@
+import { type CatalogPlugin, type CatalogVersionDetail } from '../../composables/usePluginCatalog.js';
+type __VLS_Props = {
+    /** Initial search query passed to the registry. */
+    initialSearch?: string;
+    /** Initial category filter. */
+    initialCategory?: string;
+    /**
+     * Abracadabra server URL — `<APluginBrowser>` fetches `/plugins/policy`
+     * from this on mount and renders policy-aware install affordances.
+     * When omitted, the policy is left at `null` and the UI behaves
+     * permissively (every plugin shows Install).
+     */
+    serverUrl?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    open: (plugin: CatalogPlugin) => any;
+    installed: (detail: CatalogVersionDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((plugin: CatalogPlugin) => any) | undefined;
+    onInstalled?: ((detail: CatalogVersionDetail) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/registry/APluginCapabilityDialog.d.vue.ts

@@ -0,0 +1,17 @@
+import type { CatalogVersionDetail } from '../../composables/usePluginCatalog.js';
+type __VLS_Props = {
+    modelValue: boolean;
+    /** The version whose capabilities are being disclosed. */
+    detail: CatalogVersionDetail | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    "update:modelValue": (open: boolean) => any;
+    confirm: (detail: CatalogVersionDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((open: boolean) => any) | undefined;
+    onConfirm?: ((detail: CatalogVersionDetail) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/registry/APluginCapabilityDialog.vue

@@ -0,0 +1,159 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  modelValue: { type: Boolean, required: true },
+  detail: { type: [Object, null], required: true }
+});
+const emit = defineEmits(["update:modelValue", "confirm", "cancel"]);
+const isOpen = computed({
+  get: () => props.modelValue,
+  set: (v) => emit("update:modelValue", v)
+});
+const required = computed(
+  () => [...props.detail?.manifest.capabilities.required ?? []]
+);
+const optional = computed(
+  () => [...props.detail?.manifest.capabilities.optional ?? []]
+);
+const title = computed(() => props.detail?.manifest.name ?? props.detail?.manifest.id ?? "");
+function describe(cap) {
+  if (cap === "network" || cap.startsWith("network:")) {
+    const host = cap === "network" ? "any host" : cap.slice("network:".length);
+    return { label: `Outbound network \u2014 ${host}`, icon: "i-lucide-globe", severity: "high" };
+  }
+  if (cap === "fs:read") return { label: "Read local filesystem", icon: "i-lucide-folder-open", severity: "high" };
+  if (cap === "fs:write") return { label: "Write local filesystem", icon: "i-lucide-folder-edit", severity: "high" };
+  if (cap === "clipboard:read") return { label: "Read clipboard", icon: "i-lucide-clipboard", severity: "medium" };
+  if (cap === "clipboard:write") return { label: "Write clipboard", icon: "i-lucide-clipboard-paste", severity: "medium" };
+  if (cap === "doc-write") return { label: "Modify documents", icon: "i-lucide-pencil", severity: "medium" };
+  if (cap === "doc-read") return { label: "Read documents", icon: "i-lucide-eye", severity: "low" };
+  if (cap === "awareness") return { label: "Broadcast presence", icon: "i-lucide-users", severity: "low" };
+  if (cap === "server-runner") return { label: "Run server-side background tasks", icon: "i-lucide-server", severity: "high" };
+  if (cap === "chat:send") return { label: "Send chat messages", icon: "i-lucide-message-circle", severity: "medium" };
+  if (cap === "chat:read") return { label: "Read chat history", icon: "i-lucide-message-square", severity: "low" };
+  if (cap === "notifications:show") return { label: "Show notifications", icon: "i-lucide-bell", severity: "low" };
+  if (cap === "command-palette") return { label: "Add command-palette entries", icon: "i-lucide-command", severity: "low" };
+  if (cap === "toolbar") return { label: "Add editor toolbar items", icon: "i-lucide-bold", severity: "low" };
+  if (cap === "bubble-menu") return { label: "Add bubble-menu items", icon: "i-lucide-square-dot", severity: "low" };
+  if (cap === "slash-command") return { label: "Add slash commands", icon: "i-lucide-slash", severity: "low" };
+  if (cap === "drag-handle") return { label: "Add drag-handle actions", icon: "i-lucide-grip-vertical", severity: "low" };
+  if (cap.startsWith("page-type:")) {
+    return { label: `Register page type "${cap.slice("page-type:".length)}"`, icon: "i-lucide-layout", severity: "low" };
+  }
+  return { label: cap, icon: "i-lucide-shield", severity: "low" };
+}
+const severityOrder = { high: 0, medium: 1, low: 2 };
+const requiredSorted = computed(
+  () => [...required.value].map((c) => ({ cap: c, ...describe(c) })).sort((a, b) => severityOrder[a.severity] - severityOrder[b.severity])
+);
+const optionalSorted = computed(
+  () => [...optional.value].map((c) => ({ cap: c, ...describe(c) })).sort((a, b) => severityOrder[a.severity] - severityOrder[b.severity])
+);
+function badgeColor(s) {
+  return s === "high" ? "error" : s === "medium" ? "warning" : "neutral";
+}
+function confirm() {
+  if (props.detail) emit("confirm", props.detail);
+  isOpen.value = false;
+}
+function cancel() {
+  emit("cancel");
+  isOpen.value = false;
+}
+</script>
+
+<template>
+  <UModal v-model:open="isOpen" :title="`Install ${title}?`" :ui="{ content: 'max-w-2xl' }">
+    <template #body>
+      <div v-if="!detail" class="py-6 text-center text-sm text-muted">
+        Loading capability disclosure…
+      </div>
+      <div v-else class="space-y-5">
+        <div class="rounded-md border border-default bg-elevated p-3 text-sm">
+          <div class="flex items-center gap-2">
+            <UIcon name="i-lucide-package" class="text-muted" />
+            <span class="font-mono text-xs text-muted">
+              {{ detail.plugin_id }}@{{ detail.version }}
+            </span>
+          </div>
+          <p class="mt-2 text-sm text-default">
+            {{ detail.manifest.description }}
+          </p>
+          <div class="mt-2 flex items-center gap-1.5 text-xs text-muted">
+            <UIcon name="i-lucide-shield-check" />
+            <span class="font-mono">{{ detail.integrity.slice(0, 24) }}…</span>
+          </div>
+        </div>
+
+        <div>
+          <h4 class="mb-2 text-sm font-semibold text-highlighted">
+            Required capabilities
+          </h4>
+          <p class="mb-3 text-xs text-muted">
+            By installing this plugin, you grant it the permissions listed below.
+            High-severity items are highlighted.
+          </p>
+          <ul class="space-y-1.5">
+            <li
+              v-for="item in requiredSorted"
+              :key="item.cap"
+              class="flex items-center gap-2 rounded-md border border-default px-3 py-2"
+            >
+              <UIcon :name="item.icon" class="text-muted" />
+              <span class="text-sm text-default">{{ item.label }}</span>
+              <UBadge
+                size="xs"
+                variant="subtle"
+                :color="badgeColor(item.severity)"
+                class="ml-auto capitalize"
+              >
+                {{ item.severity }}
+              </UBadge>
+            </li>
+          </ul>
+        </div>
+
+        <div v-if="optionalSorted.length > 0">
+          <h4 class="mb-2 text-sm font-semibold text-highlighted">
+            Optional capabilities
+          </h4>
+          <p class="mb-3 text-xs text-muted">
+            These are requested but not required. You can grant them later from
+            the plugin's settings.
+          </p>
+          <ul class="space-y-1.5">
+            <li
+              v-for="item in optionalSorted"
+              :key="item.cap"
+              class="flex items-center gap-2 rounded-md border border-default px-3 py-2"
+            >
+              <UIcon :name="item.icon" class="text-muted" />
+              <span class="text-sm text-default">{{ item.label }}</span>
+              <UBadge
+                size="xs"
+                variant="subtle"
+                :color="badgeColor(item.severity)"
+                class="ml-auto capitalize"
+              >
+                {{ item.severity }}
+              </UBadge>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex w-full items-center justify-end gap-2">
+        <UButton variant="ghost" color="neutral" label="Cancel" @click="cancel" />
+        <UButton
+          color="primary"
+          icon="i-lucide-download"
+          label="Install"
+          :disabled="!detail"
+          @click="confirm"
+        />
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/registry/APluginCapabilityDialog.vue.d.ts

@@ -0,0 +1,17 @@
+import type { CatalogVersionDetail } from '../../composables/usePluginCatalog.js';
+type __VLS_Props = {
+    modelValue: boolean;
+    /** The version whose capabilities are being disclosed. */
+    detail: CatalogVersionDetail | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    "update:modelValue": (open: boolean) => any;
+    confirm: (detail: CatalogVersionDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((open: boolean) => any) | undefined;
+    onConfirm?: ((detail: CatalogVersionDetail) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/registry/APluginCard.d.vue.ts

@@ -0,0 +1,20 @@
+import type { CatalogPlugin, PolicyDecision } from '../../composables/usePluginCatalog.js';
+type __VLS_Props = {
+    plugin: CatalogPlugin;
+    installed?: boolean;
+    /**
+     * Server policy decision for this plugin. Drives the Install button's
+     * visibility + label + tooltip. When omitted, defaults to permissive
+     * (policy hasn't been fetched yet) — same UX as today.
+     */
+    decision?: PolicyDecision;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    open: (id: string) => any;
+    install: (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((id: string) => any) | undefined;
+    onInstall?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/registry/APluginCard.vue

@@ -0,0 +1,91 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  plugin: { type: Object, required: true },
+  installed: { type: Boolean, required: false },
+  decision: { type: Object, required: false }
+});
+const emit = defineEmits(["open", "install"]);
+const decisionState = computed(() => props.decision?.state ?? "unknown");
+const title = computed(() => props.plugin.name ?? props.plugin.id);
+const pricing = computed(() => {
+  if (props.plugin.pricing === "paid") return { label: "Paid", color: "warning" };
+  if (props.plugin.pricing === "optional") return { label: "Optional payments", color: "info" };
+  return { label: "Free", color: "neutral" };
+});
+</script>
+
+<template>
+  <div
+    class="group flex h-full cursor-pointer flex-col gap-3 rounded-lg border border-default bg-default p-4 transition-colors hover:border-primary-300 dark:hover:border-primary-700"
+    role="button"
+    tabindex="0"
+    @click="emit('open', plugin.id)"
+    @keydown.enter="emit('open', plugin.id)"
+  >
+    <div class="flex items-start justify-between gap-2">
+      <div class="min-w-0 flex-1">
+        <div class="flex items-center gap-2">
+          <h3 class="truncate text-base font-semibold text-highlighted">
+            {{ title }}
+          </h3>
+          <UBadge size="xs" :color="pricing.color" variant="subtle">
+            {{ pricing.label }}
+          </UBadge>
+        </div>
+        <p class="mt-0.5 truncate text-xs text-muted">
+          {{ plugin.id }}<span v-if="plugin.latest_version"> · v{{ plugin.latest_version }}</span>
+        </p>
+      </div>
+      <UButton
+        v-if="installed"
+        size="xs"
+        variant="soft"
+        color="success"
+        icon="i-lucide-check"
+        disabled
+        label="Installed"
+      />
+      <UBadge
+        v-else-if="decisionState === 'blocked'"
+        size="xs"
+        variant="subtle"
+        color="warning"
+        icon="i-lucide-shield-alert"
+        :title="decision?.reason"
+        label="Not allowed"
+      />
+      <UButton
+        v-else
+        size="xs"
+        variant="solid"
+        :color="decisionState === 'allowed' ? 'success' : 'primary'"
+        :icon="decisionState === 'allowed' ? 'i-lucide-shield-check' : 'i-lucide-plus'"
+        :label="decisionState === 'allowed' ? 'Approved' : 'Install'"
+        @click.stop="emit('install', plugin.id)"
+      />
+    </div>
+
+    <p class="line-clamp-3 text-sm text-default">
+      {{ plugin.description }}
+    </p>
+
+    <div class="mt-auto flex flex-wrap items-center gap-1.5">
+      <UBadge
+        v-for="cat in plugin.categories.slice(0, 3)"
+        :key="cat"
+        size="xs"
+        variant="outline"
+        color="neutral"
+      >
+        {{ cat }}
+      </UBadge>
+      <span
+        v-if="plugin.owner_login"
+        class="ml-auto text-xs text-muted"
+      >
+        by {{ plugin.owner_login }}
+      </span>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/registry/APluginCard.vue.d.ts

@@ -0,0 +1,20 @@
+import type { CatalogPlugin, PolicyDecision } from '../../composables/usePluginCatalog.js';
+type __VLS_Props = {
+    plugin: CatalogPlugin;
+    installed?: boolean;
+    /**
+     * Server policy decision for this plugin. Drives the Install button's
+     * visibility + label + tooltip. When omitted, defaults to permissive
+     * (policy hasn't been fetched yet) — same UX as today.
+     */
+    decision?: PolicyDecision;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    open: (id: string) => any;
+    install: (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((id: string) => any) | undefined;
+    onInstall?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/registry/APluginDetail.d.vue.ts

@@ -0,0 +1,18 @@
+import { type CatalogVersionDetail } from '../../composables/usePluginCatalog.js';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    id: string;
+    /** See `<APluginBrowser>` — same fallback chain. */
+    serverUrl?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    installed: (detail: CatalogVersionDetail) => any;
+    back: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    id: string;
+    /** See `<APluginBrowser>` — same fallback chain. */
+    serverUrl?: string;
+}> & Readonly<{
+    onInstalled?: ((detail: CatalogVersionDetail) => any) | undefined;
+    onBack?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;