@antelopejs/dms-ai 0.0.1

package/dist/types/logs.d.ts

@@ -0,0 +1,12 @@
+export interface BufferedLog {
+    time: number;
+    channel: string;
+    levelId: number;
+    args: unknown[];
+}
+export interface LogQuery {
+    since?: number;
+    level?: number;
+    channel?: string;
+    limit?: number;
+}

package/dist/types/logs.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=logs.js.map

package/dist/types/logs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs.js","sourceRoot":"","sources":["../../src/types/logs.ts"],"names":[],"mappings":""}

package/dist/types/pages-registry.d.ts

@@ -0,0 +1,6 @@
+export interface PagesRegistryEntry {
+    id: string;
+    path: string;
+    filepath?: string;
+    moduleId: string;
+}

package/dist/types/pages-registry.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=pages-registry.js.map

package/dist/types/pages-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages-registry.js","sourceRoot":"","sources":["../../src/types/pages-registry.ts"],"names":[],"mappings":""}

package/frontend-vue/.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_size = 2
+indent_style = tab
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

package/frontend-vue/app/components/ActivityView.vue

@@ -0,0 +1,94 @@
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+
+interface ActivityItem {
+	id: string
+	timestampMs: number
+	toolName: string
+	status: 'success' | 'error' | 'pending'
+	conversationId: string
+	conversationTitle: string
+	summary: string
+}
+
+const { $authFetch } = useAuthFetch()
+
+const items = ref<ActivityItem[]>([])
+const loading = ref(false)
+const error = ref<string | null>(null)
+
+async function load(): Promise<void> {
+	loading.value = true
+	error.value = null
+	try {
+		const activity = await $authFetch<{ items: ActivityItem[] }>(
+			'/ai/activity?limit=50',
+		)
+		items.value = activity.items ?? []
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : String(e)
+	} finally {
+		loading.value = false
+	}
+}
+
+onMounted(load)
+
+const STATUS_COLOR: Record<ActivityItem['status'], string> = {
+	success: 'success',
+	error: 'error',
+	pending: 'warning',
+}
+
+function formatTime(ms: number): string {
+	return new Date(ms).toLocaleString()
+}
+</script>
+
+<template>
+	<div class="flex w-full flex-col gap-4 pb-10">
+		<div
+			v-if="error"
+			class="rounded border border-error bg-error/10 p-4 text-sm text-error"
+		>
+			{{ error }}
+		</div>
+
+		<div v-else class="rounded border border-default">
+			<div v-if="loading" class="p-4 text-sm text-dimmed">
+				Loading activity…
+			</div>
+			<div
+				v-else-if="items.length === 0"
+				class="p-6 text-center text-sm text-dimmed"
+			>
+				No AI actions recorded yet.
+			</div>
+			<ul v-else class="divide-y divide-default">
+				<li
+					v-for="item in items"
+					:key="item.id"
+					class="flex items-start gap-3 p-3"
+				>
+					<UIcon name="i-ph-wrench" class="mt-1 text-dimmed" />
+					<div class="min-w-0 flex-1">
+						<div class="flex items-center gap-2">
+							<span class="font-medium">{{ item.toolName }}</span>
+							<UBadge
+								:color="STATUS_COLOR[item.status]"
+								variant="subtle"
+								size="sm"
+							>
+								{{ item.status }}
+							</UBadge>
+						</div>
+						<p class="truncate text-sm text-muted">{{ item.summary }}</p>
+						<p class="text-xs text-dimmed">
+							{{ item.conversationTitle }} · {{ formatTime(item.timestampMs) }}
+						</p>
+					</div>
+				</li>
+			</ul>
+		</div>
+	</div>
+</template>

package/frontend-vue/app/components/SettingsView.vue

