rimelight-components 2.1.69 → 2.1.72

package/dist/module.d.mts

@@ -12,6 +12,28 @@ interface ModuleOptions {
      * @defaultValue `RC`
      */
     prefix?: string;
+    /**
+     * Logos configuration
+     */
+    logos?: {
+        mark?: string | {
+            light?: string;
+            dark?: string;
+        };
+        type?: string | {
+            light?: string;
+            dark?: string;
+        };
+        classic?: string | {
+            light?: string;
+            dark?: string;
+        };
+        symbol?: string | {
+            light?: string;
+            dark?: string;
+        };
+        [key: string]: any;
+    };
     callouts: {
         info: CalloutOptions;
         success: CalloutOptions;
@@ -25,6 +47,7 @@ interface ModuleOptions {
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, {
     enabled: boolean;
     prefix: string;
+    logos: Record<string, any>;
     callouts: {
         info: {
             icon: string;

package/dist/module.d.ts

@@ -12,6 +12,28 @@ interface ModuleOptions {
      * @defaultValue `RC`
      */
     prefix?: string;
+    /**
+     * Logos configuration
+     */
+    logos?: {
+        mark?: string | {
+            light?: string;
+            dark?: string;
+        };
+        type?: string | {
+            light?: string;
+            dark?: string;
+        };
+        classic?: string | {
+            light?: string;
+            dark?: string;
+        };
+        symbol?: string | {
+            light?: string;
+            dark?: string;
+        };
+        [key: string]: any;
+    };
     callouts: {
         info: CalloutOptions;
         success: CalloutOptions;
@@ -25,6 +47,7 @@ interface ModuleOptions {
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, {
     enabled: boolean;
     prefix: string;
+    logos: Record<string, any>;
     callouts: {
         info: {
             icon: string;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.1.69",
+  "version": "2.1.72",
   "docs": "https://rimelight.com/tools/rimelight-components",
   "configKey": "rimelightComponents",
   "compatibility": {

package/dist/module.mjs

@@ -4,12 +4,18 @@ import { readdirSync } from 'node:fs';
 import { basename } from 'node:path';
 
 const name = "rimelight-components";
-const version = "2.1.69";
+const version = "2.1.72";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {
   enabled: true,
   prefix: "RC",
+  logos: {
+    mark: "",
+    type: "",
+    classic: "",
+    symbol: ""
+  },
   callouts: {
     info: {
       icon: "lucide:shield-alert",

package/dist/runtime/components/app/Logo.d.vue.ts

@@ -1,15 +1,38 @@
+export type LogoVariant = "mark" | "type" | "classic" | "symbol" | string;
 export interface LogoProps {
-    variant?: "mark" | "type";
+    /**
+     * The variant of the logo to display.
+     * @defaultValue "mark"
+     */
+    variant?: LogoVariant;
+    /**
+     * Override the color mode.
+     */
+    mode?: "light" | "dark";
+    /**
+     * The URL to link to.
+     * @defaultValue "/"
+     */
+    to?: string;
+    /**
+     * Options for the RC design system.
+     */
     rc?: {
         root?: string;
     };
+    /**
+     * The alt text for the logo image.
+     */
+    alt?: string;
 }
-export interface LogoEmits {
-}
-export interface LogoSlots {
-}
-type __VLS_Slots = LogoSlots;
-declare const __VLS_base: import("vue").DefineComponent<LogoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LogoProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_18: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LogoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LogoProps> & Readonly<{}>, {
+    to: string;
+    variant: LogoVariant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/app/Logo.vue

@@ -1,35 +1,64 @@
 <script setup>
-import { useAppConfig } from "nuxt/app";
-import { computed } from "#imports";
+import { useAppConfig, computed, useNuxtApp } from "#imports";
+import { useAttrs } from "vue";
 import { tv } from "../../internal/tv";
 import { useRC } from "../../composables";
-const { variant = "mark", rc: rcProp } = defineProps({
-  variant: { type: String, required: false },
-  rc: { type: Object, required: false }
+defineOptions({
+  inheritAttrs: false
 });
-const emit = defineEmits([]);
-const slots = defineSlots();
-const { rc } = useRC("Logo", rcProp);
+const props = defineProps({
+  variant: { type: String, required: false, default: "mark" },
+  mode: { type: String, required: false },
+  to: { type: String, required: false, default: "/" },
+  rc: { type: Object, required: false },
+  alt: { type: String, required: false }
+});
+const attrs = useAttrs();
+const { rc } = useRC("Logo", props.rc);
+const nuxtApp = useNuxtApp();
+const appConfig = useAppConfig();
 const logoStyles = tv({
   slots: {
-    root: ""
+    root: "inline-flex items-center justify-center transition-opacity hover:opacity-80 shrink-0 select-none overflow-hidden"
   }
 });
 const { root } = logoStyles();
-const appConfig = useAppConfig();
+const activeMode = computed(() => props.mode || nuxtApp.$colorMode?.value || "dark");
 const logoSrc = computed(() => {
-  switch (variant) {
-    case "type":
-      return appConfig.logotype || "";
-    case "mark":
-    default:
-      return appConfig.logomark || "";
+  const rcLogos = appConfig.rimelightComponents?.logos;
+  let src = null;
+  if (rcLogos && typeof rcLogos === "object") {
+    src = rcLogos[props.variant];
+    if (src && typeof src === "object") {
+      src = src[activeMode.value] || src.light || src.dark;
+    }
   }
+  if (src && typeof src === "string" && src) return src;
+  const legacy = appConfig.rimelightComponents;
+  if (props.variant === "mark") return appConfig.logomark || legacy?.logomark || null;
+  if (props.variant === "type") return appConfig.logotype || legacy?.logotype || null;
+  return appConfig[props.variant] || null;
+});
+const isIcon = computed(() => {
+  const src = logoSrc.value;
+  if (!src) return false;
+  if (src.startsWith("http") || src.startsWith("/") || src.startsWith(".")) return false;
+  return src.includes(":") || src.startsWith("i-");
 });
 </script>
 
 <template>
-  <NuxtLink to="/" :class="root({ class: rc.root })">
-    <UIcon :name="logoSrc" v-bind="$attrs" />
+  <NuxtLink 
+    v-bind="attrs" 
+    :to="to" 
+    :class="root({ class: [rc.root, attrs.class] })" 
+    :aria-label="alt || variant"
+  >
+    <template v-if="logoSrc">
+      <!-- Using mode='svg' ensures the icon has an intrinsic aspect ratio, allowing w-auto to work -->
+      <UIcon v-if="isIcon" :name="logoSrc" mode="svg" class="h-full w-auto block shrink-0" />
+      <NuxtImg v-else :src="logoSrc" :alt="alt" class="h-full w-auto block object-contain shrink-0" />
+    </template>
+    <slot v-else />
   </NuxtLink>
 </template>

package/dist/runtime/components/app/Logo.vue.d.ts

@@ -1,15 +1,38 @@
+export type LogoVariant = "mark" | "type" | "classic" | "symbol" | string;
 export interface LogoProps {
-    variant?: "mark" | "type";
+    /**
+     * The variant of the logo to display.
+     * @defaultValue "mark"
+     */
+    variant?: LogoVariant;
+    /**
+     * Override the color mode.
+     */
+    mode?: "light" | "dark";
+    /**
+     * The URL to link to.
+     * @defaultValue "/"
+     */
+    to?: string;
+    /**
+     * Options for the RC design system.
+     */
     rc?: {
         root?: string;
     };
+    /**
+     * The alt text for the logo image.
+     */
+    alt?: string;
 }
-export interface LogoEmits {
-}
-export interface LogoSlots {
-}
-type __VLS_Slots = LogoSlots;
-declare const __VLS_base: import("vue").DefineComponent<LogoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LogoProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_18: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LogoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LogoProps> & Readonly<{}>, {
+    to: string;
+    variant: LogoVariant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/dashboard/QuickActions.vue

@@ -20,7 +20,7 @@ const menuItems = computed(() => {
 <template>
   <div class="fixed bottom-6 right-6 z-10000">
     <ClientOnly>
-      <UDropdownMenu v-if="menuItems.length > 0" :items="menuItems" :ui="{ content: 'w-48' }">
+      <UDropdownMenu :items="menuItems" :ui="{ content: 'w-48' }">
         <UButton
           icon="lucide:plus"
           color="primary"

package/dist/runtime/components/notes/NoteCard.vue

@@ -37,14 +37,14 @@ const emit = defineEmits(["click", "togglePin", "archive", "delete"]);
           class="flex flex-row flex-nowrap gap-xs overflow-hidden mask-[linear-gradient(90deg,black_85%,transparent)]"
         >
           <UBadge
-            v-for="labelEntry in note.labels"
-            :key="labelEntry.label.id"
+            v-for="(labelEntry, index) in note.labels"
+            :key="labelEntry.label?.id || index"
             color="neutral"
             variant="subtle"
             size="sm"
             class="shrink-0 truncate"
           >
-            {{ labelEntry.label.name }}
+            {{ labelEntry.label?.name || "Unknown" }}
           </UBadge>
         </div>
       </template>

package/dist/runtime/components/notes/TodoList.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/components/notes/TodoList.vue

@@ -0,0 +1,183 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+import { useTodos, useApi } from "../../composables";
+const { toggleTodo, archiveTodo, restoreTodo, deleteTodo, createTodo, todoRefreshTrigger } = useTodos();
+const { data: todos, refresh: refreshTodos } = await useApi("/api/todos");
+watch(todoRefreshTrigger, () => {
+  refreshTodos();
+});
+const activeTodos = computed(() => todos.value?.filter((t) => !t.isArchived) || []);
+const newTodoTitle = ref("");
+const newTodoDescription = ref("");
+const isAdding = ref(false);
+const handleAddTodo = async () => {
+  if (!newTodoTitle.value.trim()) return;
+  isAdding.value = true;
+  try {
+    await createTodo(newTodoTitle.value.trim(), newTodoDescription.value.trim() || void 0);
+    newTodoTitle.value = "";
+    newTodoDescription.value = "";
+  } finally {
+    isAdding.value = false;
+  }
+};
+const showArchived = ref(false);
+const { data: archivedTodos, refresh: refreshArchived } = await useApi("/api/todos/archived", {
+  immediate: false,
+  watch: [showArchived]
+});
+watch(showArchived, (val) => {
+  if (val) refreshArchived();
+});
+watch(todoRefreshTrigger, () => {
+  if (showArchived.value) refreshArchived();
+});
+</script>
+
+<template>
+  <div class="flex flex-col gap-md">
+    <div class="flex items-center justify-between">
+      <h3 class="text-sm font-semibold tracking-wider text-gray-500 uppercase">To-do List</h3>
+      <UButton
+        :icon="showArchived ? 'lucide:archive-x' : 'lucide:archive'"
+        color="neutral"
+        size="xs"
+        variant="ghost"
+        :label="showArchived ? 'Hide Archive' : 'Show Archive'"
+        @click="showArchived = !showArchived"
+      />
+    </div>
+
+    <UCard variant="soft" :ui="{ body: 'p-sm' }">
+      <div class="flex flex-col gap-sm">
+        <!-- Quick Add -->
+        <div class="flex flex-col gap-xs">
+          <div class="flex gap-sm items-center">
+            <UInput
+              v-model="newTodoTitle"
+              placeholder="Add a to-do..."
+              class="flex-1"
+              @keydown.enter="handleAddTodo"
+            />
+            <UButton
+              icon="lucide:plus"
+              size="sm"
+              :loading="isAdding"
+              @click="handleAddTodo"
+            />
+          </div>
+          <transition
+            enter-active-class="transition duration-200 ease-out"
+            enter-from-class="transform -translate-y-2 opacity-0"
+            enter-to-class="transform translate-y-0 opacity-100"
+            leave-active-class="transition duration-150 ease-in"
+            leave-from-class="transform translate-y-0 opacity-100"
+            leave-to-class="transform -translate-y-2 opacity-0"
+          >
+            <div v-if="newTodoTitle.length > 0" class="pl-0">
+               <UInput
+                 v-model="newTodoDescription"
+                 placeholder="Add a description (optional)..."
+                 size="xs"
+                 variant="outline"
+                 color="neutral"
+                 @keydown.enter="handleAddTodo"
+               />
+            </div>
+          </transition>
+        </div>
+
+        <!-- Active Todos -->
+        <div class="flex flex-col gap-xs">
+          <div
+            v-for="todo in activeTodos"
+            :key="todo.id"
+            class="group flex items-center justify-between gap-sm p-xs rounded-lg hover:bg-muted/50 transition-colors"
+          >
+            <div class="flex items-start gap-sm flex-1">
+              <div class="pt-0.5">
+                <UCheckbox
+                  v-model="todo.completed"
+                  @change="toggleTodo(todo.id, todo.completed)"
+                />
+              </div>
+              <div class="flex flex-col gap-0">
+                <span
+                  class="text-sm transition-all"
+                  :class="{ 'line-through text-dimmed': todo.completed }"
+                >
+                  {{ todo.title }}
+                </span>
+                <span
+                  v-if="todo.description"
+                  class="text-xs text-dimmed transition-all"
+                  :class="{ 'line-through': todo.completed }"
+                >
+                  {{ todo.description }}
+                </span>
+              </div>
+            </div>
+            <div class="flex items-center gap-xs opacity-0 group-hover:opacity-100 transition-opacity">
+              <UButton
+                icon="lucide:archive"
+                size="xs"
+                variant="ghost"
+                color="neutral"
+                @click="archiveTodo(todo.id)"
+              />
+            </div>
+          </div>
+
+          <p v-if="activeTodos.length === 0" class="text-xs text-dimmed text-center py-sm">
+            No active to-dos.
+          </p>
+        </div>
+
+        <!-- Archived Section -->
+        <template v-if="showArchived">
+          <USeparator label="Archive" />
+          <div class="flex flex-col gap-xs">
+            <div
+              v-for="todo in archivedTodos"
+              :key="todo.id"
+              class="flex items-center justify-between gap-sm p-xs rounded-lg opacity-60"
+            >
+              <div class="flex items-start gap-sm">
+                <div class="pt-0.5">
+                  <UIcon
+                    :name="todo.completed ? 'lucide:check-circle-2' : 'lucide:circle'"
+                    class="w-4 h-4 text-dimmed"
+                  />
+                </div>
+                <div class="flex flex-col gap-0">
+                  <span class="text-sm line-through text-dimmed">
+                    {{ todo.title }}
+                  </span>
+                  <span v-if="todo.description" class="text-xs line-through text-dimmed">
+                    {{ todo.description }}
+                  </span>
+                </div>
+              </div>
+              <div class="flex items-center gap-xs">
+                <UButton
+                  icon="lucide:rotate-ccw"
+                  size="xs"
+                  variant="ghost"
+                  color="neutral"
+                  @click="restoreTodo(todo.id)"
+                />
+                <UButton
+                  icon="lucide:trash-2"
+                  size="xs"
+                  variant="ghost"
+                  color="error"
+                  @click="deleteTodo(todo.id)"
+                />
+              </div>
+            </div>
+          </div>
+        </template>
+      </div>
+    </UCard>
+  </div>
+</template>

package/dist/runtime/components/notes/TodoList.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/components/notes/index.d.ts

@@ -1,2 +1,3 @@
 export { default as NoteCard } from './NoteCard.vue.js';
 export { default as NoteModal } from './NoteModal.vue.js';
+export { default as TodoList } from './TodoList.vue.js';

package/dist/runtime/components/notes/index.js

@@ -1,2 +1,3 @@
 export { default as NoteCard } from "./NoteCard.vue";
 export { default as NoteModal } from "./NoteModal.vue";
+export { default as TodoList } from "./TodoList.vue";

package/dist/runtime/components/notes/index.mjs

@@ -1,2 +1,3 @@
 export { default as NoteCard } from "./NoteCard.vue";
 export { default as NoteModal } from "./NoteModal.vue";
+export { default as TodoList } from "./TodoList.vue";

package/dist/runtime/composables/app/useApi.js

@@ -46,11 +46,19 @@ export const useApi = (path, opts = {}) => {
     } catch (e) {
     }
   }
-  return useFetch(path, {
+  const fetchOptions = {
     baseURL: isExternal ? apiBase : "",
     ...opts,
-    fetch: isTauri ? tauriFetch : void 0,
-    // Key ensures unique state tracking in Nuxt
-    key: opts.key || hash([path, typeof path === "function" ? path() : path])
-  });
+    fetch: isTauri ? tauriFetch : void 0
+  };
+  if (!fetchOptions.key) {
+    const pathStr = typeof path === "function" ? path() : path;
+    fetchOptions.key = hash([
+      pathStr,
+      opts.method || "GET",
+      opts.query,
+      opts.params
+    ]);
+  }
+  return useFetch(path, fetchOptions);
 };

package/dist/runtime/composables/app/useApi.mjs

@@ -46,11 +46,19 @@ export const useApi = (path, opts = {}) => {
     } catch (e) {
     }
   }
-  return useFetch(path, {
+  const fetchOptions = {
     baseURL: isExternal ? apiBase : "",
     ...opts,
-    fetch: isTauri ? tauriFetch : void 0,
-    // Key ensures unique state tracking in Nuxt
-    key: opts.key || hash([path, typeof path === "function" ? path() : path])
-  });
+    fetch: isTauri ? tauriFetch : void 0
+  };
+  if (!fetchOptions.key) {
+    const pathStr = typeof path === "function" ? path() : path;
+    fetchOptions.key = hash([
+      pathStr,
+      opts.method || "GET",
+      opts.query,
+      opts.params
+    ]);
+  }
+  return useFetch(path, fetchOptions);
 };

package/dist/runtime/composables/dashboard/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./useDashboard.js";
 export * from "./useQuickActions.js";
 export * from "./useFloatingTools.js";
+export * from "./useTodos.js";
 export * from "./useNotes.js";
 export * from "./useFocusTimer.js";

package/dist/runtime/composables/dashboard/index.js

@@ -1,5 +1,6 @@
 export * from "./useDashboard.js";
 export * from "./useQuickActions.js";
 export * from "./useFloatingTools.js";
+export * from "./useTodos.js";
 export * from "./useNotes.js";
 export * from "./useFocusTimer.js";

package/dist/runtime/composables/dashboard/index.mjs

@@ -1,5 +1,6 @@
 export * from "./useDashboard.mjs";
 export * from "./useQuickActions.mjs";
 export * from "./useFloatingTools.mjs";
+export * from "./useTodos.mjs";
 export * from "./useNotes.mjs";
 export * from "./useFocusTimer.mjs";

package/dist/runtime/composables/dashboard/useNotes.js

@@ -1,4 +1,5 @@
 import { useState } from "#imports";
+import { $api } from "../../composables/index.js";
 export const useNotes = () => {
   const noteRefreshTrigger = useState("notes-refresh-trigger", () => 0);
   const selectedIds = useState("notes-selected-ids", () => []);
@@ -17,7 +18,7 @@ export const useNotes = () => {
   };
   const executeBatchAction = async (action) => {
     if (selectedIds.value.length === 0) return;
-    await $fetch("/api/notes/batch", {
+    await $api("/api/notes/batch", {
       method: "POST",
       body: { ids: selectedIds.value, action }
     });
@@ -26,19 +27,19 @@ export const useNotes = () => {
   };
   const executeSingleAction = async (id, action) => {
     if (action === "togglePin") {
-      await $fetch(`/api/notes/${id}`, {
+      await $api(`/api/notes/${id}`, {
         method: "PUT",
         body: { togglePin: true }
       });
     } else if (action === "archive") {
-      await $fetch(`/api/notes/${id}`, {
+      await $api(`/api/notes/${id}`, {
         method: "PUT",
         body: { isArchived: true, isPinned: false }
       });
     } else if (action === "delete") {
-      await $fetch(`/api/notes/${id}`, { method: "DELETE" });
+      await $api(`/api/notes/${id}`, { method: "DELETE" });
     } else if (action === "hard-delete") {
-      await $fetch(`/api/notes/${id}?permanent=true`, {
+      await $api(`/api/notes/${id}?permanent=true`, {
         method: "DELETE",
         query: { permanent: true }
       });

package/dist/runtime/composables/dashboard/useNotes.mjs

@@ -1,4 +1,5 @@
 import { useState } from "#imports";
+import { $api } from "../../composables/index.mjs";
 export const useNotes = () => {
   const noteRefreshTrigger = useState("notes-refresh-trigger", () => 0);
   const selectedIds = useState("notes-selected-ids", () => []);
@@ -17,7 +18,7 @@ export const useNotes = () => {
   };
   const executeBatchAction = async (action) => {
     if (selectedIds.value.length === 0) return;
-    await $fetch("/api/notes/batch", {
+    await $api("/api/notes/batch", {
       method: "POST",
       body: { ids: selectedIds.value, action }
     });
@@ -26,19 +27,19 @@ export const useNotes = () => {
   };
   const executeSingleAction = async (id, action) => {
     if (action === "togglePin") {
-      await $fetch(`/api/notes/${id}`, {
+      await $api(`/api/notes/${id}`, {
         method: "PUT",
         body: { togglePin: true }
       });
     } else if (action === "archive") {
-      await $fetch(`/api/notes/${id}`, {
+      await $api(`/api/notes/${id}`, {
         method: "PUT",
         body: { isArchived: true, isPinned: false }
       });
     } else if (action === "delete") {
-      await $fetch(`/api/notes/${id}`, { method: "DELETE" });
+      await $api(`/api/notes/${id}`, { method: "DELETE" });
     } else if (action === "hard-delete") {
-      await $fetch(`/api/notes/${id}?permanent=true`, {
+      await $api(`/api/notes/${id}?permanent=true`, {
         method: "DELETE",
         query: { permanent: true }
       });

package/dist/runtime/composables/dashboard/useTodos.d.ts

@@ -0,0 +1,10 @@
+export declare const useTodos: () => {
+    todoRefreshTrigger: import("vue").Ref<number, number>;
+    triggerRefresh: () => void;
+    toggleTodo: (id: string, completed: boolean) => Promise<void>;
+    archiveTodo: (id: string) => Promise<void>;
+    restoreTodo: (id: string) => Promise<void>;
+    deleteTodo: (id: string) => Promise<void>;
+    createTodo: (title: string, description?: string) => Promise<void>;
+    clearCompleted: () => Promise<void>;
+};

package/dist/runtime/composables/dashboard/useTodos.js

@@ -0,0 +1,58 @@
+import { useState } from "#imports";
+import { $api } from "../../composables/index.js";
+export const useTodos = () => {
+  const todoRefreshTrigger = useState("todos-refresh-trigger", () => 0);
+  const triggerRefresh = () => {
+    todoRefreshTrigger.value++;
+  };
+  const toggleTodo = async (id, completed) => {
+    await $api(`/api/todos/${id}`, {
+      method: "PUT",
+      body: { completed, completedAt: completed ? (/* @__PURE__ */ new Date()).toISOString() : null }
+    });
+    triggerRefresh();
+  };
+  const archiveTodo = async (id) => {
+    await $api(`/api/todos/${id}`, {
+      method: "PUT",
+      body: { isArchived: true }
+    });
+    triggerRefresh();
+  };
+  const restoreTodo = async (id) => {
+    await $api(`/api/todos/${id}`, {
+      method: "PUT",
+      body: { isArchived: false }
+    });
+    triggerRefresh();
+  };
+  const deleteTodo = async (id) => {
+    await $api(`/api/todos/${id}`, {
+      method: "DELETE"
+    });
+    triggerRefresh();
+  };
+  const createTodo = async (title, description) => {
+    await $api("/api/todos", {
+      method: "POST",
+      body: { title, description }
+    });
+    triggerRefresh();
+  };
+  const clearCompleted = async () => {
+    await $api("/api/todos/clear-completed", {
+      method: "POST"
+    });
+    triggerRefresh();
+  };
+  return {
+    todoRefreshTrigger,
+    triggerRefresh,
+    toggleTodo,
+    archiveTodo,
+    restoreTodo,
+    deleteTodo,
+    createTodo,
+    clearCompleted
+  };
+};

package/dist/runtime/composables/dashboard/useTodos.mjs

@@ -0,0 +1,58 @@
+import { useState } from "#imports";
+import { $api } from "../../composables/index.mjs";
+export const useTodos = () => {
+  const todoRefreshTrigger = useState("todos-refresh-trigger", () => 0);
+  const triggerRefresh = () => {
+    todoRefreshTrigger.value++;
+  };
+  const toggleTodo = async (id, completed) => {
+    await $api(`/api/todos/${id}`, {
+      method: "PUT",
+      body: { completed, completedAt: completed ? (/* @__PURE__ */ new Date()).toISOString() : null }
+    });
+    triggerRefresh();
+  };
+  const archiveTodo = async (id) => {
+    await $api(`/api/todos/${id}`, {
+      method: "PUT",
+      body: { isArchived: true }
+    });
+    triggerRefresh();
+  };
+  const restoreTodo = async (id) => {
+    await $api(`/api/todos/${id}`, {
+      method: "PUT",
+      body: { isArchived: false }
+    });
+    triggerRefresh();
+  };
+  const deleteTodo = async (id) => {
+    await $api(`/api/todos/${id}`, {
+      method: "DELETE"
+    });
+    triggerRefresh();
+  };
+  const createTodo = async (title, description) => {
+    await $api("/api/todos", {
+      method: "POST",
+      body: { title, description }
+    });
+    triggerRefresh();
+  };
+  const clearCompleted = async () => {
+    await $api("/api/todos/clear-completed", {
+      method: "POST"
+    });
+    triggerRefresh();
+  };
+  return {
+    todoRefreshTrigger,
+    triggerRefresh,
+    toggleTodo,
+    archiveTodo,
+    restoreTodo,
+    deleteTodo,
+    createTodo,
+    clearCompleted
+  };
+};

package/dist/runtime/db/auth.d.ts

@@ -1720,6 +1720,183 @@ export declare const teamMember: import("drizzle-orm/pg-core").PgTableWithColumn
     };
     dialect: "pg";
 }>;
+export declare const todo: import("drizzle-orm/pg-core").PgTableWithColumns<{
+    name: "todo";
+    schema: undefined;
+    columns: {
+        updatedAt: import("drizzle-orm/pg-core").PgColumn<{
+            name: "updated_at";
+            tableName: "todo";
+            dataType: "date";
+            columnType: "PgTimestamp";
+            data: Date;
+            driverParam: string;
+            notNull: false;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
+        createdAt: import("drizzle-orm/pg-core").PgColumn<{
+            name: "created_at";
+            tableName: "todo";
+            dataType: "date";
+            columnType: "PgTimestamp";
+            data: Date;
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
+        deletedAt: import("drizzle-orm/pg-core").PgColumn<{
+            name: "deleted_at";
+            tableName: "todo";
+            dataType: "date";
+            columnType: "PgTimestamp";
+            data: Date;
+            driverParam: string;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
+        id: import("drizzle-orm/pg-core").PgColumn<{
+            name: "id";
+            tableName: "todo";
+            dataType: "string";
+            columnType: "PgUUID";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: true;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
+        userId: import("drizzle-orm/pg-core").PgColumn<{
+            name: "user_id";
+            tableName: "todo";
+            dataType: "string";
+            columnType: "PgUUID";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
+        title: import("drizzle-orm/pg-core").PgColumn<{
+            name: "title";
+            tableName: "todo";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
+        description: import("drizzle-orm/pg-core").PgColumn<{
+            name: "description";
+            tableName: "todo";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
+        completed: import("drizzle-orm/pg-core").PgColumn<{
+            name: "completed";
+            tableName: "todo";
+            dataType: "boolean";
+            columnType: "PgBoolean";
+            data: boolean;
+            driverParam: boolean;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
+        completedAt: import("drizzle-orm/pg-core").PgColumn<{
+            name: "completed_at";
+            tableName: "todo";
+            dataType: "date";
+            columnType: "PgTimestamp";
+            data: Date;
+            driverParam: string;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
+        isArchived: import("drizzle-orm/pg-core").PgColumn<{
+            name: "is_archived";
+            tableName: "todo";
+            dataType: "boolean";
+            columnType: "PgBoolean";
+            data: boolean;
+            driverParam: boolean;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
+    };
+    dialect: "pg";
+}>;
 export declare const note: import("drizzle-orm/pg-core").PgTableWithColumns<{
     name: "note";
     schema: undefined;
@@ -2037,6 +2214,7 @@ export declare const userRelations: import("drizzle-orm").Relations<"user", {
     invitations: import("drizzle-orm").Many<"invitation">;
     notes: import("drizzle-orm").Many<"note">;
     noteLabels: import("drizzle-orm").Many<"noteLabel">;
+    todos: import("drizzle-orm").Many<"todo">;
 }>;
 export declare const sessionRelations: import("drizzle-orm").Relations<"session", {
     user: import("drizzle-orm").One<"user", true>;
@@ -2079,6 +2257,9 @@ export declare const note_noteLabelRelations: import("drizzle-orm").Relations<"n
     note: import("drizzle-orm").One<"note", true>;
     label: import("drizzle-orm").One<"noteLabel", true>;
 }>;
+export declare const todoRelations: import("drizzle-orm").Relations<"todo", {
+    user: import("drizzle-orm").One<"user", true>;
+}>;
 export type User = typeof user.$inferSelect;
 export type Session = typeof session.$inferSelect;
 export type Account = typeof account.$inferSelect;
@@ -2094,3 +2275,4 @@ export type Note = typeof note.$inferSelect & {
     }>;
 };
 export type Label = typeof noteLabel.$inferSelect;
+export type Todo = typeof todo.$inferSelect;

package/dist/runtime/db/auth.js

@@ -149,6 +149,16 @@ export const teamMember = pgTable("team_member", {
   role: text("role").notNull(),
   ...timestamps
 });
+export const todo = pgTable("todo", {
+  id: id.primaryKey(),
+  userId: uuid("user_id").notNull().references(() => user.id, { onDelete: "cascade" }),
+  title: text("title").notNull(),
+  description: text("description"),
+  completed: boolean("completed").default(false).notNull(),
+  completedAt: timestamp("completed_at"),
+  isArchived: boolean("is_archived").default(false).notNull(),
+  ...timestamps
+});
 export const note = pgTable("note", {
   id: id.primaryKey(),
   userId: uuid("user_id").notNull().references(() => user.id, { onDelete: "cascade" }),
@@ -180,7 +190,8 @@ export const userRelations = relations(user, ({ many }) => ({
   members: many(member),
   invitations: many(invitation),
   notes: many(note),
-  noteLabels: many(noteLabel)
+  noteLabels: many(noteLabel),
+  todos: many(todo)
 }));
 export const sessionRelations = relations(session, ({ one }) => ({
   user: one(user, {
@@ -266,3 +277,9 @@ export const note_noteLabelRelations = relations(note_noteLabel, ({ one }) => ({
     references: [noteLabel.id]
   })
 }));
+export const todoRelations = relations(todo, ({ one }) => ({
+  user: one(user, {
+    fields: [todo.userId],
+    references: [user.id]
+  })
+}));

package/dist/runtime/db/auth.mjs

@@ -149,6 +149,16 @@ export const teamMember = pgTable("team_member", {
   role: text("role").notNull(),
   ...timestamps
 });
+export const todo = pgTable("todo", {
+  id: id.primaryKey(),
+  userId: uuid("user_id").notNull().references(() => user.id, { onDelete: "cascade" }),
+  title: text("title").notNull(),
+  description: text("description"),
+  completed: boolean("completed").default(false).notNull(),
+  completedAt: timestamp("completed_at"),
+  isArchived: boolean("is_archived").default(false).notNull(),
+  ...timestamps
+});
 export const note = pgTable("note", {
   id: id.primaryKey(),
   userId: uuid("user_id").notNull().references(() => user.id, { onDelete: "cascade" }),
@@ -180,7 +190,8 @@ export const userRelations = relations(user, ({ many }) => ({
   members: many(member),
   invitations: many(invitation),
   notes: many(note),
-  noteLabels: many(noteLabel)
+  noteLabels: many(noteLabel),
+  todos: many(todo)
 }));
 export const sessionRelations = relations(session, ({ one }) => ({
   user: one(user, {
@@ -266,3 +277,9 @@ export const note_noteLabelRelations = relations(note_noteLabel, ({ one }) => ({
     references: [noteLabel.id]
   })
 }));
+export const todoRelations = relations(todo, ({ one }) => ({
+  user: one(user, {
+    fields: [todo.userId],
+    references: [user.id]
+  })
+}));

package/dist/runtime/types/app.config.d.ts

@@ -1,8 +1,21 @@
 import type { PageType, PageDefinition } from "./index"
 
 declare module "@nuxt/schema" {
+  interface LogoConfig {
+    light?: string
+    dark?: string
+    [key: string]: any
+  }
+
   interface RimelightComponentsConfig {
     pageDefinitions?: Partial<Record<PageType, PageDefinition>>
+    logos?: {
+      mark?: string | LogoConfig
+      type?: string | LogoConfig
+      classic?: string | LogoConfig
+      symbol?: string | LogoConfig
+      [key: string]: any
+    }
     [key: string]: any
   }
 
@@ -17,4 +30,4 @@ declare module "nuxt/schema" {
   }
 }
 
-export {}
+export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.1.69",
+  "version": "2.1.72",
   "description": "A component library by Rimelight Entertainment.",
   "keywords": [
     "nuxt",