nuxt-observe 0.0.2

package/dist/runtime/app/pages/settings/service-detail.vue

@@ -0,0 +1,133 @@
+<script setup>
+import { computed } from "vue";
+import { useRoute, useRuntimeConfig } from "#imports";
+import { useObserveServiceDetail, useObserveServices } from "../../composables/useObserveServices";
+import { useObserveGroups } from "../../composables/useObserveGroups";
+import { useObserveAbility } from "../../composables/useObserveAbility";
+const route = useRoute();
+const id = route.params.id;
+const { prefix } = useRuntimeConfig().public.observe;
+const { data, pending, error, refresh } = useObserveServiceDetail(id);
+const { data: groups } = useObserveGroups();
+const { update, softDelete, restore } = useObserveServices();
+const { can, canForService } = useObserveAbility();
+const canManage = computed(() => {
+  const slug = data.value?.slug;
+  return slug ? canForService("services.manage", slug) : false;
+});
+async function onSave(patch) {
+  await update(id, patch);
+  await refresh();
+}
+async function onDelete() {
+  await softDelete(id);
+  await refresh();
+}
+async function onRestore() {
+  await restore(id);
+  await refresh();
+}
+</script>
+
+<template>
+  <div class="space-y-6">
+    <UButton
+      :to="`${prefix}/settings/services`"
+      icon="i-lucide-arrow-left"
+      color="neutral"
+      variant="ghost"
+      size="sm"
+      label="Services"
+    />
+
+    <UAlert
+      v-if="error"
+      color="error"
+      variant="subtle"
+      title="Failed to load service"
+      :description="error.message"
+    />
+
+    <div
+      v-else-if="pending && !data"
+      class="text-sm text-muted"
+    >
+      Loading…
+    </div>
+
+    <template v-else-if="data">
+      <div class="flex items-start justify-between gap-4">
+        <div class="space-y-1">
+          <div class="flex items-center gap-2">
+            <h1 class="text-lg font-semibold">
+              {{ data.name }}
+            </h1>
+            <ObserveServiceTypeBadge :type="data.type" />
+            <UBadge
+              :color="data.kind === 'browser' ? 'info' : 'neutral'"
+              variant="subtle"
+              size="sm"
+              :label="data.kind"
+            />
+          </div>
+          <div class="font-mono text-xs text-muted">
+            {{ data.slug }}
+          </div>
+        </div>
+
+        <div
+          v-if="can('services.create')"
+          class="flex gap-2"
+        >
+          <UButton
+            v-if="data.deletedAt"
+            icon="i-lucide-undo-2"
+            color="primary"
+            variant="soft"
+            label="Restore"
+            @click="onRestore"
+          />
+          <UButton
+            v-else-if="!data.managedByConfig"
+            icon="i-lucide-trash-2"
+            color="error"
+            variant="soft"
+            label="Delete"
+            @click="onDelete"
+          />
+        </div>
+      </div>
+
+      <UAlert
+        v-if="data.deletedAt && data.purgeAt"
+        color="error"
+        variant="subtle"
+        icon="i-lucide-clock"
+        title="Pending deletion"
+        :description="`This service is scheduled for permanent purge. Restore it before then to keep its logs and keys.`"
+      />
+
+      <div class="grid gap-8 lg:grid-cols-2">
+        <div class="space-y-4">
+          <h2 class="text-sm font-semibold uppercase tracking-wider text-muted">
+            Details
+          </h2>
+          <ObserveServiceEditForm
+            :service="data"
+            :groups="groups ?? []"
+            :can-manage="canManage"
+            @save="onSave"
+          />
+        </div>
+
+        <div class="space-y-8">
+          <ObserveApiKeyPanel
+            :service-id="data.id"
+            :can-manage="canManage"
+          />
+          <ObserveAssignmentEditor :service-slug="data.slug" />
+        </div>
+      </div>
+    </template>
+  </div>
+</template>

package/dist/runtime/app/pages/settings/service-detail.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/settings/services.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/settings/services.vue