@@ -0,0 +1,300 @@
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+
+type Mode = 'normal' | 'acceptEdits' | 'plan' | 'auto'
+type Thinking = 'off' | 'low' | 'medium' | 'high'
+type GenerationMode = 'safe' | 'vibe'
+
+interface AiSettings {
+	mode: Mode
+	thinking: Thinking
+	generationMode: GenerationMode
+	allowLocalSkills: boolean
+	builderAvailable: boolean
+}
+
+const { $authFetch } = useAuthFetch()
+
+const settings = ref<AiSettings>({
+	mode: 'normal',
+	thinking: 'medium',
+	generationMode: 'safe',
+	allowLocalSkills: false,
+	builderAvailable: false,
+})
+const loading = ref(false)
+const saving = ref(false)
+const error = ref<string | null>(null)
+
+const MODE_OPTIONS: Array<{ value: Mode; label: string; hint: string }> = [
+	{ value: 'normal', label: 'Normal', hint: 'Ask before each tool action' },
+	{
+		value: 'acceptEdits',
+		label: 'Accept edits',
+		hint: 'Auto-accept file edits, ask for the rest',
+	},
+	{ value: 'plan', label: 'Plan', hint: 'Plan only — propose without changes' },
+	{ value: 'auto', label: 'Auto', hint: 'Auto-approve every tool action' },
+]
+
+const THINKING_OPTIONS: Array<{ value: Thinking; label: string }> = [
+	{ value: 'off', label: 'Off' },
+	{ value: 'low', label: 'Low' },
+	{ value: 'medium', label: 'Medium' },
+	{ value: 'high', label: 'High' },
+]
+
+async function load(): Promise<void> {
+	loading.value = true
+	error.value = null
+	try {
+		settings.value = await $authFetch<AiSettings>('/ai/settings')
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : String(e)
+	} finally {
+		loading.value = false
+	}
+}
+
+async function persist(): Promise<void> {
+	saving.value = true
+	error.value = null
+	try {
+		settings.value = await $authFetch<AiSettings>('/ai/settings', {
+			method: 'PUT',
+			body: settings.value,
+		})
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : String(e)
+	} finally {
+		saving.value = false
+	}
+}
+
+function onMode(event: Event): void {
+	settings.value.mode = (event.target as HTMLSelectElement).value as Mode
+	void persist()
+}
+
+function onThinking(event: Event): void {
+	settings.value.thinking = (event.target as HTMLSelectElement).value as Thinking
+	void persist()
+}
+
+function onAllowLocalSkills(event: Event): void {
+	settings.value.allowLocalSkills = (event.target as HTMLInputElement).checked
+	void persist()
+}
+
+const activeMode = computed<GenerationMode>(() =>
+	settings.value.generationMode === 'safe' && settings.value.builderAvailable
+		? 'safe'
+		: 'vibe',
+)
+
+function onGenerationMode(mode: GenerationMode): void {
+	if (mode === 'safe' && !settings.value.builderAvailable) return
+	if (mode === settings.value.generationMode) return
+	settings.value.generationMode = mode
+	void persist()
+}
+
+onMounted(load)
+
+const SELECT_CLASS =
+	'w-full rounded-md border border-default bg-elevated px-3 py-2 text-sm'
+</script>
+
+<template>
+	<div class="flex w-full flex-col gap-5 pb-10">
+		<div
+			v-if="error"
+			class="rounded-lg border border-error bg-error/10 p-4 text-sm text-error"
+		>
+			{{ error }}
+		</div>
+
+		<!-- Row 1: Model (left) · Default behavior (right) -->
+		<div class="grid gap-5 lg:grid-cols-2">
+			<section class="rounded-xl border border-default bg-elevated/30">
+				<header class="border-b border-default px-5 py-4">
+					<h2 class="text-sm font-semibold text-highlighted">Model</h2>
+				</header>
+				<div class="flex flex-col gap-4 p-5">
+					<div>
+						<label class="mb-1.5 block text-xs font-medium text-toned">Provider</label>
+						<select :class="SELECT_CLASS" disabled>
+							<option>Anthropic (Claude)</option>
+						</select>
+					</div>
+					<div>
+						<label class="mb-1.5 block text-xs font-medium text-toned">Model</label>
+						<select :class="SELECT_CLASS" disabled>
+							<option>Claude Opus 4.x</option>
+						</select>
+					</div>
+				</div>
+			</section>
+
+			<section class="rounded-xl border border-default bg-elevated/30">
+				<header class="border-b border-default px-5 py-4">
+					<h2 class="text-sm font-semibold text-highlighted">Default behavior</h2>
+				</header>
+				<div class="flex flex-col gap-4 p-5">
+					<div>
+						<label class="mb-1.5 block text-xs font-medium text-toned">
+							Operating mode
+						</label>
+						<select
+							:class="SELECT_CLASS"
+							:value="settings.mode"
+							:disabled="loading || saving"
+							@change="onMode"
+						>
+							<option
+								v-for="option in MODE_OPTIONS"
+								:key="option.value"
+								:value="option.value"
+							>
+								{{ option.label }}
+							</option>
+						</select>
+						<p class="mt-1.5 text-xs text-dimmed">
+							{{ MODE_OPTIONS.find((o) => o.value === settings.mode)?.hint }}
+						</p>
+					</div>
+					<div>
+						<label class="mb-1.5 block text-xs font-medium text-toned">
+							Thinking
+						</label>
+						<select
+							:class="SELECT_CLASS"
+							:value="settings.thinking"
+							:disabled="loading || saving"
+							@change="onThinking"
+						>
+							<option
+								v-for="option in THINKING_OPTIONS"
+								:key="option.value"
+								:value="option.value"
+							>
+								{{ option.label }}
+							</option>
+						</select>
+					</div>
+					<div>
+						<label class="flex items-start gap-3">
+							<input
+								type="checkbox"
+								class="mt-0.5 size-4 rounded border-default"
+								:checked="settings.allowLocalSkills"
+								:disabled="loading || saving"
+								@change="onAllowLocalSkills"
+							>
+							<span>
+								<span class="block text-xs font-medium text-toned">
+									Use machine-local skills (~/.claude/skills)
+								</span>
+								<span class="mt-0.5 block text-xs text-dimmed">
+									Adds the skills from your machine
+									(<code>~/.claude/skills</code>) on top of the ones bundled by
+									modules. Machine-local, so not shared with other environments.
+									Off by default.
+								</span>
+							</span>
+						</label>
+					</div>
+				</div>
+			</section>
+		</div>
+
+		<!-- Row 2: Generation mode (full width) -->
+		<section class="rounded-xl border border-default bg-elevated/30">
+			<header class="border-b border-default px-5 py-4">
+				<h2 class="text-sm font-semibold text-highlighted">Generation mode</h2>
+				<p class="mt-0.5 text-xs text-dimmed">Default mode applied to new prompts</p>
+			</header>
+			<div class="grid gap-4 p-5 sm:grid-cols-2">
+				<button
+					type="button"
+					:disabled="!settings.builderAvailable || loading || saving"
+					class="rounded-lg border p-4 text-left transition"
+					:class="[
+						activeMode === 'safe'
+							? 'border-primary bg-primary/10'
+							: 'border-default',
+						settings.builderAvailable
+							? 'cursor-pointer hover:border-primary/60'
+							: 'cursor-not-allowed opacity-60',
+					]"
+					@click="onGenerationMode('safe')"
+				>
+					<div class="mb-2 flex items-center gap-2">
+						<UIcon
+							name="i-ph-shield"
+							:class="activeMode === 'safe' ? 'text-primary' : 'text-muted'"
+						/>
+						<b class="text-highlighted">Safe code</b>
+						<UBadge
+							v-if="activeMode === 'safe'"
+							class="ml-auto"
+							color="primary"
+							variant="subtle"
+							size="sm"
+						>
+							Active
+						</UBadge>
+						<UBadge
+							v-else-if="!settings.builderAvailable"
+							class="ml-auto"
+							color="neutral"
+							variant="subtle"
+							size="sm"
+						>
+							Unavailable
+						</UBadge>
+					</div>
+					<p class="text-xs leading-relaxed text-dimmed">
+						Acts only through the Builder (MCP) — emits accepted configurations,
+						never raw code.
+						<template v-if="!settings.builderAvailable">
+							Available once the Builder module is loaded.
+						</template>
+					</p>
+				</button>
+				<button
+					type="button"
+					:disabled="loading || saving"
+					class="rounded-lg border p-4 text-left transition"
+					:class="
+						activeMode === 'vibe'
+							? 'border-primary bg-primary/10'
+							: 'cursor-pointer border-default hover:border-primary/60'
+					"
+					@click="onGenerationMode('vibe')"
+				>
+					<div class="mb-2 flex items-center gap-2">
+						<UIcon
+							name="i-ph-magic-wand"
+							:class="activeMode === 'vibe' ? 'text-primary' : 'text-muted'"
+						/>
+						<b class="text-highlighted">Vibe code</b>
+						<UBadge
+							v-if="activeMode === 'vibe'"
+							class="ml-auto"
+							color="primary"
+							variant="subtle"
+							size="sm"
+						>
+							Active
+						</UBadge>
+					</div>
+					<p class="text-xs leading-relaxed text-dimmed">
+						Free to write custom code and bespoke pages beyond the Builder
+						blocks — full creative range.
+					</p>
+				</button>
+			</div>
+		</section>
+	</div>
+</template>

