client: remove unused header tabs and actions

packages/client/src/components/global/page-header.vue

@@ -1,5 +1,5 @@
 <template>
-<div v-if="show" ref="el" class="fdidabkb" :class="{ slim: narrow, thin: thin_ }" :style="{ background: bg }" @click="onClick">
+<div v-if="show" ref="el" class="fdidabkb" :class="{ slim: narrow, thin }" :style="{ background: bg }" @click="onClick">
 	<template v-if="metadata">
 		<div v-if="!hideTitle" class="titleContainer" @click="showTabsPopup">
 			<MkAvatar v-if="metadata.avatar" class="avatar" :user="metadata.avatar" :disable-preview="true" :show-indicator="true"/>
@@ -49,7 +49,7 @@ type Tab = {
 	onClick?: (ev: MouseEvent) => void;
 };
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
 	tabs?: Tab[];
 	tab?: string;
 	actions?: {
@@ -58,7 +58,11 @@ const props = defineProps<{
 		handler: (ev: MouseEvent) => void;
 	}[];
 	thin?: boolean;
-}>();
+}>(), {
+	actions: () => [],
+	tabs: () => [],
+	thin: () =>  inject('shouldHeaderThin', false),
+});
 
 const emit = defineEmits<{
 	(ev: 'update:tab', key: string);
@@ -67,7 +71,6 @@ const emit = defineEmits<{
 const metadata = injectPageMetadata();
 
 const hideTitle = inject('shouldOmitHeaderTitle', false);
-const thin_ = props.thin || inject('shouldHeaderThin', false);
 
 const el = $ref<HTMLElement | null>(null);
 const tabRefs = {};
@@ -75,8 +78,8 @@ const tabHighlightEl = $ref<HTMLElement | null>(null);
 const bg = ref(null);
 let narrow = $ref(false);
 const height = ref(0);
-const hasTabs = $computed(() => props.tabs && props.tabs.length > 0);
+const hasTabs = $computed(() => props.tabs.length > 0);
-const hasActions = $computed(() => props.actions && props.actions.length > 0);
+const hasActions = $computed(() => props.actions.length > 0);
 const show = $computed(() => {
 	return !hideTitle || hasTabs || hasActions;
 });

packages/client/src/pages/about-foundkey.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<div style="overflow: clip;">
 		<MkSpacer :content-max="600" :margin-min="20">
 			<div class="_formRoot znqjceqz">
@@ -91,10 +91,6 @@ onBeforeUnmount(() => {
 	easterEggEngine?.stop();
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.aboutMisskey,
 	icon: null,

packages/client/src/pages/about.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader v-model:tab="tab" :tabs="headerTabs"/></template>
 	<MkSpacer v-if="tab === 'overview'" :content-max="600" :margin-min="20">
 		<div class="_formRoot">
 			<div class="_formBlock fwhjspax" :style="{ backgroundImage: `url(${ $instance.bannerUrl })` }">
@@ -126,8 +126,6 @@ const initStats = async (): Promise<void> => {
 	stats = await os.api('stats', {});
 };
 
-const headerActions = $computed(() => []);
-
 definePageMetadata(computed(() => ({
 	title: i18n.ts.instanceInfo,
 	icon: 'fas fa-info-circle',

packages/client/src/pages/admin/_header_.vue

@@ -17,11 +17,9 @@
 		</div>
 	</template>
 	<div class="buttons right">
-		<template v-if="actions">
+		<template v-for="action in actions">
-			<template v-for="action in actions">
+			<MkButton v-if="action.asFullButton" class="fullButton" primary @click.stop="action.handler"><i :class="action.icon" style="margin-right: 6px;"></i>{{ action.text }}</MkButton>
-				<MkButton v-if="action.asFullButton" class="fullButton" primary @click.stop="action.handler"><i :class="action.icon" style="margin-right: 6px;"></i>{{ action.text }}</MkButton>
+			<button v-else v-tooltip="action.text" class="_button button" :class="{ highlighted: action.highlighted }" @click.stop="action.handler" @touchstart="preventDrag"><i :class="action.icon"></i></button>
-				<button v-else v-tooltip="action.text" class="_button button" :class="{ highlighted: action.highlighted }" @click.stop="action.handler" @touchstart="preventDrag"><i :class="action.icon"></i></button>
-			</template>
 		</template>
 	</div>
 </div>
@@ -44,7 +42,7 @@ type Tab = {
 	onClick?: (ev: MouseEvent) => void;
 };
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
 	tabs?: Tab[];
 	tab?: string;
 	actions?: {
@@ -53,8 +51,10 @@ const props = defineProps<{
 		asFullButton?: boolean;
 		handler: (ev: MouseEvent) => void;
 	}[];
-	thin?: boolean;
+}>(), {
-}>();
+	actions: () => [],
+	tabs: () => [],
+});
 
 const emit = defineEmits<{
 	(ev: 'update:tab', key: string);
@@ -66,9 +66,7 @@ const el = ref<HTMLElement>(null);
 const tabRefs = {};
 const tabHighlightEl = $ref<HTMLElement | null>(null);
 const bg = ref(null);
-const hasTabs = computed(() => {
+const hasTabs = computed(() => props.tabs.length > 0);
-	return props.tabs && props.tabs.length > 0;
-});
 
 const showTabsPopup = (ev: MouseEvent) => {
 	if (!hasTabs.value) return;

packages/client/src/pages/admin/abuses.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><XHeader/></template>
 	<MkSpacer :content-max="900">
 		<div class="lcixvhis">
 			<div class="_section reports">
@@ -67,10 +67,6 @@ function resolved(reportId) {
 	reports.removeItem(item => item.id === reportId);
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.abuseReports,
 	icon: 'fas fa-exclamation-circle',

packages/client/src/pages/admin/announcements.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><XHeader :actions="headerActions"/></template>
 	<MkSpacer :content-max="900">
 		<div class="ztgjmzrw">
 			<section v-for="announcement in announcements" class="_card _gap announcements">
@@ -96,8 +96,6 @@ const headerActions = $computed(() => [{
 	handler: add,
 }]);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.announcements,
 	icon: 'fas fa-broadcast-tower',

packages/client/src/pages/admin/database.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="800" :margin-min="16" :margin-max="32">
 		<FormSuspense v-slot="{ result: database }" :p="databasePromiseFactory">
 			<MkKeyValue v-for="table in database" :key="table[0]" oneline style="margin: 1em 0;">
@@ -23,10 +23,6 @@ import { definePageMetadata } from '@/scripts/page-metadata';
 
 const databasePromiseFactory = () => os.api('admin/get-table-stats').then(res => Object.entries(res).sort((a, b) => b[1].size - a[1].size));
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.database,
 	icon: 'fas fa-database',

packages/client/src/pages/admin/email-settings.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><XHeader :actions="headerActions"/></template>
 	<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
 		<FormSuspense :p="init">
 			<div class="_formRoot">
@@ -116,8 +116,6 @@ const headerActions = $computed(() => [{
 	handler: save,
 }]);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.emailServer,
 	icon: 'fas fa-envelope',

packages/client/src/pages/admin/instance-block.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><XHeader/></template>
 	<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
 		<FormSuspense :p="init">
 			<FormTextarea v-model="blockedHosts" class="_formBlock">
@@ -39,10 +39,6 @@ function save() {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.instanceBlocking,
 	icon: 'fas fa-ban',

packages/client/src/pages/admin/integrations.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
 		<FormSuspense :p="init">
 			<FormFolder class="_formBlock">
@@ -47,10 +47,6 @@ async function init() {
 	enableDiscordIntegration = meta.enableDiscordIntegration;
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.integration,
 	icon: 'fas fa-share-alt',

packages/client/src/pages/admin/object-storage.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><XHeader :actions="headerActions"/></template>
 	<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
 		<FormSuspense :p="init">
 			<div class="_formRoot">
@@ -138,8 +138,6 @@ const headerActions = $computed(() => [{
 	handler: save,
 }]);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.objectStorage,
 	icon: 'fas fa-cloud',

packages/client/src/pages/admin/overview.vue

@@ -112,10 +112,6 @@ onBeforeUnmount(() => {
 	queueStatsConnection.dispose();
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.dashboard,
 	icon: 'fas fa-tachometer-alt',

packages/client/src/pages/admin/proxy-account.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
 		<FormSuspense :p="init">
 			<MkInfo class="_formBlock">{{ i18n.ts.proxyAccountDescription }}</MkInfo>
@@ -52,10 +52,6 @@ function save() {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.proxyAccount,
 	icon: 'fas fa-ghost',

packages/client/src/pages/admin/queue.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><XHeader :actions="headerActions"/></template>
 	<MkSpacer :content-max="800">
 		<XQueue :connection="connection" domain="inbox">
 			<template #title>In</template>
@@ -60,8 +60,6 @@ const headerActions = $computed(() => [{
 	},
 }]);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.jobQueue,
 	icon: 'fas fa-clipboard-list',

packages/client/src/pages/admin/relays.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><XHeader :actions="headerActions"/></template>
 	<MkSpacer :content-max="800">
 		<div v-for="relay in relays" :key="relay.inbox" class="relaycxt _panel _block" style="padding: 16px;">
 			<div>{{ relay.inbox }}</div>
@@ -72,8 +72,6 @@ const headerActions = $computed(() => [{
 	handler: addRelay,
 }]);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.relays,
 	icon: 'fas fa-globe',

packages/client/src/pages/admin/security.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><XHeader/></template>
 	<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
 		<FormSuspense :p="init">
 			<div class="_formRoot">
@@ -66,10 +66,6 @@ function save() {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.security,
 	icon: 'fas fa-lock',

packages/client/src/pages/admin/settings.vue

@@ -1,7 +1,7 @@
 <template>
 <div>
 	<MkStickyContainer>
-		<template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template>
+		<template #header><XHeader :actions="headerActions"/></template>
 		<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
 			<FormSuspense :p="init">
 				<div class="_formRoot">
@@ -252,8 +252,6 @@ const headerActions = $computed(() => [{
 	handler: save,
 }]);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.general,
 	icon: 'fas fa-cog',

packages/client/src/pages/admin/users.vue

@@ -1,7 +1,7 @@
 <template>
 <div>
 	<MkStickyContainer>
-		<template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template>
+		<template #header><XHeader :actions="headerActions"/></template>
 		<MkSpacer :content-max="900">
 			<div class="lknzcolw">
 				<div class="users">
@@ -130,8 +130,6 @@ const headerActions = $computed(() => [{
 	handler: lookupUser,
 }]);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => ({
 	title: i18n.ts.users,
 	icon: 'fas fa-users',

packages/client/src/pages/announcements.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="800">
 		<MkPagination v-slot="{items}" :pagination="pagination" class="ruryvtyk _content">
 			<section v-for="(announcement, i) in items" :key="announcement.id" class="_card announcement">
@@ -39,10 +39,6 @@ function read(items, announcement, i) {
 	os.api('i/read-announcement', { announcementId: announcement.id });
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.announcements,
 	icon: 'fas fa-broadcast-tower',

packages/client/src/pages/antenna-timeline.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader :actions="headerActions"/></template>
 	<div ref="rootEl" v-hotkey.global="keymap" v-size="{ min: [800] }" class="tqmomfks">
 		<div v-if="queue > 0" class="new"><button class="_buttonPrimary" @click="top()">{{ i18n.ts.newNoteRecived }}</button></div>
 		<div class="tl _block">
@@ -81,8 +81,6 @@ const headerActions = $computed(() => antenna ? [{
 	handler: settings,
 }] : []);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => antenna ? {
 	title: antenna.name,
 	icon: 'fas fa-satellite',

packages/client/src/pages/api-console.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="700">
 		<div class="_formRoot">
 			<div class="_formBlock">
@@ -78,10 +78,6 @@ function onEndpointChange(): void {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: 'API console',
 	icon: 'fas fa-terminal',

packages/client/src/pages/channel-editor.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="700">
 		<div class="_formRoot">
 			<MkInput v-model="name" class="_formBlock">
@@ -104,10 +104,6 @@ function removeBannerImage() {
 	bannerId = null;
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => props.channelId ? {
 	title: i18n.ts._channel.edit,
 	icon: 'fas fa-satellite-dish',

packages/client/src/pages/channel.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader :actions="headerActions"/></template>
 	<MkSpacer :content-max="700">
 		<div v-if="channel">
 			<div class="wpgynlbz _panel _gap" :class="{ hide: !showBanner }">
@@ -75,8 +75,6 @@ const headerActions = $computed(() => channel && channel.userId ? [{
 	handler: edit,
 }] : null);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => channel ? {
 	title: channel.name,
 	icon: 'fas fa-satellite-dish',

packages/client/src/pages/drive.vue

@@ -13,10 +13,6 @@ import { definePageMetadata } from '@/scripts/page-metadata';
 
 let folder = $ref(null);
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => ({
 	title: folder ? folder.name : i18n.ts.drive,
 	icon: 'fas fa-cloud',

packages/client/src/pages/explore.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader v-model:tab="tab" :tabs="headerTabs"/></template>
 	<div class="lznhrdub">
 		<div v-if="tab === 'featured'">
 			<XFeatured/>
@@ -66,8 +66,6 @@ const searchPagination = {
 	} : null),
 };
 
-const headerActions = $computed(() => []);
-
 const headerTabs = $computed(() => [{
 	key: 'featured',
 	icon: 'fas fa-bolt',

packages/client/src/pages/follow-requests.vue

@@ -58,10 +58,6 @@ function reject(user) {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => ({
 	title: i18n.ts.followRequests,
 	icon: 'fas fa-user-clock',

packages/client/src/pages/gallery/edit.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="800" :margin-min="16" :margin-max="32">
 		<FormSuspense :p="init">
 			<FormInput v-model="title">
@@ -117,10 +117,6 @@ watch(() => props.postId, () => {
 	}) : Promise.resolve(null);
 }, { immediate: true });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => props.postId ? {
 	title: i18n.ts.edit,
 	icon: 'fas fa-pencil-alt',

packages/client/src/pages/gallery/post.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader :actions="headerActions"/></template>
 	<MkSpacer :content-max="1000" :margin-min="16" :margin-max="32">
 		<div class="_root">
 			<transition :name="defaultStore.state.animation ? 'fade' : ''" mode="out-in">
@@ -145,8 +145,6 @@ const headerActions = $computed(() => [{
 	handler: edit,
 }]);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => post ? {
 	title: post.title,
 	avatar: post.user,

packages/client/src/pages/messaging/index.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="800">
 		<div v-size="{ max: [400] }" class="yweeujhr">
 			<MkButton primary class="start" @click="start"><i class="fas fa-plus"></i> {{ i18n.ts.startMessaging }}</MkButton>
@@ -152,10 +152,6 @@ onUnmounted(() => {
 	if (connection) connection.dispose();
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.messaging,
 	icon: 'fas fa-comments',

packages/client/src/pages/my-antennas/index.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="700">
 		<div class="ieepwinx">
 			<MkButton :link="true" to="/my/antennas/create" primary class="add"><i class="fas fa-plus"></i> {{ i18n.ts.add }}</MkButton>
@@ -28,10 +28,6 @@ const pagination = {
 	limit: 10,
 };
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.manageAntennas,
 	icon: 'fas fa-satellite',

packages/client/src/pages/my-clips/index.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="700">
 		<div class="qtcaoidl">
 			<MkButton primary class="add" @click="create"><i class="fas fa-plus"></i> {{ i18n.ts.add }}</MkButton>
@@ -63,10 +63,6 @@ function onClipDeleted() {
 	pagingComponent.reload();
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.clip,
 	icon: 'fas fa-paperclip',

packages/client/src/pages/my-lists/index.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="700">
 		<div class="qkcjvfiv">
 			<MkButton primary class="add" @click="create"><i class="fas fa-plus"></i> {{ i18n.ts.createList }}</MkButton>
@@ -40,10 +40,6 @@ async function create() {
 	pagingComponent.reload();
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.manageLists,
 	icon: 'fas fa-list-ul',

packages/client/src/pages/my-lists/list.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="700">
 		<div class="mk-list-page">
 			<transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
@@ -116,10 +116,6 @@ async function deleteList() {
 
 watch(() => props.listId, fetchList, { immediate: true });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => list ? {
 	title: list.name,
 	icon: 'fas fa-list-ul',

packages/client/src/pages/not-found.vue

@@ -11,10 +11,6 @@
 import { i18n } from '@/i18n';
 import { definePageMetadata } from '@/scripts/page-metadata';
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.notFound,
 	icon: 'fas fa-exclamation-triangle',

packages/client/src/pages/note.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="800">
 		<div class="fcuexfpr">
 			<transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
@@ -121,10 +121,6 @@ watch(() => props.noteId, fetchNote, {
 	immediate: true,
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => note ? {
 	title: i18n.ts.note,
 	subtitle: new Date(note.createdAt).toLocaleString(),

packages/client/src/pages/page.vue

@@ -141,10 +141,6 @@ function pin(pin) {
 
 watch(() => path, fetchPage, { immediate: true });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => page ? {
 	title: computed(() => page.title || page.name),
 	avatar: page.user,

packages/client/src/pages/preview.vue

@@ -10,10 +10,6 @@ import MkSample from '@/components/sample.vue';
 import { i18n } from '@/i18n';
 import { definePageMetadata } from '@/scripts/page-metadata';
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => ({
 	title: i18n.ts.preview,
 	icon: 'fas fa-eye',

packages/client/src/pages/reset-password.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer v-if="token" :content-max="700" :margin-min="16" :margin-max="32">
 		<div class="_formRoot">
 			<FormInput v-model="password" type="password" class="_formBlock">
@@ -44,10 +44,6 @@ onMounted(() => {
 	}
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.resetPassword,
 	icon: 'fas fa-lock',

packages/client/src/pages/scratchpad.vue

@@ -106,10 +106,6 @@ function highlighter(code) {
 	return highlight(code, languages.js, 'javascript');
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.scratchpad,
 	icon: 'fas fa-terminal',

packages/client/src/pages/search.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="800">
 		<XNotes ref="notes" :pagination="pagination"/>
 	</MkSpacer>
@@ -27,10 +27,6 @@ const pagination = {
 	})),
 };
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => ({
 	title: i18n.t('searchWith', { q: props.query }),
 	icon: 'fas fa-search',

packages/client/src/pages/settings/account-info.vue

@@ -147,10 +147,6 @@ onMounted(() => {
 	});
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.accountInfo,
 	icon: 'fas fa-info-circle',

packages/client/src/pages/settings/accounts.vue

@@ -102,10 +102,6 @@ function switchAccountWithToken(token: string) {
 	login(token);
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.accounts,
 	icon: 'fas fa-users',

packages/client/src/pages/settings/api.vue

@@ -35,10 +35,6 @@ function generateToken() {
 	}, 'closed');
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: 'API',
 	icon: 'fas fa-key',

packages/client/src/pages/settings/apps.vue

@@ -60,10 +60,6 @@ function revoke(token) {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.installedApps,
 	icon: 'fas fa-plug',

packages/client/src/pages/settings/custom-css.vue

@@ -35,10 +35,6 @@ watch(localCustomCss, async () => {
 	await apply();
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.customCss,
 	icon: 'fas fa-code',

packages/client/src/pages/settings/deck.vue

@@ -66,10 +66,6 @@ async function setProfile() {
 	unisonReload();
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.deck,
 	icon: 'fas fa-columns',

packages/client/src/pages/settings/delete-account.vue

@@ -41,10 +41,6 @@ async function deleteAccount() {
 	await signout();
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts._accountDelete.accountDelete,
 	icon: 'fas fa-exclamation-triangle',

packages/client/src/pages/settings/drive.vue

@@ -94,10 +94,6 @@ function chooseUploadFolder() {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.drive,
 	icon: 'fas fa-cloud',

packages/client/src/pages/settings/email.vue

@@ -100,10 +100,6 @@ onMounted(() => {
 	});
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.email,
 	icon: 'fas fa-envelope',

packages/client/src/pages/settings/import-export.vue

@@ -148,10 +148,6 @@ const importBlocking = async (ev) => {
 	os.api('i/import-blocking', { fileId: file.id }).then(onImportSuccess).catch(onError);
 };
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.importAndExport,
 	icon: 'fas fa-boxes',

packages/client/src/pages/settings/index.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="900" :margin-min="20" :margin-max="32">
 		<div ref="el" class="vvcocwet" :class="{ wide: !narrow }">
 			<div class="body">
@@ -274,10 +274,6 @@ provideMetadataReceiver((info) => {
 	}
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(INFO);
 </script>
 

packages/client/src/pages/settings/instance-mute.vue

@@ -42,10 +42,6 @@ watch(instanceMutes, () => {
 	changed.value = true;
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.instanceMute,
 	icon: 'fas fa-volume-mute',

packages/client/src/pages/settings/integration.vue

@@ -88,10 +88,6 @@ onMounted(() => {
 	});
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.integration,
 	icon: 'fas fa-share-alt',

packages/client/src/pages/settings/menu.vue

@@ -76,10 +76,6 @@ watch(menuDisplay, async () => {
 	await reloadAsk();
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.menu,
 	icon: 'fas fa-list-ul',

packages/client/src/pages/settings/mute-block.vue

@@ -49,10 +49,6 @@ const blockingPagination = {
 	limit: 10,
 };
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.muteAndBlock,
 	icon: 'fas fa-ban',

packages/client/src/pages/settings/notifications.vue

@@ -49,10 +49,6 @@ function configure() {
 	}, 'closed');
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.notifications,
 	icon: 'fas fa-bell',

packages/client/src/pages/settings/other.vue

@@ -26,10 +26,6 @@ function onChangeInjectFeaturedNote(v) {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.other,
 	icon: 'fas fa-ellipsis-h',

packages/client/src/pages/settings/plugin.install.vue

@@ -113,10 +113,6 @@ async function install() {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts._plugin.install,
 	icon: 'fas fa-download',

packages/client/src/pages/settings/plugin.vue

@@ -83,10 +83,6 @@ function changeActive(plugin, active) {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.plugins,
 	icon: 'fas fa-plug',

packages/client/src/pages/settings/privacy.vue

@@ -86,10 +86,6 @@ function save() {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.privacy,
 	icon: 'fas fa-lock-open',

packages/client/src/pages/settings/profile.vue

@@ -176,10 +176,6 @@ function changeBanner(ev) {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.profile,
 	icon: 'fas fa-user',

packages/client/src/pages/settings/reaction.vue

@@ -120,10 +120,6 @@ watch($$(reactions), () => {
 	deep: true,
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.reaction,
 	icon: 'fas fa-laugh',

packages/client/src/pages/settings/security.vue

@@ -101,10 +101,6 @@ function regenerateToken() {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.security,
 	icon: 'fas fa-lock',

packages/client/src/pages/settings/sounds.vue

@@ -126,10 +126,6 @@ function reset() {
 	}
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.sounds,
 	icon: 'fas fa-music',

packages/client/src/pages/settings/theme.install.vue

@@ -68,10 +68,6 @@ async function install(code: string): Promise<void> {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts._theme.install,
 	icon: 'fas fa-download',

packages/client/src/pages/settings/theme.manage.vue

@@ -67,10 +67,6 @@ function uninstall() {
 	os.success();
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts._theme.manage,
 	icon: 'fas fa-folder-open',

packages/client/src/pages/settings/theme.vue

@@ -145,10 +145,6 @@ function setWallpaper(event) {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.theme,
 	icon: 'fas fa-palette',

packages/client/src/pages/settings/webhook.edit.vue

@@ -78,10 +78,6 @@ async function save(): Promise<void> {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: 'Edit webhook',
 	icon: 'fas fa-bolt',

packages/client/src/pages/settings/webhook.new.vue

@@ -70,10 +70,6 @@ async function create(): Promise<void> {
 	});
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: 'Create new webhook',
 	icon: 'fas fa-bolt',

packages/client/src/pages/settings/webhook.vue

@@ -41,10 +41,6 @@ const pagination = {
 	limit: 10,
 };
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: 'Webhook',
 	icon: 'fas fa-bolt',

packages/client/src/pages/settings/word-mute.vue

@@ -117,10 +117,6 @@ async function save() {
 	changed.value = false;
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.wordMute,
 	icon: 'fas fa-comment-slash',

packages/client/src/pages/share.vue

@@ -152,10 +152,6 @@ function close(): void {
 	}, 100);
 }
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.share,
 	icon: 'fas fa-share-alt',

packages/client/src/pages/signup-complete.vue

@@ -26,10 +26,6 @@ onMounted(async () => {
 	login(res.i, '/');
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.signup,
 	icon: 'fas fa-user',

packages/client/src/pages/tag.vue

@@ -21,10 +21,6 @@ const pagination = {
 	})),
 };
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => ({
 	title: props.tag,
 	icon: 'fas fa-hashtag',

packages/client/src/pages/theme-editor.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader :actions="headerActions"/></template>
 	<MkSpacer :content-max="800" :margin-min="16" :margin-max="32">
 		<div class="cwepdizn _formRoot">
 			<FormFolder :default-open="true" class="_formBlock">
@@ -220,8 +220,6 @@ const headerActions = $computed(() => [{
 	handler: saveAs,
 }]);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata({
 	title: i18n.ts.themeEditor,
 	icon: 'fas fa-palette',

packages/client/src/pages/timeline.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader v-model:tab="src" :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader v-model:tab="src" :tabs="headerTabs"/></template>
 	<MkSpacer :content-max="800">
 		<div ref="rootEl" v-hotkey.global="keymap" class="cmuxhskf">
 			<XTutorial v-if="$store.reactiveState.tutorial.value != -1" class="tutorial _block"/>
@@ -109,8 +109,6 @@ function focus(): void {
 	tlComponent.focus();
 }
 
-const headerActions = $computed(() => []);
-
 const headerTabs = $computed(() => [{
 	key: 'home',
 	title: i18n.ts._timelines.home,

packages/client/src/pages/user-info.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader v-model:tab="tab" :tabs="headerTabs"/></template>
 	<MkSpacer :content-max="500" :margin-min="16" :margin-max="32">
 		<FormSuspense :p="init">
 			<div v-if="tab === 'overview'" class="_formRoot">
@@ -274,8 +274,6 @@ watch(() => user, () => {
 	});
 });
 
-const headerActions = $computed(() => []);
-
 const headerTabs = $computed(() => [{
 	key: 'overview',
 	title: i18n.ts.overview,

packages/client/src/pages/user-list-timeline.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader :actions="headerActions"/></template>
 	<div ref="rootEl" v-size="{ min: [800] }" class="eqqrhokj">
 		<div v-if="queue > 0" class="new"><button class="_buttonPrimary" @click="top()">{{ i18n.ts.newNoteRecived }}</button></div>
 		<div class="tl _block">
@@ -74,8 +74,6 @@ const headerActions = $computed(() => list ? [{
 	handler: settings,
 }] : []);
 
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => list ? {
 	title: list.name,
 	icon: 'fas fa-list-ul',

packages/client/src/pages/user/followers.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="1000">
 		<transition name="fade" mode="out-in">
 			<div v-if="user">
@@ -44,10 +44,6 @@ watch(() => props.acct, fetchUser, {
 	immediate: true,
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => user ? {
 	icon: 'fas fa-user',
 	title: user.name ? `${user.name} (@${user.username})` : `@${user.username}`,

packages/client/src/pages/user/following.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader/></template>
 	<MkSpacer :content-max="1000">
 		<transition name="fade" mode="out-in">
 			<div v-if="user">
@@ -44,10 +44,6 @@ watch(() => props.acct, fetchUser, {
 	immediate: true,
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => user ? {
 	icon: 'fas fa-user',
 	title: user.name ? `${user.name} (@${user.username})` : `@${user.username}`,

packages/client/src/pages/user/index.vue

@@ -1,6 +1,6 @@
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader v-model:tab="tab" :tabs="headerTabs"/></template>
 	<div>
 		<transition name="fade" mode="out-in">
 			<div v-if="user">
@@ -66,8 +66,6 @@ function menu(ev) {
 	os.popupMenu(getUserMenu(user), ev.currentTarget ?? ev.target);
 }
 
-const headerActions = $computed(() => []);
-
 const headerTabs = $computed(() => user ? [{
 	key: 'home',
 	title: i18n.ts.overview,

packages/client/src/pages/welcome.vue

@@ -19,10 +19,6 @@ os.api('meta', { detail: true }).then(res => {
 	meta = res;
 });
 
-const headerActions = $computed(() => []);
-
-const headerTabs = $computed(() => []);
-
 definePageMetadata(computed(() => ({
 	title: instanceName,
 	icon: null,