@@ -0,0 +1,66 @@
+<script setup>
+import { ref } from "vue";
+import { useObserveServices } from "../../composables/useObserveServices";
+const { data, pending, error, refresh, create, softDelete, restore } = useObserveServices();
+const formOpen = ref(false);
+const creating = ref(false);
+async function onCreate(input) {
+  creating.value = true;
+  try {
+    await create(input);
+    formOpen.value = false;
+    await refresh();
+  } finally {
+    creating.value = false;
+  }
+}
+async function onDelete(service) {
+  await softDelete(service.id);
+  await refresh();
+}
+async function onRestore(service) {
+  await restore(service.id);
+  await refresh();
+}
+</script>
+
+<template>
+  <div class="space-y-4">
+    <div class="flex items-center justify-between">
+      <p class="text-sm text-muted">
+        Registered observables. A soft-deleted service is recoverable for one hour before permanent purge.
+      </p>
+      <ObserveCan capability="services.create">
+        <UButton
+          icon="i-lucide-plus"
+          label="New service"
+          @click="() => {
+  formOpen = true;
+}"
+        />
+      </ObserveCan>
+    </div>
+
+    <UAlert
+      v-if="error"
+      color="error"
+      variant="subtle"
+      title="Failed to load services"
+      :description="error.message"
+    />
+
+    <ObserveSettingsServicesTable
+      v-else
+      :services="data ?? []"
+      :pending="pending"
+      @delete="onDelete"
+      @restore="onRestore"
+    />
+
+    <ObserveServiceFormModal
+      v-model:open="formOpen"
+      :loading="creating"
+      @submit="onCreate"
+    />
+  </div>
+</template>

package/dist/runtime/app/pages/settings/services.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/settings/users/[id].d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/settings/users/[id].vue