package/frontend-vue/app/components/SkillsView.vue

@@ -0,0 +1,228 @@
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+
+interface SkillItem {
+	id: string
+	name: string
+	description: string
+	icon?: string
+	category?: string
+	tags: string[]
+	provenance: string
+	body: string
+}
+
+const LOCAL_PROVENANCE = 'local'
+
+const { $authFetch } = useAuthFetch()
+
+const items = ref<SkillItem[]>([])
+const loading = ref(false)
+const error = ref<string | null>(null)
+const search = ref('')
+const selected = ref<SkillItem | null>(null)
+
+async function load(): Promise<void> {
+	loading.value = true
+	error.value = null
+	try {
+		const res = await $authFetch<{ items: SkillItem[] }>('/ai/skills')
+		items.value = res.items
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : String(e)
+	} finally {
+		loading.value = false
+	}
+}
+
+onMounted(load)
+
+// Flat list, sorted by provenance then name so skills from the same package
+// stay adjacent without a grouping layer.
+const filtered = computed(() => {
+	const q = search.value.trim().toLowerCase()
+	return items.value
+		.filter((s) => {
+			if (q.length === 0) return true
+			const haystack = [s.name, s.description, s.category ?? '', ...s.tags]
+				.join(' ')
+				.toLowerCase()
+			return haystack.includes(q)
+		})
+		.sort(
+			(a, b) =>
+				a.provenance.localeCompare(b.provenance) ||
+				a.name.localeCompare(b.name),
+		)
+})
+
+function isLocal(provenance: string): boolean {
+	return provenance === LOCAL_PROVENANCE
+}
+
+function open(skill: SkillItem): void {
+	selected.value = skill
+}
+
+function close(): void {
+	selected.value = null
+}
+
+const CARD_CLASS =
+	'flex flex-col gap-2 rounded-xl border border-default bg-elevated/30 p-4 text-left transition-colors hover:border-primary'
+</script>
+
+<template>
+	<div class="flex w-full flex-col gap-5 pb-10">
+		<div
+			v-if="error"
+			class="rounded-lg border border-error bg-error/10 p-4 text-sm text-error"
+		>
+			{{ error }}
+		</div>
+
+		<!-- Stat row -->
+		<div class="grid gap-4 sm:grid-cols-2">
+			<div class="rounded-xl border border-default bg-elevated/30 p-4">
+				<p class="text-xs font-medium text-toned">Total skills</p>
+				<p class="mt-1 text-2xl font-semibold text-highlighted">
+					{{ items.length }}
+				</p>
+			</div>
+		</div>
+
+		<!-- Controls -->
+		<div class="flex flex-wrap items-center gap-3">
+			<input
+				v-model="search"
+				type="search"
+				placeholder="Search skills…"
+				class="w-full max-w-xs rounded-md border border-default bg-elevated px-3 py-2 text-sm"
+			>
+		</div>
+
+		<p
+			v-if="!loading && items.length === 0"
+			class="rounded-lg border border-default bg-elevated/30 p-6 text-center text-sm text-dimmed"
+		>
+			No skills are loaded. Module-contributed skills appear here, plus
+			machine-local skills when enabled in Settings.
+		</p>
+
+		<!-- Skill cards -->
+		<div class="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
+			<button
+				v-for="skill in filtered"
+				:key="skill.id"
+				type="button"
+				:class="CARD_CLASS"
+				@click="open(skill)"
+			>
+				<div class="flex items-start gap-2">
+					<UIcon
+						:name="skill.icon || 'i-ph-sparkle'"
+						class="mt-0.5 shrink-0 text-primary"
+					/>
+					<div class="min-w-0">
+						<p class="truncate text-sm font-semibold text-highlighted">
+							{{ skill.name }}
+						</p>
+						<p class="truncate text-xs text-dimmed">
+							{{ skill.provenance }}
+						</p>
+					</div>
+					<UBadge
+						v-if="isLocal(skill.provenance)"
+						class="ml-auto shrink-0"
+						color="warning"
+						variant="subtle"
+						size="sm"
+					>
+						Local
+					</UBadge>
+				</div>
+				<p class="line-clamp-3 text-xs leading-relaxed text-toned">
+					{{ skill.description }}
+				</p>
+				<div v-if="skill.tags.length" class="mt-auto flex flex-wrap gap-1">
+					<UBadge
+						v-for="tag in skill.tags"
+						:key="tag"
+						color="neutral"
+						variant="soft"
+						size="sm"
+					>
+						{{ tag }}
+					</UBadge>
+				</div>
+			</button>
+		</div>
+
+		<!-- Detail drawer -->
+		<div
+			v-if="selected"
+			class="fixed inset-0 z-50 flex justify-end bg-black/40"
+			@click.self="close"
+		>
+			<div
+				class="flex h-full w-full max-w-lg flex-col overflow-y-auto border-l border-default bg-default p-6 shadow-xl"
+			>
+				<div class="mb-4 flex items-start gap-3">
+					<UIcon
+						:name="selected.icon || 'i-ph-sparkle'"
+						class="mt-1 shrink-0 text-xl text-primary"
+					/>
+					<div class="min-w-0 flex-1">
+						<h2 class="text-lg font-semibold text-highlighted">
+							{{ selected.name }}
+						</h2>
+						<p class="text-xs text-dimmed">{{ selected.id }}</p>
+					</div>
+					<UButton
+						icon="i-ph-x"
+						color="neutral"
+						variant="ghost"
+						size="sm"
+						square
+						@click="close"
+					/>
+				</div>
+
+				<div class="mb-4 flex flex-wrap items-center gap-2">
+					<UBadge color="primary" variant="subtle" size="sm">
+						{{ selected.provenance }}
+					</UBadge>
+					<UBadge
+						v-if="isLocal(selected.provenance)"
+						color="warning"
+						variant="subtle"
+						size="sm"
+					>
+						Local — this machine
+					</UBadge>
+					<UBadge
+						v-for="tag in selected.tags"
+						:key="tag"
+						color="neutral"
+						variant="soft"
+						size="sm"
+					>
+						{{ tag }}
+					</UBadge>
+				</div>
+
+				<p class="mb-4 text-sm leading-relaxed text-toned">
+					{{ selected.description }}
+				</p>
+
+				<h3 class="mb-2 text-xs font-semibold uppercase tracking-wide text-dimmed">
+					Instructions (SKILL.md)
+				</h3>
+				<pre
+					class="whitespace-pre-wrap rounded-lg border border-default bg-elevated/40 p-4 text-xs leading-relaxed text-toned"
+					>{{ selected.body }}</pre
+				>
+			</div>
+		</div>
+	</div>
+</template>