@abraca/nuxt 2.15.0 → 2.16.0

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "2.15.0",
+  "version": "2.16.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/aware/AMedia.d.vue.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     awareness: boolean;
     tag: "video" | "audio";
     live: boolean;
-    total: boolean;
     controls: boolean;
+    total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/aware/AMedia.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     awareness: boolean;
     tag: "video" | "audio";
     live: boolean;
-    total: boolean;
     controls: boolean;
+    total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -124,11 +124,27 @@ watch(resolvedServerUrl, refreshPolicy);
       <UButton size="sm" variant="soft" label="Retry" @click="refresh" />
     </div>
 
+    <div
+      v-else-if="registry.plugins.value.length === 0 && (search || category)"
+      class="flex flex-1 flex-col items-center justify-center gap-2 text-center"
+    >
+      <UIcon name="i-lucide-search-x" class="size-8 text-(--ui-text-dimmed)" />
+      <p class="text-sm text-(--ui-text-muted)">
+        No plugins match your search.
+      </p>
+    </div>
+
     <div
       v-else-if="registry.plugins.value.length === 0"
-      class="flex flex-1 items-center justify-center text-sm text-muted"
+      class="flex flex-1 flex-col items-center justify-center gap-2 text-center"
     >
-      No plugins match.
+      <UIcon name="i-lucide-package-open" class="size-8 text-(--ui-text-dimmed)" />
+      <p class="text-sm text-(--ui-text-muted)">
+        The plugin registry is empty.
+      </p>
+      <p class="text-xs text-(--ui-text-dimmed) max-w-sm">
+        No plugins have been published yet. Check back later, or install a plugin by URL from the Installed tab.
+      </p>
     </div>
 
     <div

package/dist/runtime/components/settings/APluginInstallDialog.d.vue.ts

