feat(theme-nova): integrate kit-theme window snap and work area

Wire shell stage work area, snap drag handlers, snap hints overlay, and
maximize layout via useToggleWindowMaximize from kit-theme.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: dxlliv

src/runtime/components/Desktop.client.vue

@@ -10,7 +10,13 @@ import NovaConfirmDialogs from "./NovaConfirmDialogs.vue";
 import NovaLauncherOverlay from "./NovaLauncherOverlay.vue";
 import NovaTopBar from "./NovaTopBar.vue";
 import NovaWorkspaceEdgeHints from "./NovaWorkspaceEdgeHints.vue";
+import NovaWindowSnapHints from "./NovaWindowSnapHints.vue";
 import NovaWorkspaceStack from "./NovaWorkspaceStack.vue";
+import { useDesktopWorkArea } from "@owdproject/kit-theme/runtime/composables/useDesktopWorkArea";
+import {
+  provideDesktopShellStage,
+  provideDesktopWorkArea,
+} from "@owdproject/kit-theme/runtime/composables/provideDesktopShellStage";
 import { useNovaStartMenu } from "../composables/useNovaStartMenu";
 import { useNovaAccentTheme } from "../composables/useNovaAccentTheme";
 import { useNovaWorkspaces } from "../composables/useNovaWorkspaces";
@@ -31,6 +37,9 @@ const { overview: workspaceOverview } = storeToRefs(desktopWorkspaceStore);
 const isOverviewEnabled = computed(() => workspaceOverview.value === true);
 const shellStageRef = ref(null);
 provide("novaShellStage", shellStageRef);
+const { workArea } = useDesktopWorkArea(shellStageRef);
+provideDesktopShellStage(shellStageRef);
+provideDesktopWorkArea(workArea);
 
 const BODY_SHELL_CLASS = "owd-has-nova-desktop";
 
@@ -73,6 +82,7 @@ onUnmounted(() => {
     <NovaTopBar />
 
     <NovaWorkspaceEdgeHints v-if="workspacesEnabled" />
+    <NovaWindowSnapHints />
 
     <div ref="shellStageRef" class="nova-shell__stage">
       <Background />

src/runtime/components/NovaWindowSnapHints.vue

@@ -0,0 +1,7 @@
+<script setup>
+import WindowSnapHintsBase from "@owdproject/kit-theme/runtime/components/WindowSnapHintsBase.vue";
+</script>
+
+<template>
+  <WindowSnapHintsBase />
+</template>

src/runtime/components/Window/Window.vue

@@ -1,11 +1,11 @@
 <script setup>
-import { useWorkspaceEdgeDropWindowHandlers } from "@owdproject/kit-theme/runtime/composables/useWorkspaceEdgeDrop";
+import { useDesktopWindowDragHandlersInjected } from "@owdproject/kit-theme/runtime/composables/useDesktopWindowDragHandlers";
 const props = defineProps({
   config: { type: null, required: false },
   window: { type: null, required: false },
   content: { type: null, required: false }
 });
-const { onDragStart, onDragEnd } = useWorkspaceEdgeDropWindowHandlers(
+const { onDragStart, onDragEnd } = useDesktopWindowDragHandlersInjected(
   () => props.window
 );
 </script>

src/runtime/components/Window/WindowNav.vue

@@ -5,7 +5,9 @@ import ButtonWindowNavMinimize from "../Button/ButtonWindowNavMinimize.vue";
 import ButtonWindowNavMaximize from "../Button/ButtonWindowNavMaximize.vue";
 import ButtonWindowNavClose from "../Button/ButtonWindowNavClose.vue";
 import { useWindowNavContextMenu } from "../../composables/useWindowNavContextMenu";
+import { useToggleWindowMaximize } from "@owdproject/kit-theme/runtime/composables/useToggleWindowMaximize";
 const windowController = inject("windowController");
+const toggleWindowMaximize = useToggleWindowMaximize();
 const { menu, items, onNavContextMenu } = useWindowNavContextMenu(windowController);
 const windowNavContextMenuPt = {
   root: { class: "nova-window-nav-context-menu" }
@@ -15,8 +17,7 @@ function onWindowMinimize() {
   windowController.actions.minimize();
 }
 function onWindowMaximize() {
-  if (!windowController?.instanced) return;
-  windowController.actions.toggleMaximize();
+  toggleWindowMaximize(windowController);
 }
 function onWindowNavDestroy() {
   if (!windowController?.instanced) return;

src/runtime/composables/useWindowNavContextMenu.ts

@@ -3,6 +3,7 @@ import { useI18n } from 'vue-i18n'
 import ContextMenu from 'primevue/contextmenu'
 import type { IWindowController } from '@owdproject/core'
 import type { MenuItem } from 'primevue/menuitem'
+import { useToggleWindowMaximize } from '@owdproject/kit-theme/runtime/composables/useToggleWindowMaximize'
 
 export function useWindowNavContextMenu(
   windowController: IWindowController | undefined,
@@ -30,7 +31,7 @@ export function useWindowNavContextMenu(
           ? t('window.contextMenu.restore')
           : t('window.contextMenu.maximize'),
         icon: wc.isMaximized ? 'pi pi-window-minimize' : 'pi pi-window-maximize',
-        command: () => wc.actions.toggleMaximize(),
+        command: () => toggleWindowMaximize(wc),
       })
     }