@@ -0,0 +1,243 @@
+<script setup>
+import { reactive, ref, watch, computed } from "vue";
+import { useRoute, useRuntimeConfig } from "#imports";
+import { ROLES } from "../../../../shared/auth/roles";
+import { useObserveUsers, useObserveUserDetail } from "../../../composables/useObserveUsers";
+import { useObserveServices } from "../../../composables/useObserveServices";
+import { useObserveGroups } from "../../../composables/useObserveGroups";
+const route = useRoute();
+const id = route.params.id;
+const { prefix } = useRuntimeConfig().public.observe;
+const { data, pending, error, refresh, saveAssignments } = useObserveUserDetail(id);
+const { update } = useObserveUsers();
+const { data: services } = useObserveServices();
+const { data: groups } = useObserveGroups();
+const roleItems = ROLES.map((r) => ({ value: r, label: r }));
+const actionError = ref(null);
+const saving = ref(false);
+const form = reactive({ displayName: "", role: "viewer", disabled: false, password: "" });
+watch(data, (u) => {
+  if (!u) return;
+  form.displayName = u.displayName ?? "";
+  form.role = u.role;
+  form.disabled = u.disabled;
+  form.password = "";
+}, { immediate: true });
+async function onSaveProfile() {
+  saving.value = true;
+  actionError.value = null;
+  try {
+    await update(id, {
+      displayName: form.displayName.trim() || null,
+      role: form.role,
+      disabled: form.disabled,
+      ...form.password ? { password: form.password } : {}
+    });
+    form.password = "";
+    await refresh();
+  } catch (e) {
+    actionError.value = e?.data?.error === "LAST_ADMIN" ? "Cannot demote or disable the last admin." : e.message;
+  } finally {
+    saving.value = false;
+  }
+}
+const selectedServiceIds = ref([]);
+const serviceRoles = reactive({});
+const selectedGroupIds = ref([]);
+const groupRoles = reactive({});
+watch(data, (u) => {
+  if (!u) return;
+  selectedServiceIds.value = u.services.map((s) => s.serviceId);
+  for (const s of u.services) serviceRoles[s.serviceId] = s.role;
+  selectedGroupIds.value = u.groups.map((g) => g.groupId);
+  for (const g of u.groups) groupRoles[g.groupId] = g.role;
+}, { immediate: true });
+const serviceItems = computed(() => (services.value ?? []).map((s) => ({ value: s.id, label: s.name })));
+const groupItems = computed(() => (groups.value ?? []).map((g) => ({ value: g.id, label: g.name })));
+const serviceName = (sid) => services.value?.find((s) => s.id === sid)?.name ?? sid;
+const groupName = (gid) => groups.value?.find((g) => g.id === gid)?.name ?? gid;
+async function onSaveAssignments() {
+  saving.value = true;
+  actionError.value = null;
+  try {
+    await saveAssignments({
+      services: selectedServiceIds.value.map((sid) => ({ serviceId: sid, role: serviceRoles[sid] ?? "viewer" })),
+      groups: selectedGroupIds.value.map((gid) => ({ groupId: gid, role: groupRoles[gid] ?? "viewer" }))
+    });
+    await refresh();
+  } catch (e) {
+    actionError.value = e.message;
+  } finally {
+    saving.value = false;
+  }
+}
+</script>
+
+<template>
+  <div class="space-y-6">
+    <UButton
+      :to="`${prefix}/settings/users`"
+      icon="i-lucide-arrow-left"
+      color="neutral"
+      variant="ghost"
+      size="sm"
+      label="Users"
+    />
+
+    <UAlert
+      v-if="error"
+      color="error"
+      variant="subtle"
+      title="Failed to load user"
+      :description="error.message"
+    />
+    <div
+      v-else-if="pending && !data"
+      class="text-sm text-muted"
+    >
+      Loading…
+    </div>
+
+    <template v-else-if="data">
+      <div class="space-y-1">
+        <h1 class="text-lg font-semibold">
+          {{ data.name }}
+        </h1>
+        <div class="font-mono text-xs text-muted">
+          {{ data.username }} · {{ data.source }}
+        </div>
+      </div>
+
+      <UAlert
+        v-if="actionError"
+        color="error"
+        variant="subtle"
+        title="Action failed"
+        :description="actionError"
+      />
+
+      <div class="grid gap-8 lg:grid-cols-2">
+        <div class="space-y-4">
+          <h2 class="text-sm font-semibold uppercase tracking-wider text-muted">
+            Profile
+          </h2>
+          <UFormField
+            label="Display name"
+            name="displayName"
+          >
+            <UInput
+              v-model="form.displayName"
+              :placeholder="data.username"
+            />
+          </UFormField>
+          <UFormField
+            label="Role"
+            name="role"
+          >
+            <USelectMenu
+              v-model="form.role"
+              :items="roleItems"
+              value-key="value"
+              :search-input="false"
+            />
+          </UFormField>
+          <UFormField
+            label="Disabled"
+            name="disabled"
+            hint="A disabled user cannot authenticate."
+          >
+            <USwitch v-model="form.disabled" />
+          </UFormField>
+          <UFormField
+            label="Reset password"
+            name="password"
+            hint="At least 8 characters. Leave blank to keep the current password."
+          >
+            <UInput
+              v-model="form.password"
+              type="password"
+              placeholder="••••••••"
+            />
+          </UFormField>
+          <UButton
+            label="Save profile"
+            :loading="saving"
+            @click="onSaveProfile"
+          />
+        </div>
+
+        <div class="space-y-4">
+          <h2 class="text-sm font-semibold uppercase tracking-wider text-muted">
+            Assignments
+          </h2>
+          <p
+            v-if="data.role === 'admin'"
+            class="text-sm text-muted"
+          >
+            Admins have access to every service and group; explicit assignments are ignored.
+          </p>
+
+          <UFormField
+            label="Services"
+            name="services"
+          >
+            <USelectMenu
+              v-model="selectedServiceIds"
+              :items="serviceItems"
+              value-key="value"
+              multiple
+              placeholder="Assign services"
+            />
+          </UFormField>
+          <div
+            v-for="sid in selectedServiceIds"
+            :key="sid"
+            class="flex items-center gap-2"
+          >
+            <span class="flex-1 truncate text-sm">{{ serviceName(sid) }}</span>
+            <USelectMenu
+              v-model="serviceRoles[sid]"
+              :items="roleItems"
+              value-key="value"
+              :search-input="false"
+              class="w-32"
+            />
+          </div>
+
+          <UFormField
+            label="Groups"
+            name="groups"
+          >
+            <USelectMenu
+              v-model="selectedGroupIds"
+              :items="groupItems"
+              value-key="value"
+              multiple
+              placeholder="Assign groups"
+            />
+          </UFormField>
+          <div
+            v-for="gid in selectedGroupIds"
+            :key="gid"
+            class="flex items-center gap-2"
+          >
+            <span class="flex-1 truncate text-sm">{{ groupName(gid) }}</span>
+            <USelectMenu
+              v-model="groupRoles[gid]"
+              :items="roleItems"
+              value-key="value"
+              :search-input="false"
+              class="w-32"
+            />
+          </div>
+
+          <UButton
+            label="Save assignments"
+            :loading="saving"
+            @click="onSaveAssignments"
+          />
+        </div>
+      </div>
+    </template>
+  </div>
+</template>

