create-windy 0.2.33 → 0.3.0

package/template/apps/web/src/composables/useGlobalSearch.ts

@@ -0,0 +1,68 @@
+import { readonly, shallowRef, watch, type Ref } from "vue";
+import { searchPlatform, type SearchResultGroup } from "@/services/search-api";
+
+const SEARCH_DELAY_MS = 250;
+
+export function useGlobalSearch(query: Ref<string>) {
+  const groups = shallowRef<readonly SearchResultGroup[]>([]);
+  const loading = shallowRef(false);
+  const partial = shallowRef(false);
+  const error = shallowRef("");
+  let cancelActiveRequest = () => {};
+
+  watch(
+    () => query.value.trim(),
+    (keyword, _, onCleanup) => {
+      cancelActiveRequest();
+      groups.value = [];
+      partial.value = false;
+      error.value = "";
+      if (!keyword) {
+        loading.value = false;
+        return;
+      }
+
+      loading.value = true;
+      const controller = new AbortController();
+      const timer = window.setTimeout(() => {
+        void searchPlatform(keyword, controller.signal)
+          .then((result) => {
+            groups.value = result.groups;
+            partial.value = result.partial;
+          })
+          .catch((cause: unknown) => {
+            if (controller.signal.aborted) return;
+            error.value =
+              cause instanceof Error ? cause.message : "业务搜索暂不可用";
+          })
+          .finally(() => {
+            if (!controller.signal.aborted) loading.value = false;
+          });
+      }, SEARCH_DELAY_MS);
+
+      const cancel = () => {
+        window.clearTimeout(timer);
+        controller.abort();
+      };
+      cancelActiveRequest = cancel;
+      onCleanup(cancel);
+    },
+  );
+
+  function reset() {
+    cancelActiveRequest();
+    cancelActiveRequest = () => {};
+    groups.value = [];
+    partial.value = false;
+    error.value = "";
+    loading.value = false;
+  }
+
+  return {
+    groups: readonly(groups),
+    loading: readonly(loading),
+    partial: readonly(partial),
+    error: readonly(error),
+    reset,
+  };
+}

package/template/apps/web/src/composables/usePlatformSettings.ts

@@ -1,4 +1,6 @@
 import { computed, readonly, shallowRef } from "vue";