@@ -0,0 +1,39 @@
+import type { PluginManifest, PluginCapability } from '@abraca/plugin';
+export interface TrustAcknowledgement {
+    trustAcknowledgedAt: number;
+    acknowledgedVersion: string;
+    acknowledgedCapabilities: PluginCapability[];
+}
+type __VLS_Props = {
+    open?: boolean;
+    /** Drives copy + icon. */
+    mode: 'url' | 'upload' | 'space';
+    /** Resolved plugin manifest the user is about to authorise. */
+    manifest: PluginManifest;
+    /** URL (url/space modes) or filename (upload mode) — shown verbatim. */
+    source: string;
+    /**
+     * Capabilities the user had previously acknowledged for this entry.
+     * New ones (in `manifest.capabilities.required` but not in this list)
+     * are highlighted as "new since last install". Empty/undefined on a
+     * fresh install.
+     */
+    previouslyAcknowledged?: readonly PluginCapability[];
+    /** For mode='space', the space id; surfaces in copy + decline payload. */
+    spaceId?: string;
+    /** Show "Don't install for this space" button. Only meaningful for mode='space'. */
+    declinable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    "update:open": (args_0: boolean) => any;
+    confirm: (payload: TrustAcknowledgement) => any;
+    decline: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    "onUpdate:open"?: ((args_0: boolean) => any) | undefined;
+    onConfirm?: ((payload: TrustAcknowledgement) => any) | undefined;
+    onDecline?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/APluginInstallDialog.vue

@@ -0,0 +1,254 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  mode: { type: String, required: true },
+  manifest: { type: Object, required: true },
+  source: { type: String, required: true },
+  previouslyAcknowledged: { type: Array, required: false },
+  spaceId: { type: String, required: false },
+  declinable: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:open", "confirm", "cancel", "decline"]);
+const open = computed({
+  get: () => !!props.open,
+  set: (v) => emit("update:open", v)
+});
+const acknowledged = ref(false);
+watch(() => props.open, (v) => {
+  if (v) acknowledged.value = false;
+});
+const requiredCaps = computed(
+  () => props.manifest.capabilities.required ?? []
+);
+const optionalCaps = computed(
+  () => props.manifest.capabilities.optional ?? []
+);
+const newCaps = computed(() => {
+  const prev = new Set(props.previouslyAcknowledged ?? []);
+  return new Set(requiredCaps.value.filter((c) => !prev.has(c)));
+});
+const hasGrowth = computed(() => newCaps.value.size > 0);
+const isReprompt = computed(() => (props.previouslyAcknowledged?.length ?? 0) > 0);
+const headerIcon = computed(() => {
+  if (props.mode === "upload") return "i-lucide-upload";
+  if (props.mode === "space") return "i-lucide-globe";
+  return "i-lucide-link-2";
+});
+const headerTitle = computed(() => {
+  if (isReprompt.value && hasGrowth.value) return "Plugin requests new permissions";
+  if (isReprompt.value) return "Plugin updated \u2014 confirm again";
+  if (props.mode === "upload") return "Activate uploaded plugin";
+  if (props.mode === "space") return "Activate space plugin";
+  return "Activate plugin from URL";
+});
+const sourceLabel = computed(() => {
+  if (props.mode === "upload") return "Uploaded file";
+  if (props.mode === "space") return "Declared by space";
+  return "Source URL";
+});
+const author = computed(() => {
+  const a = props.manifest.author;
+  if (!a) return null;
+  return a.name || a.github || a.email || null;
+});
+function describeCap(cap) {
+  if (cap.startsWith("network:")) return `Network: ${cap.slice("network:".length)}`;
+  if (cap === "network") return "Network (any host)";
+  if (cap.startsWith("page-type:")) return `Register page type "${cap.slice("page-type:".length)}"`;
+  const map = {
+    "fs:read": "Read local files",
+    "fs:write": "Write local files",
+    "clipboard:read": "Read clipboard",
+    "clipboard:write": "Write clipboard",
+    "doc-read": "Read documents",
+    "doc-write": "Write documents",
+    "awareness": "Share presence",
+    "server-runner": "Run server-side code",
+    "command-palette": "Add command-palette items",
+    "toolbar": "Add editor toolbar items",
+    "bubble-menu": "Add bubble-menu items",
+    "slash-command": "Add slash-command items",
+    "drag-handle": "Add drag-handle items",
+    "chat:send": "Send chat messages",
+    "chat:read": "Read chat history",
+    "notifications:show": "Show notifications"
+  };
+  return map[cap] ?? cap;
+}
+function onConfirm() {
+  if (!acknowledged.value) return;
+  emit("confirm", {
+    trustAcknowledgedAt: Date.now(),
+    acknowledgedVersion: props.manifest.version,
+    acknowledgedCapabilities: [...requiredCaps.value]
+  });
+  open.value = false;
+}
+function onCancel() {
+  emit("cancel");
+  open.value = false;
+}
+function onDecline() {
+  emit("decline");
+  open.value = false;
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    :title="headerTitle"
+    :ui="{ content: 'sm:max-w-lg' }"
+  >
+    <template #body>
+      <div class="flex flex-col gap-4">
+        <!-- Header glyph + mode label -->
+        <div class="flex items-center gap-3">
+          <div
+            class="size-10 rounded-lg flex items-center justify-center bg-(--ui-warning)/10 text-(--ui-warning)"
+          >
+            <UIcon
+              :name="headerIcon"
+              class="size-5"
+            />
+          </div>
+          <div class="flex-1 min-w-0">
+            <div class="text-sm font-semibold text-(--ui-text-highlighted) truncate">
+              {{ manifest.name || manifest.id }}
+              <span class="text-(--ui-text-muted) font-normal ml-1">v{{ manifest.version }}</span>
+            </div>
+            <div class="text-xs text-(--ui-text-muted) truncate">
+              {{ manifest.id }}<template v-if="author"> · {{ author }}</template>
+            </div>
+          </div>
+        </div>
+
+        <!-- BIG untrusted-code warning -->
+        <UAlert
+          color="warning"
+          variant="subtle"
+          :icon="hasGrowth ? 'i-lucide-shield-alert' : 'i-lucide-alert-triangle'"
+          :title="hasGrowth ? 'New permissions requested' : 'This plugin has not been reviewed'"
+          :description="hasGrowth ? 'This update requests permissions you did not previously grant. Review the new permissions below before activating.' : 'This plugin is not from the official registry. Activating it will run third-party code in your app that can read and write your documents, share presence, and access the network.'"
+        />
+
+        <!-- Source -->
+        <div class="flex flex-col gap-1">
+          <label class="text-xs font-medium text-(--ui-text-muted) px-1">{{ sourceLabel }}</label>
+          <div class="rounded-md border border-(--ui-border) bg-(--ui-bg-elevated) px-3 py-2 text-xs font-mono text-(--ui-text) break-all">
+            {{ source }}
+          </div>
+          <div
+            v-if="mode === 'space' && spaceId"
+            class="text-xs text-(--ui-text-muted) px-1"
+          >
+            Declared in space <span class="font-mono">{{ spaceId }}</span>.
+          </div>
+        </div>
+
+        <!-- Description -->
+        <div
+          v-if="manifest.description"
+          class="text-sm text-(--ui-text)"
+        >
+          {{ manifest.description }}
+        </div>
+
+        <!-- Required capabilities -->
+        <div
+          v-if="requiredCaps.length"
+          class="flex flex-col gap-1"
+        >
+          <label class="text-xs font-medium text-(--ui-text-muted) px-1">
+            Required permissions ({{ requiredCaps.length }})
+          </label>
+          <div class="rounded-md border border-(--ui-border) overflow-hidden divide-y divide-(--ui-border)">
+            <div
+              v-for="cap in requiredCaps"
+              :key="cap"
+              class="flex items-center gap-2.5 px-3 py-2 text-sm bg-(--ui-bg)"
+              :class="newCaps.has(cap) ? 'bg-(--ui-warning)/5' : ''"
+            >
+              <UIcon
+                name="i-lucide-key-round"
+                class="size-4 text-(--ui-text-muted) shrink-0"
+              />
+              <span class="flex-1 text-(--ui-text)">{{ describeCap(cap) }}</span>
+              <UBadge
+                v-if="newCaps.has(cap)"
+                color="warning"
+                variant="soft"
+                size="xs"
+                label="New"
+              />
+            </div>
+          </div>
+        </div>
+
+        <!-- Optional capabilities (compact) -->
+        <div
+          v-if="optionalCaps.length"
+          class="flex flex-wrap gap-1.5 px-1"
+        >
+          <span class="text-xs text-(--ui-text-muted) mr-1">Optional:</span>
+          <UBadge
+            v-for="cap in optionalCaps"
+            :key="cap"
+            color="neutral"
+            variant="subtle"
+            size="xs"
+            :label="describeCap(cap)"
+          />
+        </div>
+
+        <!-- Acknowledgement -->
+        <label class="flex items-start gap-2.5 rounded-md border border-(--ui-border) bg-(--ui-bg-elevated) p-3 cursor-pointer">
+          <UCheckbox
+            v-model="acknowledged"
+            :ui="{ wrapper: 'mt-0.5' }"
+          />
+          <span class="text-sm text-(--ui-text) leading-snug">
+            I understand this plugin runs unreviewed third-party code in my app and I want to activate it.
+          </span>
+        </label>
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex items-center justify-between gap-2 w-full">
+        <UButton
+          v-if="mode === 'space' && declinable"
+          variant="ghost"
+          color="neutral"
+          size="sm"
+          icon="i-lucide-x-circle"
+          label="Don't install for this space"
+          @click="onDecline"
+        />
+        <div
+          v-else
+          aria-hidden="true"
+        />
+        <div class="flex items-center gap-2">
+          <UButton
+            variant="ghost"
+            color="neutral"
+            size="sm"
+            label="Cancel"
+            @click="onCancel"
+          />
+          <UButton
+            variant="solid"
+            color="warning"
+            size="sm"
+            icon="i-lucide-shield-check"
+            label="Activate"
+            :disabled="!acknowledged"
+            @click="onConfirm"
+          />
+        </div>
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/settings/APluginInstallDialog.vue.d.ts

@@ -0,0 +1,39 @@
+import type { PluginManifest, PluginCapability } from '@abraca/plugin';
+export interface TrustAcknowledgement {
+    trustAcknowledgedAt: number;
+    acknowledgedVersion: string;
+    acknowledgedCapabilities: PluginCapability[];
+}
+type __VLS_Props = {
+    open?: boolean;
+    /** Drives copy + icon. */
+    mode: 'url' | 'upload' | 'space';
+    /** Resolved plugin manifest the user is about to authorise. */
+    manifest: PluginManifest;
+    /** URL (url/space modes) or filename (upload mode) — shown verbatim. */
+    source: string;
+    /**
+     * Capabilities the user had previously acknowledged for this entry.
+     * New ones (in `manifest.capabilities.required` but not in this list)
+     * are highlighted as "new since last install". Empty/undefined on a
+     * fresh install.
+     */
+    previouslyAcknowledged?: readonly PluginCapability[];
+    /** For mode='space', the space id; surfaces in copy + decline payload. */
+    spaceId?: string;
+    /** Show "Don't install for this space" button. Only meaningful for mode='space'. */
+    declinable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    "update:open": (args_0: boolean) => any;
+    confirm: (payload: TrustAcknowledgement) => any;
+    decline: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    "onUpdate:open"?: ((args_0: boolean) => any) | undefined;
+    onConfirm?: ((payload: TrustAcknowledgement) => any) | undefined;
+    onDecline?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/APluginsTabInstalled.d.vue.ts

@@ -0,0 +1,7 @@
+import type { BuiltinPluginEntry } from './ASettingsPluginsPanel.vue.js';
+type __VLS_Props = {
+    builtins?: readonly BuiltinPluginEntry[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;