package/dist/runtime/app/pages/settings/users/[id].vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/settings/users/index.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/settings/users/index.vue

@@ -0,0 +1,129 @@
+<script setup>
+import { ref, computed } from "vue";
+import { useRuntimeConfig } from "#imports";
+import { useObserveUsers } from "../../../composables/useObserveUsers";
+const { prefix } = useRuntimeConfig().public.observe;
+const { data, pending, error, refresh, create, remove } = useObserveUsers();
+const formOpen = ref(false);
+const creating = ref(false);
+const actionError = ref(null);
+async function onCreate(input) {
+  creating.value = true;
+  actionError.value = null;
+  try {
+    await create(input);
+    formOpen.value = false;
+    await refresh();
+  } catch (e) {
+    actionError.value = e?.data?.message ?? e.message;
+  } finally {
+    creating.value = false;
+  }
+}
+async function onDelete(user) {
+  actionError.value = null;
+  try {
+    await remove(user.id);
+    await refresh();
+  } catch (e) {
+    actionError.value = e?.data?.error === "LAST_ADMIN" ? "Cannot delete the last admin." : e.message;
+  }
+}
+const roleColor = { admin: "primary", manager: "info", viewer: "neutral" };
+const columns = computed(() => [
+  { id: "name", accessorKey: "name", header: "User" },
+  { id: "role", accessorKey: "role", header: "Role" },
+  { id: "actions", header: "" }
+]);
+</script>
+
+<template>
+  <div class="space-y-4">
+    <div class="flex items-center justify-between">
+      <p class="text-sm text-muted">
+        Dashboard users, their global role and assigned scope.
+      </p>
+      <ObserveCan capability="users.manage">
+        <UButton
+          icon="i-lucide-plus"
+          label="Add user"
+          @click="() => {
+  formOpen = true;
+}"
+        />
+      </ObserveCan>
+    </div>
+
+    <UAlert
+      v-if="error"
+      color="error"
+      variant="subtle"
+      title="Failed to load users"
+      :description="error.message"
+    />
+    <UAlert
+      v-else-if="actionError"
+      color="error"
+      variant="subtle"
+      title="Action failed"
+      :description="actionError"
+    />
+
+    <UCard
+      v-if="!error"
+      :ui="{ body: 'p-0 sm:p-0' }"
+    >
+      <UTable
+        :data="data ?? []"
+        :columns="columns"
+        :loading="pending"
+        empty="No users yet."
+      >
+        <template #name-cell="{ row }">
+          <NuxtLink
+            :to="`${prefix}/settings/users/${row.original.id}`"
+            class="font-medium hover:underline"
+          >
+            {{ row.original.name }}
+          </NuxtLink>
+        </template>
+        <template #role-cell="{ row }">
+          <UBadge
+            :color="roleColor[row.original.role] ?? 'neutral'"
+            variant="subtle"
+            size="sm"
+            :label="row.original.role"
+          />
+        </template>
+        <template #actions-cell="{ row }">
+          <ObserveCan capability="users.manage">
+            <div class="flex justify-end gap-1">
+              <UButton
+                :to="`${prefix}/settings/users/${row.original.id}`"
+                icon="i-lucide-pencil"
+                color="neutral"
+                variant="ghost"
+                size="xs"
+                label="Manage"
+              />
+              <UButton
+                icon="i-lucide-trash-2"
+                color="error"
+                variant="ghost"
+                size="xs"
+                label="Delete"
+                @click="onDelete(row.original)"
+              />
+            </div>
+          </ObserveCan>
+        </template>
+      </UTable>
+    </UCard>
+
+    <ObserveUserFormModal
+      v-model:open="formOpen"
+      :loading="creating"
+      @submit="onCreate"
+    />
+  </div>
+</template>