+import type { PlatformBrandingSettings } from "@southwind-ai/shared";
+import { setDateTimeZone } from "@/lib/date-time";
 // @windy-module system.settings begin
 import {
   loadPublicBranding,
@@ -6,13 +8,10 @@ import {
 } from "@/services/platform-settings-api";
 // @windy-module system.settings end
 
-interface PlatformBrandingSettings {
-  softwareName: string;
-  logoUrl?: string;
-  description?: string;
-}
-
-const fallback: PlatformBrandingSettings = { softwareName: "Windy Platform" };
+const fallback: PlatformBrandingSettings = {
+  softwareName: "Windy Platform",
+  timeZone: "Asia/Shanghai",
+};
 const branding = shallowRef<PlatformBrandingSettings>({ ...fallback });
 const loading = shallowRef(false);
 const saving = shallowRef(false);
@@ -65,7 +64,9 @@ function applyBranding(next: PlatformBrandingSettings) {
     softwareName: next.softwareName.trim() || fallback.softwareName,
     logoUrl: next.logoUrl?.trim() || undefined,
     description: next.description?.trim() || undefined,
+    timeZone: next.timeZone?.trim() || fallback.timeZone,
   };
+  setDateTimeZone(branding.value.timeZone || fallback.timeZone!);
   document.title = branding.value.softwareName;
   loaded = true;
   return branding.value;

package/template/apps/web/src/layout/GlobalSearchResults.vue

@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { LoaderCircleIcon } from "@lucide/vue";
+import type { SearchResultGroup } from "@/services/search-api";
+
+defineProps<{
+  groups: readonly SearchResultGroup[];
+  loading: boolean;
+  partial: boolean;
+  error: string;
+}>();
+
+const emit = defineEmits<{
+  select: [routeTemplate: string, params: Record<string, string>];
+}>();
+</script>
+
+<template>
+  <section
+    v-if="loading || error || partial || groups.length"
+    class="border-t px-2 pb-2 pt-3"
+    aria-label="业务搜索结果"
+  >
+    <div class="mb-2 flex items-center justify-between px-3">
+      <p class="text-xs font-medium text-muted-foreground">业务数据</p>
+      <LoaderCircleIcon
+        v-if="loading"
+        class="size-3.5 animate-spin text-muted-foreground"
+        aria-label="正在搜索业务数据"
+      />
+    </div>
+    <p v-if="error" class="px-3 py-3 text-sm text-destructive">
+      {{ error }}
+    </p>
+    <p v-else-if="partial" class="px-3 pb-2 text-xs text-amber-600">
+      部分业务搜索源暂不可用，以下结果可能不完整。
+    </p>
+    <div v-for="group in groups" :key="group.providerKey" class="mb-2">
+      <p class="px-3 py-1 text-xs text-muted-foreground">
+        {{ group.label }}
+      </p>
+      <button
+        v-for="hit in group.hits"
+        :key="`${group.providerKey}:${hit.id}`"
+        type="button"
+        class="flex w-full flex-col rounded-md px-3 py-2 text-left text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"
+        @click="emit('select', hit.deepLink.routeTemplate, hit.deepLink.params)"
+      >
+        <span class="truncate font-medium">{{ hit.maskedTitle }}</span>
+        <span
+          v-if="hit.maskedExcerpt"
+          class="mt-0.5 line-clamp-1 text-xs text-muted-foreground"
+        >
+          {{ hit.maskedExcerpt }}
+        </span>
+      </button>
+    </div>
+  </section>
+</template>

package/template/apps/web/src/layout/NavigationSearchDialog.vue

@@ -22,6 +22,8 @@ import {
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { useAccessSnapshot } from "@/composables/useAccessSnapshot";
+import { useGlobalSearch } from "@/composables/useGlobalSearch";
+import GlobalSearchResults from "./GlobalSearchResults.vue";
 import { authorizedSidebarMenus } from "./navigation";
 
 interface SearchableNavigationItem {
@@ -36,6 +38,7 @@ const route = useRoute();
 const access = useAccessSnapshot();
 const open = shallowRef(false);
 const query = shallowRef("");
+const businessSearch = useGlobalSearch(query);
 
 const items = computed(() =>
   access.snapshot.value
@@ -55,8 +58,12 @@ const results = computed(() => {
 });
 
 watch(open, async (isOpen) => {
-  if (!isOpen) return;
+  if (!isOpen) {
+    businessSearch.reset();
+    return;
+  }
   query.value = "";
+  businessSearch.reset();
   await nextTick();
   document.querySelector<HTMLInputElement>("[data-navigation-search]")?.focus();
 });
@@ -79,6 +86,19 @@ async function select(item: SearchableNavigationItem) {
   if (route.path !== item.path) await router.push(item.path);
 }
 
+async function selectBusiness(
+  routeTemplate: string,
+  params: Record<string, string>,
+) {
+  const path = Object.entries(params).reduce(
+    (result, [key, value]) =>
+      result.replace(`:${key}`, encodeURIComponent(value)),
+    routeTemplate,
+  );
+  open.value = false;
+  if (route.path !== path) await router.push(path);
+}
+
 function selectFirst() {
   const first = results.value[0];
   if (first) void select(first);
@@ -114,9 +134,9 @@ function flattenMenus(
     </DialogTrigger>
     <DialogContent class="gap-0 overflow-hidden p-0 sm:max-w-xl">
       <DialogHeader class="border-b px-5 py-4 text-left">
-        <DialogTitle>搜索平台功能</DialogTitle>
+        <DialogTitle>全局搜索</DialogTitle>
         <DialogDescription
-          >搜索当前账号有权访问的菜单，按 Enter 打开首项。</DialogDescription
+          >同时搜索当前账号有权访问的菜单与业务数据。</DialogDescription
         >
       </DialogHeader>
       <div class="shrink-0 border-b p-4">
@@ -128,17 +148,26 @@ function flattenMenus(
             v-model="query"
             data-navigation-search
             class="pl-9"
-            placeholder="输入功能名称或路径"
+            placeholder="输入功能名称、路径或业务关键词"
             @keyup.enter="selectFirst"
           />
         </div>
       </div>
       <ModalBody class="p-2">
         <p
-          v-if="results.length === 0"
+          v-if="
+            query.trim() &&
+            results.length === 0 &&
+            businessSearch.groups.value.length === 0 &&
+            !businessSearch.loading.value &&
+            !businessSearch.error.value
+          "
           class="px-3 py-10 text-center text-sm text-muted-foreground"
         >
-          没有找到可访问的功能
+          没有找到可访问的菜单或业务数据
+        </p>
+        <p class="px-3 py-1 text-xs font-medium text-muted-foreground">
+          平台导航
         </p>
         <button
           v-for="item in results"
@@ -157,6 +186,13 @@ function flattenMenus(
             item.path
           }}</span>
         </button>
+        <GlobalSearchResults
+          :groups="businessSearch.groups.value"
+          :loading="businessSearch.loading.value"
+          :partial="businessSearch.partial.value"
+          :error="businessSearch.error.value"
+          @select="selectBusiness"
+        />
       </ModalBody>
       <div class="shrink-0 border-t px-5 py-2 text-xs text-muted-foreground">
         快捷键 Ctrl/⌘ K

package/template/apps/web/src/layout/NavigationSearchDialog.webtest.ts

@@ -5,6 +5,10 @@ import { createMemoryHistory, createRouter } from "vue-router";
 import type { WebAccessSnapshot } from "./navigation";
 import NavigationSearchDialog from "./NavigationSearchDialog.vue";
 
+const searchMocks = vi.hoisted(() => ({
+  search: vi.fn(),
+}));
+
 const snapshot = shallowRef<WebAccessSnapshot>({
   actor: {
     id: "user_1",
@@ -40,10 +44,14 @@ const snapshot = shallowRef<WebAccessSnapshot>({
 vi.mock("@/composables/useAccessSnapshot", () => ({
   useAccessSnapshot: () => ({ snapshot }),
 }));
+vi.mock("@/services/search-api", () => ({
+  searchPlatform: searchMocks.search,
+}));
 
 afterEach(() => {
   document.body.innerHTML = "";
   vi.clearAllMocks();
+  vi.useRealTimers();
 });
 
 describe("NavigationSearchDialog", () => {
@@ -81,4 +89,67 @@ describe("NavigationSearchDialog", () => {
     expect(router.currentRoute.value.path).toBe("/system/roles");
     wrapper.unmount();
   });
+
+  test("输入关键词后展示授权 SearchProvider 结果并打开业务深链", async () => {
+    vi.useFakeTimers();
+    searchMocks.search.mockResolvedValue({
+      groups: [
+        {
+          providerKey: "case.record.search",
+          label: "案件",
+          hits: [
+            {
+              id: "case_1",
+              resourceType: "case",
+              maskedTitle: "案…一",
+              maskedExcerpt: "涉…",
+              providerKey: "case.record.search",
+              deepLink: {
+                surface: "business",
+                routeTemplate: "/cases/:id",
+                params: { id: "case_1" },
+              },
+            },
+          ],
+        },
+      ],
+      partial: false,
+      failures: [],
+    });
+    const router = createRouter({
+      history: createMemoryHistory(),
+      routes: [
+        { path: "/", component: { template: "<div />" } },
+        { path: "/cases/:id", component: { template: "<div />" } },
+      ],
+    });
+    await router.push("/");
+    await router.isReady();
+    const wrapper = mount(NavigationSearchDialog, {
+      attachTo: document.body,
+      global: { plugins: [router] },
+    });
+    await wrapper.get('button[aria-label="搜索平台功能"]').trigger("click");
+    await flushPromises();
+    const input = document.body.querySelector<HTMLInputElement>(
+      "[data-navigation-search]",
+    )!;
+    input.value = "案件";
+    input.dispatchEvent(new Event("input", { bubbles: true }));
+    await vi.advanceTimersByTimeAsync(250);
+    await flushPromises();
+
+    expect(searchMocks.search).toHaveBeenCalledWith(
+      "案件",
+      expect.any(AbortSignal),
+    );
+    const result = Array.from(document.body.querySelectorAll("button")).find(
+      (button) => button.textContent?.includes("案…一"),
+    );
+    expect(result).toBeDefined();
+    result?.click();
+    await flushPromises();
+    expect(router.currentRoute.value.path).toBe("/cases/case_1");
+    wrapper.unmount();
+  });
 });

package/template/apps/web/src/layout/NotificationMenu.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { NotificationInboxItem } from "@southwind-ai/shared";
-import { BellIcon } from "@lucide/vue";
+import { BellIcon, SettingsIcon } from "@lucide/vue";
 import { computed, onMounted, shallowRef } from "vue";
 import { useAccessSnapshot } from "@/composables/useAccessSnapshot";
 import { Button } from "@/components/ui/button";
@@ -20,9 +20,13 @@ import {
 } from "@/components/ui/sheet";
 import { formatDateTime } from "@/lib/date-time";
 import { evaluateWebAccess } from "@/layout/navigation";
+import NotificationMenuItem from "./NotificationMenuItem.vue";
+import NotificationPreferencesDialog from "./NotificationPreferencesDialog.vue";
 import {
+  favoriteNotification,
   listNotifications,
   markNotificationRead,
+  unfavoriteNotification,
 } from "@/services/notification-api";
 
 const notifications = shallowRef<NotificationInboxItem[]>([]);
@@ -31,6 +35,8 @@ const selected = shallowRef<NotificationInboxItem>();
 const detailOpen = shallowRef(false);
 const loading = shallowRef(false);
 const error = shallowRef("");
+const preferencesOpen = shallowRef(false);
+const favoritePendingIds = shallowRef<ReadonlySet<string>>(new Set());
 const unreadCount = computed(
   () => notifications.value.filter(({ read }) => !read).length,
 );
@@ -83,6 +89,52 @@ async function openNotification(notification: NotificationInboxItem) {
     );
   }
 }
+
+async function toggleFavorite(notification: NotificationInboxItem) {
+  if (favoritePendingIds.value.has(notification.id)) return;
+  const previous = {
+    favorite: notification.favorite,
+    favoritedAt: notification.favoritedAt,
+  };
+  const desired = !notification.favorite;
+  setFavoritePending(notification.id, true);
+  patchNotification(notification.id, {
+    favorite: desired,
+    favoritedAt: desired ? new Date().toISOString() : undefined,
+  });
+  try {
+    const result = desired
+      ? await favoriteNotification(notification.id)
+      : await unfavoriteNotification(notification.id);
+    patchNotification(notification.id, {
+      favorite: result.favorite,
+      favoritedAt: result.favoritedAt,
+    });
+  } catch {
+    patchNotification(notification.id, previous);
+  } finally {
+    setFavoritePending(notification.id, false);
+  }
+}
+
+function patchNotification(
+  id: string,
+  patch: Pick<NotificationInboxItem, "favorite" | "favoritedAt">,
+) {
+  notifications.value = notifications.value.map((item) =>
+    item.id === id ? { ...item, ...patch } : item,
+  );
+  if (selected.value?.id === id) {
+    selected.value = { ...selected.value, ...patch };
+  }
+}
+
+function setFavoritePending(id: string, pending: boolean) {
+  const next = new Set(favoritePendingIds.value);
+  if (pending) next.add(id);
+  else next.delete(id);
+  favoritePendingIds.value = next;
+}
 </script>
 
 <template>
@@ -105,43 +157,31 @@ async function openNotification(notification: NotificationInboxItem) {
     <DropdownMenuContent align="end" class="w-80 p-0">
       <DropdownMenuLabel class="flex items-center justify-between px-4 py-3">
         <span>站内通知</span>
-        <span class="text-xs font-normal text-muted-foreground">
-          {{ unreadCount }} 条未读
+        <span class="flex items-center gap-2">
+          <span class="text-xs font-normal text-muted-foreground">
+            {{ unreadCount }} 条未读
+          </span>
+          <Button
+            variant="ghost"
+            size="icon-sm"
+            aria-label="通知偏好"
+            @click.stop="preferencesOpen = true"
+          >
+            <SettingsIcon />
+          </Button>
         </span>
       </DropdownMenuLabel>
       <DropdownMenuSeparator />
 
       <div v-if="notifications.length" class="max-h-96 overflow-y-auto py-1">
-        <button
+        <NotificationMenuItem
           v-for="notification in notifications"
           :key="notification.id"
-          :data-notification-id="notification.id"
-          type="button"
-          class="flex w-full gap-3 px-4 py-3 text-left outline-none transition-colors hover:bg-muted focus-visible:bg-muted"
-          @click="openNotification(notification)"
-        >
-          <span
-            class="mt-1.5 size-2 shrink-0 rounded-full"
-            :class="notification.read ? 'bg-muted-foreground/30' : 'bg-primary'"
-            aria-hidden="true"
-          />
-          <span class="min-w-0 flex-1 space-y-1">
-            <span class="flex items-center justify-between gap-3">
-              <span class="truncate text-sm font-medium text-foreground">
-                {{ notification.title }}
-              </span>
-              <span class="shrink-0 text-xs text-muted-foreground">
-                {{ formatDateTime(notification.publishedAt) }}
-              </span>
-            </span>
-            <span class="line-clamp-2 text-xs leading-5 text-muted-foreground">
-              {{ notification.summary }}
-            </span>
-            <span class="text-xs text-muted-foreground">
-              {{ notification.category }}
-            </span>
-          </span>
-        </button>
+          :item="notification"
+          :favorite-pending="favoritePendingIds.has(notification.id)"
+          @open="openNotification"
+          @toggle-favorite="toggleFavorite"
+        />
       </div>
 
       <div v-else class="px-4 py-8 text-center">
@@ -171,4 +211,6 @@ async function openNotification(notification: NotificationInboxItem) {
       </article>
     </SheetContent>
   </Sheet>
+
+  <NotificationPreferencesDialog v-model:open="preferencesOpen" />
 </template>

package/template/apps/web/src/layout/NotificationMenu.webtest.ts

@@ -20,6 +20,7 @@ const mocks = vi.hoisted(() => ({
         updatedAt: "2026-07-14T08:00:00.000Z",
         updatedBy: "admin",
         read: false,
+        favorite: false,
       },
     ],
     total: 1,
@@ -31,11 +32,29 @@ const mocks = vi.hoisted(() => ({
     alreadyRead: false,
     readAt: "2026-07-14T08:01:00.000Z",
   })),
+  favorite: vi.fn(async () => ({
+    success: true,
+    favorite: true,
+    changed: true,
+    favoritedAt: "2026-07-14T08:02:00.000Z",
+  })),
+  unfavorite: vi.fn(async () => ({
+    success: true,
+    favorite: false,
+    changed: true,
+  })),
+  beforeEach: vi.fn(() => vi.fn()),
+}));
+
+vi.mock("vue-router", () => ({
+  useRouter: () => ({ beforeEach: mocks.beforeEach }),
 }));
 
 vi.mock("@/services/notification-api", () => ({
   listNotifications: mocks.list,
   markNotificationRead: mocks.markRead,
+  favoriteNotification: mocks.favorite,
+  unfavoriteNotification: mocks.unfavorite,
 }));
 
 vi.mock("@/composables/useAccessSnapshot", () => ({
@@ -69,6 +88,9 @@ describe("站内通知", () => {
     mocks.allowed = true;
     mocks.list.mockClear();
     mocks.markRead.mockClear();
+    mocks.favorite.mockClear();
+    mocks.unfavorite.mockClear();
+    mocks.beforeEach.mockClear();
   });
 
   test("Feature 或阅读权限不可用时隐藏入口且不请求通知接口", async () => {
@@ -86,7 +108,7 @@ describe("站内通知", () => {
     await wrapper.get('button[aria-label="站内通知"]').trigger("click");
 
     const item = document.body.querySelector<HTMLButtonElement>(
-      "[data-notification-id='notice_1']",
+      "[data-notification-id='notice_1'] > button",
     );
     expect(item).not.toBeNull();
     item?.click();
@@ -99,4 +121,25 @@ describe("站内通知", () => {
     expect(mocks.markRead).toHaveBeenCalledWith("notice_1");
     wrapper.unmount();
   });
+
+  test("收藏更新不改变通知已读状态", async () => {
+    const wrapper = mount(NotificationMenu, { attachTo: document.body });
+    await flushPromises();
+    await wrapper.get('button[aria-label="站内通知"]').trigger("click");
+
+    const favorite = document.body.querySelector<HTMLButtonElement>(
+      "[data-notification-id='notice_1'] button[aria-label='收藏通知']",
+    );
+    favorite?.click();
+    await flushPromises();
+
+    expect(mocks.favorite).toHaveBeenCalledWith("notice_1");
+    expect(mocks.markRead).not.toHaveBeenCalled();
+    expect(
+      document.body.querySelector(
+        "[data-notification-id='notice_1'] button[aria-label='取消收藏通知']",
+      ),
+    ).not.toBeNull();
+    wrapper.unmount();
+  });
 });

package/template/apps/web/src/layout/NotificationMenuItem.vue

@@ -0,0 +1,61 @@
+<script setup lang="ts">
+import type { NotificationInboxItem } from "@southwind-ai/shared";
+import { StarIcon } from "@lucide/vue";
+import { Button } from "@/components/ui/button";
+import { formatDateTime } from "@/lib/date-time";
+
+defineProps<{
+  item: NotificationInboxItem;
+  favoritePending: boolean;
+}>();
+
+const emit = defineEmits<{
+  open: [item: NotificationInboxItem];
+  toggleFavorite: [item: NotificationInboxItem];
+}>();
+</script>
+
+<template>
+  <div
+    :data-notification-id="item.id"
+    class="flex items-start gap-1 px-2 transition-colors hover:bg-muted"
+  >
+    <button
+      type="button"
+      class="flex min-w-0 flex-1 gap-3 px-2 py-3 text-left outline-none focus-visible:bg-muted"
+      @click="emit('open', item)"
+    >
+      <span
+        class="mt-1.5 size-2 shrink-0 rounded-full"
+        :class="item.read ? 'bg-muted-foreground/30' : 'bg-primary'"
+        aria-hidden="true"
+      />
+      <span class="min-w-0 flex-1 space-y-1">
+        <span class="flex items-center justify-between gap-3">
+          <span class="truncate text-sm font-medium text-foreground">
+            {{ item.title }}
+          </span>
+          <span class="shrink-0 text-xs text-muted-foreground">
+            {{ formatDateTime(item.publishedAt) }}
+          </span>
+        </span>
+        <span class="line-clamp-2 text-xs leading-5 text-muted-foreground">
+          {{ item.summary }}
+        </span>
+        <span class="text-xs text-muted-foreground">{{ item.category }}</span>
+      </span>
+    </button>
+    <Button
+      variant="ghost"
+      size="icon-sm"
+      class="mt-2 shrink-0"
+      :disabled="favoritePending"
+      :aria-label="item.favorite ? '取消收藏通知' : '收藏通知'"
+      @click="emit('toggleFavorite', item)"
+    >
+      <StarIcon
+        :class="item.favorite ? 'fill-current text-primary' : undefined"
+      />
+    </Button>
+  </div>
+</template>