fix: synchronous ToolWindow import + bars to 48px/16px
All checks were successful
Build & Sign Wraith / Build Windows + Sign (push) Successful in 3m47s
All checks were successful
Build & Sign Wraith / Build Windows + Sign (push) Successful in 3m47s
Tool windows (still closing instantly after every prior fix): - Changed ToolWindow from defineAsyncComponent to direct synchronous import. All 14 tool components now bundled into the main JS chunk. Eliminates async chunk loading as a failure point — if the main bundle loads (which it does, since the main window works), the tool window code is guaranteed to be available. - ToolWindow chunk no longer exists as a separate file Status bar + Monitor bar: - Both set to h-[48px] text-base px-6 (48px height, 16px text) - Matching sizes for visual consistency Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
cf1c10495b
commit
10dc3f9cbe
@ -2,15 +2,12 @@
|
|||||||
import { ref, onMounted, onErrorCaptured, defineAsyncComponent } from "vue";
|
import { ref, onMounted, onErrorCaptured, defineAsyncComponent } from "vue";
|
||||||
import { useAppStore } from "@/stores/app.store";
|
import { useAppStore } from "@/stores/app.store";
|
||||||
import UnlockLayout from "@/layouts/UnlockLayout.vue";
|
import UnlockLayout from "@/layouts/UnlockLayout.vue";
|
||||||
|
import ToolWindow from "@/components/tools/ToolWindow.vue";
|
||||||
|
|
||||||
const MainLayout = defineAsyncComponent({
|
const MainLayout = defineAsyncComponent({
|
||||||
loader: () => import("@/layouts/MainLayout.vue"),
|
loader: () => import("@/layouts/MainLayout.vue"),
|
||||||
onError(error) { console.error("[App] MainLayout load failed:", error); },
|
onError(error) { console.error("[App] MainLayout load failed:", error); },
|
||||||
});
|
});
|
||||||
const ToolWindow = defineAsyncComponent({
|
|
||||||
loader: () => import("@/components/tools/ToolWindow.vue"),
|
|
||||||
onError(error) { console.error("[App] ToolWindow load failed:", error); },
|
|
||||||
});
|
|
||||||
const DetachedSession = defineAsyncComponent({
|
const DetachedSession = defineAsyncComponent({
|
||||||
loader: () => import("@/components/session/DetachedSession.vue"),
|
loader: () => import("@/components/session/DetachedSession.vue"),
|
||||||
onError(error) { console.error("[App] DetachedSession load failed:", error); },
|
onError(error) { console.error("[App] DetachedSession load failed:", error); },
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="h-6 flex items-center justify-between px-4 bg-[var(--wraith-bg-secondary)] border-t border-[var(--wraith-border)] text-[10px] text-[var(--wraith-text-muted)] shrink-0">
|
<div class="h-[48px] flex items-center justify-between px-6 bg-[var(--wraith-bg-secondary)] border-t border-[var(--wraith-border)] text-base text-[var(--wraith-text-muted)] shrink-0">
|
||||||
<!-- Left: connection info -->
|
<!-- Left: connection info -->
|
||||||
<div class="flex items-center gap-3">
|
<div class="flex items-center gap-3">
|
||||||
<template v-if="sessionStore.activeSession">
|
<template v-if="sessionStore.activeSession">
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
v-if="stats"
|
v-if="stats"
|
||||||
class="flex items-center gap-4 px-4 h-6 bg-[var(--wraith-bg-tertiary)] border-t border-[var(--wraith-border)] text-[10px] font-mono shrink-0 select-none"
|
class="flex items-center gap-4 px-6 h-[48px] bg-[var(--wraith-bg-tertiary)] border-t border-[var(--wraith-border)] text-base font-mono shrink-0 select-none"
|
||||||
>
|
>
|
||||||
<!-- CPU -->
|
<!-- CPU -->
|
||||||
<span class="flex items-center gap-1">
|
<span class="flex items-center gap-1">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user