package/dist/runtime/app/pages/settings/users/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/options.d.ts

@@ -0,0 +1 @@
+export { defineObserveOptions } from './shared/utils/observe-config.js';

package/dist/runtime/options.js

@@ -0,0 +1 @@
+export { defineObserveOptions } from "./shared/utils/observe-config.js";

package/dist/runtime/server/api/observe/activity.get.d.ts

@@ -0,0 +1,3 @@
+import { type ActivityResponse } from '../../../shared/schema/activity.js';
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<ActivityResponse>>;
+export default _default;

package/dist/runtime/server/api/observe/activity.get.js

@@ -0,0 +1,30 @@
+import { defineEventHandler, getValidatedQuery, createError, H3Error } from "h3";
+import { activityQuerySchema } from "../../../shared/schema/activity.js";
+import { periodToRange } from "../../../shared/utils/period.js";
+import { requireCapability, getAllowedServiceIds } from "../../utils/authz.js";
+import { resolveEffectiveScope } from "../../utils/scope.js";
+import { getActivity } from "../../utils/activity-query.js";
+export default defineEventHandler(async (event) => {
+  const { principal } = await requireCapability(event, "stats.read");
+  const { period, service, group, dimension, env, level, q, sort, limit } = await getValidatedQuery(event, activityQuerySchema.parse);
+  const allowed = await getAllowedServiceIds(event, principal);
+  const effective = await resolveEffectiveScope(event, principal, allowed, { service, group });
+  const { from, to, label } = periodToRange(period);
+  const base = {
+    dimension,
+    period: { from, to, label },
+    scope: { serviceIds: effective === "*" ? [] : effective, isAll: effective === "*" },
+    sort,
+    limit
+  };
+  if (effective !== "*" && effective.length === 0) {
+    return { ...base, items: [], total: 0, withKey: 0, degraded: false };
+  }
+  try {
+    const data = await getActivity(effective, from, to, { dimension, env, level, q, sort, limit });
+    return { ...base, ...data };
+  } catch (e) {
+    if (e instanceof H3Error) throw e;
+    throw createError({ statusCode: 500, statusMessage: "Activity query failed" });
+  }
+});

package/dist/runtime/server/api/observe/auth/login.post.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
+    user: import("../../../../shared/auth/types.js").Principal;
+}>>;
+export default _default;

package/dist/runtime/server/api/observe/auth/login.post.js

@@ -0,0 +1,13 @@
+import { defineEventHandler, readValidatedBody, createError } from "h3";
+import { setUserSession } from "#imports";
+import { loginBodySchema } from "../../../../shared/auth/schema.js";
+import { getAuthProvider } from "../../../auth/provider.js";
+export default defineEventHandler(async (event) => {
+  const body = await readValidatedBody(event, loginBodySchema.parse);
+  const result = await getAuthProvider().authenticate(body, event);
+  if (!result.ok || !result.principal) {
+    throw createError({ statusCode: 401, statusMessage: "Invalid credentials" });
+  }
+  await setUserSession(event, { user: result.principal, loggedInAt: Date.now() });
+  return { user: result.principal };
+});

package/dist/runtime/server/api/observe/auth/logout.post.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
+    ok: true;
+}>>;
+export default _default;