@btst/stack 2.11.7 → 2.11.8

package/dist/packages/stack/src/plugins/blog/client/components/pages/post-page.internal.cjs

@@ -13,13 +13,13 @@ const defaults = require('../shared/defaults.cjs');
 const index = require('../../localization/index.cjs');
 const postNavigation = require('../shared/post-navigation.cjs');
 const recentPostsCarousel = require('../shared/recent-posts-carousel.cjs');
-const badge = require('../../../../../../../ui/src/components/badge.cjs');
 const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
 const onThisPage = require('../shared/on-this-page.cjs');
 const context$1 = require('@btst/stack/plugins/ai-chat/client/context');
 const whenVisible = require('../../../../../../../ui/src/components/when-visible.cjs');
 const postNavigationSkeleton = require('../loading/post-navigation-skeleton.cjs');
 const recentPostsCarouselSkeleton = require('../loading/recent-posts-carousel-skeleton.cjs');
+const collapsibleTagList = require('../shared/collapsible-tag-list.cjs');
 
 function PostPage({ slug }) {
   const overrides = context.usePluginOverrides("blog", {
@@ -119,13 +119,9 @@ ${post.content ?? ""}`.slice(
   ] }) });
 }
 function PostHeaderTop({ post }) {
-  const { Link } = context.usePluginOverrides("blog", {
-    Link: defaults.DefaultLink
-  });
-  const basePath = context.useBasePath();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center justify-center gap-2 flex-wrap mt-8", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-light text-muted-foreground text-sm", children: dateFns.formatDate(post.createdAt, "MMMM d, yyyy") }),
-    post.tags && post.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: post.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)) })
+    /* @__PURE__ */ jsxRuntime.jsx(collapsibleTagList.CollapsibleTagList, { tags: post.tags ?? [] })
   ] });
 }
 

package/dist/packages/stack/src/plugins/blog/client/components/pages/post-page.internal.mjs

@@ -1,23 +1,23 @@
 "use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { usePluginOverrides } from '@btst/stack/context';
 import { formatDate } from 'date-fns';
 import { useSuspensePost, useNextPreviousPosts, useRecentPosts } from '../../hooks/blog-hooks.mjs';
 import { EmptyList } from '../shared/empty-list.mjs';
 import { MarkdownContent } from '../shared/markdown-content.mjs';
 import { PageHeader } from '../shared/page-header.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
-import { DefaultImage, DefaultLink } from '../shared/defaults.mjs';
+import { DefaultImage } from '../shared/defaults.mjs';
 import { BLOG_LOCALIZATION } from '../../localization/index.mjs';
 import { PostNavigation } from '../shared/post-navigation.mjs';
 import { RecentPostsCarousel } from '../shared/recent-posts-carousel.mjs';
-import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
 import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 import { OnThisPageSelect, OnThisPage } from '../shared/on-this-page.mjs';
 import { useRegisterPageAIContext } from '@btst/stack/plugins/ai-chat/client/context';
 import { WhenVisible } from '../../../../../../../ui/src/components/when-visible.mjs';
 import { PostNavigationSkeleton } from '../loading/post-navigation-skeleton.mjs';
 import { RecentPostsCarouselSkeleton } from '../loading/recent-posts-carousel-skeleton.mjs';
+import { CollapsibleTagList } from '../shared/collapsible-tag-list.mjs';
 
 function PostPage({ slug }) {
   const overrides = usePluginOverrides("blog", {
@@ -117,13 +117,9 @@ ${post.content ?? ""}`.slice(
   ] }) });
 }
 function PostHeaderTop({ post }) {
-  const { Link } = usePluginOverrides("blog", {
-    Link: DefaultLink
-  });
-  const basePath = useBasePath();
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-center gap-2 flex-wrap mt-8", children: [
     /* @__PURE__ */ jsx("span", { className: "font-light text-muted-foreground text-sm", children: formatDate(post.createdAt, "MMMM d, yyyy") }),
-    post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx(Fragment, { children: post.tags.map((tag) => /* @__PURE__ */ jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)) })
+    /* @__PURE__ */ jsx(CollapsibleTagList, { tags: post.tags ?? [] })
   ] });
 }
 

package/dist/packages/stack/src/plugins/blog/client/components/shared/collapsible-tag-list.cjs

@@ -0,0 +1,44 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const context = require('@btst/stack/context');
+const defaults = require('./defaults.cjs');
+const badge = require('../../../../../../../ui/src/components/badge.cjs');
+const index = require('../../localization/index.cjs');
+const LucideIcons = require('lucide-react');
+const React = require('react');
+
+const MAX_VISIBLE_TAGS = 15;
+function CollapsibleTagList({
+  tags,
+  maxVisible = MAX_VISIBLE_TAGS
+}) {
+  const { Link, localization } = context.usePluginOverrides("blog", {
+    Link: defaults.DefaultLink,
+    localization: index.BLOG_LOCALIZATION
+  });
+  const basePath = context.useBasePath();
+  const [showAll, setShowAll] = React.useState(false);
+  if (!tags || tags.length === 0) {
+    return null;
+  }
+  const hasMore = tags.length > maxVisible;
+  const visibleTags = showAll || !hasMore ? tags : tags.slice(0, maxVisible);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    visibleTags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)),
+    hasMore && /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { asChild: true, variant: "secondary", className: "text-xs cursor-pointer", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setShowAll((prev) => !prev),
+        "aria-expanded": showAll,
+        "aria-label": showAll ? localization.BLOG_TAGS_SHOW_LESS : localization.BLOG_TAGS_SHOW_ALL,
+        title: showAll ? localization.BLOG_TAGS_SHOW_LESS : localization.BLOG_TAGS_SHOW_ALL,
+        children: showAll ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronUp, { "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDown, { "aria-hidden": "true" })
+      }
+    ) })
+  ] });
+}
+
+exports.CollapsibleTagList = CollapsibleTagList;

package/dist/packages/stack/src/plugins/blog/client/components/shared/collapsible-tag-list.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { DefaultLink } from './defaults.mjs';
+import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
+import { BLOG_LOCALIZATION } from '../../localization/index.mjs';
+import { ChevronUp, ChevronDown } from 'lucide-react';
+import { useState } from 'react';
+
+const MAX_VISIBLE_TAGS = 15;
+function CollapsibleTagList({
+  tags,
+  maxVisible = MAX_VISIBLE_TAGS
+}) {
+  const { Link, localization } = usePluginOverrides("blog", {
+    Link: DefaultLink,
+    localization: BLOG_LOCALIZATION
+  });
+  const basePath = useBasePath();
+  const [showAll, setShowAll] = useState(false);
+  if (!tags || tags.length === 0) {
+    return null;
+  }
+  const hasMore = tags.length > maxVisible;
+  const visibleTags = showAll || !hasMore ? tags : tags.slice(0, maxVisible);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    visibleTags.map((tag) => /* @__PURE__ */ jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)),
+    hasMore && /* @__PURE__ */ jsx(Badge, { asChild: true, variant: "secondary", className: "text-xs cursor-pointer", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setShowAll((prev) => !prev),
+        "aria-expanded": showAll,
+        "aria-label": showAll ? localization.BLOG_TAGS_SHOW_LESS : localization.BLOG_TAGS_SHOW_ALL,
+        title: showAll ? localization.BLOG_TAGS_SHOW_LESS : localization.BLOG_TAGS_SHOW_ALL,
+        children: showAll ? /* @__PURE__ */ jsx(ChevronUp, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" })
+      }
+    ) })
+  ] });
+}
+
+export { CollapsibleTagList };

package/dist/packages/stack/src/plugins/blog/client/components/shared/tags-list.cjs

@@ -2,21 +2,15 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const context = require('@btst/stack/context');
-const defaults = require('./defaults.cjs');
-const badge = require('../../../../../../../ui/src/components/badge.cjs');
 const blogHooks = require('../../hooks/blog-hooks.cjs');
+const collapsibleTagList = require('./collapsible-tag-list.cjs');
 
 function TagsList() {
   const { tags } = blogHooks.useSuspenseTags();
-  const { Link } = context.usePluginOverrides("blog", {
-    Link: defaults.DefaultLink
-  });
-  const basePath = context.useBasePath();
   if (!tags || tags.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 justify-center", children: tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(collapsibleTagList.CollapsibleTagList, { tags }) });
 }
 
 exports.TagsList = TagsList;

package/dist/packages/stack/src/plugins/blog/client/components/shared/tags-list.mjs

@@ -1,20 +1,14 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { usePluginOverrides, useBasePath } from '@btst/stack/context';
-import { DefaultLink } from './defaults.mjs';
-import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
 import { useSuspenseTags } from '../../hooks/blog-hooks.mjs';
+import { CollapsibleTagList } from './collapsible-tag-list.mjs';
 
 function TagsList() {
   const { tags } = useSuspenseTags();
-  const { Link } = usePluginOverrides("blog", {
-    Link: DefaultLink
-  });
-  const basePath = useBasePath();
   if (!tags || tags.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 justify-center", children: tags.map((tag) => /* @__PURE__ */ jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)) });
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 justify-center", children: /* @__PURE__ */ jsx(CollapsibleTagList, { tags }) });
 }
 
 export { TagsList };

package/dist/packages/stack/src/plugins/blog/client/localization/blog-common.cjs

@@ -4,7 +4,9 @@ const BLOG_COMMON = {
   BLOG_GENERIC_ERROR_TITLE: "Something went wrong",
   BLOG_GENERIC_ERROR_MESSAGE: "An unexpected error occurred.",
   BLOG_PAGE_NOT_FOUND_TITLE: "Not Found",
-  BLOG_PAGE_NOT_FOUND_DESCRIPTION: "The page you are looking for does not exist."
+  BLOG_PAGE_NOT_FOUND_DESCRIPTION: "The page you are looking for does not exist.",
+  BLOG_TAGS_SHOW_ALL: "Show all tags",
+  BLOG_TAGS_SHOW_LESS: "Show fewer tags"
 };
 
 exports.BLOG_COMMON = BLOG_COMMON;

package/dist/packages/stack/src/plugins/blog/client/localization/blog-common.mjs

@@ -2,7 +2,9 @@ const BLOG_COMMON = {
   BLOG_GENERIC_ERROR_TITLE: "Something went wrong",
   BLOG_GENERIC_ERROR_MESSAGE: "An unexpected error occurred.",
   BLOG_PAGE_NOT_FOUND_TITLE: "Not Found",
-  BLOG_PAGE_NOT_FOUND_DESCRIPTION: "The page you are looking for does not exist."
+  BLOG_PAGE_NOT_FOUND_DESCRIPTION: "The page you are looking for does not exist.",
+  BLOG_TAGS_SHOW_ALL: "Show all tags",
+  BLOG_TAGS_SHOW_LESS: "Show fewer tags"
 };
 
 export { BLOG_COMMON };

package/dist/plugins/blog/api/index.d.cts

@@ -1,4 +1,4 @@
-export { B as BLOG_QUERY_KEYS, j as BlogApiContext, m as BlogApiRouter, k as BlogBackendHooks, h as BlogRouteKey, C as CreatePostInput, N as NextPreviousPostsQuerySchema, P as PostListParams, i as PostListQuerySchema, c as PostListResult, U as UpdatePostInput, l as blogBackendPlugin, f as createBlogQueryKeys, d as createPost, e as deletePost, g as getAllPosts, b as getAllTags, a as getPostBySlug, u as updatePost } from '../../../shared/stack.CLWhMntf.cjs';
+export { B as BLOG_QUERY_KEYS, j as BlogApiContext, m as BlogApiRouter, k as BlogBackendHooks, h as BlogRouteKey, C as CreatePostInput, N as NextPreviousPostsQuerySchema, P as PostListParams, i as PostListQuerySchema, c as PostListResult, U as UpdatePostInput, l as blogBackendPlugin, f as createBlogQueryKeys, d as createPost, e as deletePost, g as getAllPosts, b as getAllTags, a as getPostBySlug, u as updatePost } from '../../../shared/stack.04aMRz_W.cjs';
 import { P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../../shared/stack.Dsatjh0B.cjs';
 import '@tanstack/react-query';
 import '@btst/stack/plugins/client';
@@ -6,7 +6,7 @@ import '@btst/stack/plugins/api';
 import '@btst/db';
 import 'better-call';
 import 'zod';
-import '../../../shared/stack.CuhcFsAx.cjs';
+import '../../../shared/stack.DuQOcInS.cjs';
 
 /**
  * Serialize a Tag for SSR/SSG use (convert dates to strings).

package/dist/plugins/blog/api/index.d.mts

@@ -1,4 +1,4 @@
-export { B as BLOG_QUERY_KEYS, j as BlogApiContext, m as BlogApiRouter, k as BlogBackendHooks, h as BlogRouteKey, C as CreatePostInput, N as NextPreviousPostsQuerySchema, P as PostListParams, i as PostListQuerySchema, c as PostListResult, U as UpdatePostInput, l as blogBackendPlugin, f as createBlogQueryKeys, d as createPost, e as deletePost, g as getAllPosts, b as getAllTags, a as getPostBySlug, u as updatePost } from '../../../shared/stack.DiodAFAa.mjs';
+export { B as BLOG_QUERY_KEYS, j as BlogApiContext, m as BlogApiRouter, k as BlogBackendHooks, h as BlogRouteKey, C as CreatePostInput, N as NextPreviousPostsQuerySchema, P as PostListParams, i as PostListQuerySchema, c as PostListResult, U as UpdatePostInput, l as blogBackendPlugin, f as createBlogQueryKeys, d as createPost, e as deletePost, g as getAllPosts, b as getAllTags, a as getPostBySlug, u as updatePost } from '../../../shared/stack.ueI-K4xy.mjs';
 import { P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../../shared/stack.Dsatjh0B.mjs';
 import '@tanstack/react-query';
 import '@btst/stack/plugins/client';
@@ -6,7 +6,7 @@ import '@btst/stack/plugins/api';
 import '@btst/db';
 import 'better-call';
 import 'zod';
-import '../../../shared/stack.CuhcFsAx.mjs';
+import '../../../shared/stack.DuQOcInS.mjs';
 
 /**
  * Serialize a Tag for SSR/SSG use (convert dates to strings).

package/dist/plugins/blog/api/index.d.ts

@@ -1,4 +1,4 @@
-export { B as BLOG_QUERY_KEYS, j as BlogApiContext, m as BlogApiRouter, k as BlogBackendHooks, h as BlogRouteKey, C as CreatePostInput, N as NextPreviousPostsQuerySchema, P as PostListParams, i as PostListQuerySchema, c as PostListResult, U as UpdatePostInput, l as blogBackendPlugin, f as createBlogQueryKeys, d as createPost, e as deletePost, g as getAllPosts, b as getAllTags, a as getPostBySlug, u as updatePost } from '../../../shared/stack.ufcExQIR.js';
+export { B as BLOG_QUERY_KEYS, j as BlogApiContext, m as BlogApiRouter, k as BlogBackendHooks, h as BlogRouteKey, C as CreatePostInput, N as NextPreviousPostsQuerySchema, P as PostListParams, i as PostListQuerySchema, c as PostListResult, U as UpdatePostInput, l as blogBackendPlugin, f as createBlogQueryKeys, d as createPost, e as deletePost, g as getAllPosts, b as getAllTags, a as getPostBySlug, u as updatePost } from '../../../shared/stack.CxWEN62M.js';
 import { P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../../shared/stack.Dsatjh0B.js';
 import '@tanstack/react-query';
 import '@btst/stack/plugins/client';
@@ -6,7 +6,7 @@ import '@btst/stack/plugins/api';
 import '@btst/db';
 import 'better-call';
 import 'zod';
-import '../../../shared/stack.CuhcFsAx.js';
+import '../../../shared/stack.DuQOcInS.js';
 
 /**
  * Serialize a Tag for SSR/SSG use (convert dates to strings).

package/dist/plugins/blog/client/hooks/index.d.cts

@@ -1,8 +1,8 @@
-export { P as PostCreateInput, e as PostUpdateInput, o as UseNextPreviousPostsOptions, p as UseNextPreviousPostsResult, d as UsePostResult, b as UsePostSearchOptions, c as UsePostSearchResult, U as UsePostsOptions, a as UsePostsResult, r as UseRecentPostsOptions, s as UseRecentPostsResult, k as useCreatePost, m as useDeletePost, q as useNextPreviousPosts, g as usePost, n as usePostSearch, u as usePosts, t as useRecentPosts, h as useSuspensePost, f as useSuspensePosts, j as useSuspenseTags, i as useTags, l as useUpdatePost } from '../../../../shared/stack.DNLuzDb3.cjs';
+export { P as PostCreateInput, e as PostUpdateInput, o as UseNextPreviousPostsOptions, p as UseNextPreviousPostsResult, d as UsePostResult, b as UsePostSearchOptions, c as UsePostSearchResult, U as UsePostsOptions, a as UsePostsResult, r as UseRecentPostsOptions, s as UseRecentPostsResult, k as useCreatePost, m as useDeletePost, q as useNextPreviousPosts, g as usePost, n as usePostSearch, u as usePosts, t as useRecentPosts, h as useSuspensePost, f as useSuspensePosts, j as useSuspenseTags, i as useTags, l as useUpdatePost } from '../../../../shared/stack.BvuqACtA.cjs';
 import '@tanstack/react-query';
 import '../../../../shared/stack.Dsatjh0B.cjs';
 import 'zod';
-import '../../../../shared/stack.CuhcFsAx.cjs';
+import '../../../../shared/stack.DuQOcInS.cjs';
 
 declare function useDebounce<T>(value: T, delay?: number): T;
 declare function useThrottle<T>(value: T, wait?: number): T;

package/dist/plugins/blog/client/hooks/index.d.mts

@@ -1,8 +1,8 @@
-export { P as PostCreateInput, e as PostUpdateInput, o as UseNextPreviousPostsOptions, p as UseNextPreviousPostsResult, d as UsePostResult, b as UsePostSearchOptions, c as UsePostSearchResult, U as UsePostsOptions, a as UsePostsResult, r as UseRecentPostsOptions, s as UseRecentPostsResult, k as useCreatePost, m as useDeletePost, q as useNextPreviousPosts, g as usePost, n as usePostSearch, u as usePosts, t as useRecentPosts, h as useSuspensePost, f as useSuspensePosts, j as useSuspenseTags, i as useTags, l as useUpdatePost } from '../../../../shared/stack.Dfc44JiE.mjs';
+export { P as PostCreateInput, e as PostUpdateInput, o as UseNextPreviousPostsOptions, p as UseNextPreviousPostsResult, d as UsePostResult, b as UsePostSearchOptions, c as UsePostSearchResult, U as UsePostsOptions, a as UsePostsResult, r as UseRecentPostsOptions, s as UseRecentPostsResult, k as useCreatePost, m as useDeletePost, q as useNextPreviousPosts, g as usePost, n as usePostSearch, u as usePosts, t as useRecentPosts, h as useSuspensePost, f as useSuspensePosts, j as useSuspenseTags, i as useTags, l as useUpdatePost } from '../../../../shared/stack.Cs8R5HxD.mjs';
 import '@tanstack/react-query';
 import '../../../../shared/stack.Dsatjh0B.mjs';
 import 'zod';
-import '../../../../shared/stack.CuhcFsAx.mjs';
+import '../../../../shared/stack.DuQOcInS.mjs';
 
 declare function useDebounce<T>(value: T, delay?: number): T;
 declare function useThrottle<T>(value: T, wait?: number): T;

package/dist/plugins/blog/client/hooks/index.d.ts

@@ -1,8 +1,8 @@
-export { P as PostCreateInput, e as PostUpdateInput, o as UseNextPreviousPostsOptions, p as UseNextPreviousPostsResult, d as UsePostResult, b as UsePostSearchOptions, c as UsePostSearchResult, U as UsePostsOptions, a as UsePostsResult, r as UseRecentPostsOptions, s as UseRecentPostsResult, k as useCreatePost, m as useDeletePost, q as useNextPreviousPosts, g as usePost, n as usePostSearch, u as usePosts, t as useRecentPosts, h as useSuspensePost, f as useSuspensePosts, j as useSuspenseTags, i as useTags, l as useUpdatePost } from '../../../../shared/stack.BnSAhKJi.js';
+export { P as PostCreateInput, e as PostUpdateInput, o as UseNextPreviousPostsOptions, p as UseNextPreviousPostsResult, d as UsePostResult, b as UsePostSearchOptions, c as UsePostSearchResult, U as UsePostsOptions, a as UsePostsResult, r as UseRecentPostsOptions, s as UseRecentPostsResult, k as useCreatePost, m as useDeletePost, q as useNextPreviousPosts, g as usePost, n as usePostSearch, u as usePosts, t as useRecentPosts, h as useSuspensePost, f as useSuspensePosts, j as useSuspenseTags, i as useTags, l as useUpdatePost } from '../../../../shared/stack.DPTRuLUH.js';
 import '@tanstack/react-query';
 import '../../../../shared/stack.Dsatjh0B.js';
 import 'zod';
-import '../../../../shared/stack.CuhcFsAx.js';
+import '../../../../shared/stack.DuQOcInS.js';
 
 declare function useDebounce<T>(value: T, delay?: number): T;
 declare function useThrottle<T>(value: T, wait?: number): T;

package/dist/plugins/blog/client/index.d.cts

@@ -3,9 +3,9 @@ import * as _btst_yar from '@btst/yar';
 import { ComponentType, ReactNode } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { P as Post, S as SerializedPost } from '../../../shared/stack.Dsatjh0B.cjs';
-export { U as UsePostsOptions, a as UsePostsResult } from '../../../shared/stack.DNLuzDb3.cjs';
+export { U as UsePostsOptions, a as UsePostsResult } from '../../../shared/stack.BvuqACtA.cjs';
 import 'zod';
-import '../../../shared/stack.CuhcFsAx.cjs';
+import '../../../shared/stack.DuQOcInS.cjs';
 
 /**
  * Context passed to route hooks
@@ -390,6 +390,8 @@ declare const BLOG_LOCALIZATION: {
     BLOG_GENERIC_ERROR_MESSAGE: string;
     BLOG_PAGE_NOT_FOUND_TITLE: string;
     BLOG_PAGE_NOT_FOUND_DESCRIPTION: string;
+    BLOG_TAGS_SHOW_ALL: string;
+    BLOG_TAGS_SHOW_LESS: string;
 };
 type BlogLocalization = typeof BLOG_LOCALIZATION;
 

package/dist/plugins/blog/client/index.d.mts

@@ -3,9 +3,9 @@ import * as _btst_yar from '@btst/yar';
 import { ComponentType, ReactNode } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { P as Post, S as SerializedPost } from '../../../shared/stack.Dsatjh0B.mjs';
-export { U as UsePostsOptions, a as UsePostsResult } from '../../../shared/stack.Dfc44JiE.mjs';
+export { U as UsePostsOptions, a as UsePostsResult } from '../../../shared/stack.Cs8R5HxD.mjs';
 import 'zod';
-import '../../../shared/stack.CuhcFsAx.mjs';
+import '../../../shared/stack.DuQOcInS.mjs';
 
 /**
  * Context passed to route hooks
@@ -390,6 +390,8 @@ declare const BLOG_LOCALIZATION: {
     BLOG_GENERIC_ERROR_MESSAGE: string;
     BLOG_PAGE_NOT_FOUND_TITLE: string;
     BLOG_PAGE_NOT_FOUND_DESCRIPTION: string;
+    BLOG_TAGS_SHOW_ALL: string;
+    BLOG_TAGS_SHOW_LESS: string;
 };
 type BlogLocalization = typeof BLOG_LOCALIZATION;
 

package/dist/plugins/blog/client/index.d.ts

@@ -3,9 +3,9 @@ import * as _btst_yar from '@btst/yar';
 import { ComponentType, ReactNode } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { P as Post, S as SerializedPost } from '../../../shared/stack.Dsatjh0B.js';
-export { U as UsePostsOptions, a as UsePostsResult } from '../../../shared/stack.BnSAhKJi.js';
+export { U as UsePostsOptions, a as UsePostsResult } from '../../../shared/stack.DPTRuLUH.js';
 import 'zod';
-import '../../../shared/stack.CuhcFsAx.js';
+import '../../../shared/stack.DuQOcInS.js';
 
 /**
  * Context passed to route hooks
@@ -390,6 +390,8 @@ declare const BLOG_LOCALIZATION: {
     BLOG_GENERIC_ERROR_MESSAGE: string;
     BLOG_PAGE_NOT_FOUND_TITLE: string;
     BLOG_PAGE_NOT_FOUND_DESCRIPTION: string;
+    BLOG_TAGS_SHOW_ALL: string;
+    BLOG_TAGS_SHOW_LESS: string;
 };
 type BlogLocalization = typeof BLOG_LOCALIZATION;
 

package/dist/plugins/blog/query-keys.d.cts

@@ -1,9 +1,9 @@
 import '@tanstack/react-query';
-export { f as createBlogQueryKeys } from '../../shared/stack.CLWhMntf.cjs';
+export { f as createBlogQueryKeys } from '../../shared/stack.04aMRz_W.cjs';
 import '@btst/stack/plugins/client';
 import '../../shared/stack.Dsatjh0B.cjs';
 import '@btst/stack/plugins/api';
 import '@btst/db';
 import 'better-call';
 import 'zod';
-import '../../shared/stack.CuhcFsAx.cjs';
+import '../../shared/stack.DuQOcInS.cjs';

package/dist/plugins/blog/query-keys.d.mts

@@ -1,9 +1,9 @@
 import '@tanstack/react-query';
-export { f as createBlogQueryKeys } from '../../shared/stack.DiodAFAa.mjs';
+export { f as createBlogQueryKeys } from '../../shared/stack.ueI-K4xy.mjs';
 import '@btst/stack/plugins/client';
 import '../../shared/stack.Dsatjh0B.mjs';
 import '@btst/stack/plugins/api';
 import '@btst/db';
 import 'better-call';
 import 'zod';
-import '../../shared/stack.CuhcFsAx.mjs';
+import '../../shared/stack.DuQOcInS.mjs';

package/dist/plugins/blog/query-keys.d.ts

@@ -1,9 +1,9 @@
 import '@tanstack/react-query';
-export { f as createBlogQueryKeys } from '../../shared/stack.ufcExQIR.js';
+export { f as createBlogQueryKeys } from '../../shared/stack.CxWEN62M.js';
 import '@btst/stack/plugins/client';
 import '../../shared/stack.Dsatjh0B.js';
 import '@btst/stack/plugins/api';
 import '@btst/db';
 import 'better-call';
 import 'zod';
-import '../../shared/stack.CuhcFsAx.js';
+import '../../shared/stack.DuQOcInS.js';

package/dist/plugins/kanban/api/index.d.cts

@@ -1,4 +1,4 @@
-export { B as BoardListResult, C as CreateKanbanTaskInput, i as KANBAN_QUERY_KEYS, b as KanbanApiContext, K as KanbanApiRouter, c as KanbanBackendHooks, a as KanbanRouteKey, e as createKanbanTask, f as findOrCreateKanbanBoard, g as getAllBoards, d as getBoardById, h as getKanbanColumnsByBoardId, k as kanbanBackendPlugin } from '../../../shared/stack.Rtcvl8sS.cjs';
+export { B as BoardListResult, C as CreateKanbanTaskInput, i as KANBAN_QUERY_KEYS, b as KanbanApiContext, K as KanbanApiRouter, c as KanbanBackendHooks, a as KanbanRouteKey, e as createKanbanTask, f as findOrCreateKanbanBoard, g as getAllBoards, d as getBoardById, h as getKanbanColumnsByBoardId, k as kanbanBackendPlugin } from '../../../shared/stack.B6S3cgwN.cjs';
 import { B as BoardWithColumns, S as SerializedBoardWithColumns, C as ColumnWithTasks, a as SerializedColumn, T as Task, b as SerializedTask } from '../../../shared/stack.DJaKVY7v.cjs';
 import '@btst/stack/plugins/api';
 import '@btst/db';

package/dist/plugins/kanban/api/index.d.mts

@@ -1,4 +1,4 @@
-export { B as BoardListResult, C as CreateKanbanTaskInput, i as KANBAN_QUERY_KEYS, b as KanbanApiContext, K as KanbanApiRouter, c as KanbanBackendHooks, a as KanbanRouteKey, e as createKanbanTask, f as findOrCreateKanbanBoard, g as getAllBoards, d as getBoardById, h as getKanbanColumnsByBoardId, k as kanbanBackendPlugin } from '../../../shared/stack.HE_IvqV5.mjs';
+export { B as BoardListResult, C as CreateKanbanTaskInput, i as KANBAN_QUERY_KEYS, b as KanbanApiContext, K as KanbanApiRouter, c as KanbanBackendHooks, a as KanbanRouteKey, e as createKanbanTask, f as findOrCreateKanbanBoard, g as getAllBoards, d as getBoardById, h as getKanbanColumnsByBoardId, k as kanbanBackendPlugin } from '../../../shared/stack.Bzfx-_lq.mjs';
 import { B as BoardWithColumns, S as SerializedBoardWithColumns, C as ColumnWithTasks, a as SerializedColumn, T as Task, b as SerializedTask } from '../../../shared/stack.DJaKVY7v.mjs';
 import '@btst/stack/plugins/api';
 import '@btst/db';

package/dist/plugins/kanban/api/index.d.ts

@@ -1,4 +1,4 @@
-export { B as BoardListResult, C as CreateKanbanTaskInput, i as KANBAN_QUERY_KEYS, b as KanbanApiContext, K as KanbanApiRouter, c as KanbanBackendHooks, a as KanbanRouteKey, e as createKanbanTask, f as findOrCreateKanbanBoard, g as getAllBoards, d as getBoardById, h as getKanbanColumnsByBoardId, k as kanbanBackendPlugin } from '../../../shared/stack.D4Cea8II.js';
+export { B as BoardListResult, C as CreateKanbanTaskInput, i as KANBAN_QUERY_KEYS, b as KanbanApiContext, K as KanbanApiRouter, c as KanbanBackendHooks, a as KanbanRouteKey, e as createKanbanTask, f as findOrCreateKanbanBoard, g as getAllBoards, d as getBoardById, h as getKanbanColumnsByBoardId, k as kanbanBackendPlugin } from '../../../shared/stack.j5SFLC1d.js';
 import { B as BoardWithColumns, S as SerializedBoardWithColumns, C as ColumnWithTasks, a as SerializedColumn, T as Task, b as SerializedTask } from '../../../shared/stack.DJaKVY7v.js';
 import '@btst/stack/plugins/api';
 import '@btst/db';

package/dist/plugins/kanban/query-keys.d.cts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.Rtcvl8sS.cjs';
+import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.B6S3cgwN.cjs';
 import { createApiClient } from '@btst/stack/plugins/client';
 import { S as SerializedBoardWithColumns } from '../../shared/stack.DJaKVY7v.cjs';
 import '@btst/stack/plugins/api';

package/dist/plugins/kanban/query-keys.d.mts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.HE_IvqV5.mjs';
+import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.Bzfx-_lq.mjs';
 import { createApiClient } from '@btst/stack/plugins/client';
 import { S as SerializedBoardWithColumns } from '../../shared/stack.DJaKVY7v.mjs';
 import '@btst/stack/plugins/api';

package/dist/plugins/kanban/query-keys.d.ts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.D4Cea8II.js';
+import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.j5SFLC1d.js';
 import { createApiClient } from '@btst/stack/plugins/client';
 import { S as SerializedBoardWithColumns } from '../../shared/stack.DJaKVY7v.js';
 import '@btst/stack/plugins/api';

package/dist/shared/{stack.CLWhMntf.d.cts → stack.04aMRz_W.d.cts}

@@ -6,7 +6,7 @@ import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import { DBAdapter } from '@btst/db';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema } from './stack.CuhcFsAx.cjs';
+import { c as createPostSchema, u as updatePostSchema } from './stack.DuQOcInS.cjs';
 
 /**
  * Parameters for filtering/paginating posts.
@@ -325,11 +325,11 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
                 slug: string;
             })[] | undefined;
             slug?: string | undefined;
-            published?: boolean | undefined;
-            publishedAt?: unknown;
             createdAt?: unknown;
             updatedAt?: unknown;
+            publishedAt?: unknown;
             image?: string | undefined;
+            published?: boolean | undefined;
         }, {
             title: string;
             content: string;
@@ -342,11 +342,11 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
                 slug: string;
             })[] | undefined;
             slug?: string | undefined;
-            published?: boolean | undefined;
-            publishedAt?: unknown;
             createdAt?: unknown;
             updatedAt?: unknown;
+            publishedAt?: unknown;
             image?: string | undefined;
+            published?: boolean | undefined;
         }>;
     }, Post>;
     readonly updatePost: better_call.StrictEndpoint<"/posts/:id", {} & {

package/dist/shared/{stack.DNLuzDb3.d.cts → stack.BvuqACtA.d.cts}

@@ -1,7 +1,7 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { S as SerializedPost, a as SerializedTag } from './stack.Dsatjh0B.cjs';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema } from './stack.CuhcFsAx.cjs';
+import { c as createPostSchema, u as updatePostSchema } from './stack.DuQOcInS.cjs';
 
 /**
  * Options for the usePosts hook
@@ -136,14 +136,14 @@ declare function useCreatePost(): _tanstack_react_query.UseMutationResult<Serial
         name: string;
         slug: string;
     })[];
-    published: boolean;
     title: string;
     content: string;
     excerpt: string;
+    published: boolean;
     slug?: string | undefined;
-    publishedAt?: Date | undefined;
     createdAt?: Date | undefined;
     updatedAt?: Date | undefined;
+    publishedAt?: Date | undefined;
     image?: string | undefined;
 }, unknown>;
 /** Update an existing post by id */

package/dist/shared/{stack.Dfc44JiE.d.mts → stack.Cs8R5HxD.d.mts}

@@ -1,7 +1,7 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { S as SerializedPost, a as SerializedTag } from './stack.Dsatjh0B.mjs';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema } from './stack.CuhcFsAx.mjs';
+import { c as createPostSchema, u as updatePostSchema } from './stack.DuQOcInS.mjs';
 
 /**
  * Options for the usePosts hook
@@ -136,14 +136,14 @@ declare function useCreatePost(): _tanstack_react_query.UseMutationResult<Serial
         name: string;
         slug: string;
     })[];
-    published: boolean;
     title: string;
     content: string;
     excerpt: string;
+    published: boolean;
     slug?: string | undefined;
-    publishedAt?: Date | undefined;
     createdAt?: Date | undefined;
     updatedAt?: Date | undefined;
+    publishedAt?: Date | undefined;
     image?: string | undefined;
 }, unknown>;
 /** Update an existing post by id */

package/dist/shared/{stack.ufcExQIR.d.ts → stack.CxWEN62M.d.ts}

@@ -6,7 +6,7 @@ import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import { DBAdapter } from '@btst/db';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema } from './stack.CuhcFsAx.js';
+import { c as createPostSchema, u as updatePostSchema } from './stack.DuQOcInS.js';
 
 /**
  * Parameters for filtering/paginating posts.
@@ -325,11 +325,11 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
                 slug: string;
             })[] | undefined;
             slug?: string | undefined;
-            published?: boolean | undefined;
-            publishedAt?: unknown;
             createdAt?: unknown;
             updatedAt?: unknown;
+            publishedAt?: unknown;
             image?: string | undefined;
+            published?: boolean | undefined;
         }, {
             title: string;
             content: string;
@@ -342,11 +342,11 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
                 slug: string;
             })[] | undefined;
             slug?: string | undefined;
-            published?: boolean | undefined;
-            publishedAt?: unknown;
             createdAt?: unknown;
             updatedAt?: unknown;
+            publishedAt?: unknown;
             image?: string | undefined;
+            published?: boolean | undefined;
         }>;
     }, Post>;
     readonly updatePost: better_call.StrictEndpoint<"/posts/:id", {} & {

package/dist/shared/{stack.BnSAhKJi.d.ts → stack.DPTRuLUH.d.ts}

@@ -1,7 +1,7 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { S as SerializedPost, a as SerializedTag } from './stack.Dsatjh0B.js';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema } from './stack.CuhcFsAx.js';
+import { c as createPostSchema, u as updatePostSchema } from './stack.DuQOcInS.js';
 
 /**
  * Options for the usePosts hook
@@ -136,14 +136,14 @@ declare function useCreatePost(): _tanstack_react_query.UseMutationResult<Serial
         name: string;
         slug: string;
     })[];
-    published: boolean;
     title: string;
     content: string;
     excerpt: string;
+    published: boolean;
     slug?: string | undefined;
-    publishedAt?: Date | undefined;
     createdAt?: Date | undefined;
     updatedAt?: Date | undefined;
+    publishedAt?: Date | undefined;
     image?: string | undefined;
 }, unknown>;
 /** Update an existing post by id */

package/dist/shared/{stack.DiodAFAa.d.mts → stack.ueI-K4xy.d.mts}

@@ -6,7 +6,7 @@ import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import { DBAdapter } from '@btst/db';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema } from './stack.CuhcFsAx.mjs';
+import { c as createPostSchema, u as updatePostSchema } from './stack.DuQOcInS.mjs';
 
 /**
  * Parameters for filtering/paginating posts.
@@ -325,11 +325,11 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
                 slug: string;
             })[] | undefined;
             slug?: string | undefined;
-            published?: boolean | undefined;
-            publishedAt?: unknown;
             createdAt?: unknown;
             updatedAt?: unknown;
+            publishedAt?: unknown;
             image?: string | undefined;
+            published?: boolean | undefined;
         }, {
             title: string;
             content: string;
@@ -342,11 +342,11 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
                 slug: string;
             })[] | undefined;
             slug?: string | undefined;
-            published?: boolean | undefined;
-            publishedAt?: unknown;
             createdAt?: unknown;
             updatedAt?: unknown;
+            publishedAt?: unknown;
             image?: string | undefined;
+            published?: boolean | undefined;
         }>;
     }, Post>;
     readonly updatePost: better_call.StrictEndpoint<"/posts/:id", {} & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@btst/stack",
-  "version": "2.11.7",
+  "version": "2.11.8",
   "description": "A composable, plugin-based library for building full-stack applications.",
   "repository": {
     "type": "git",

package/src/plugins/blog/client/components/pages/post-page.internal.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { usePluginOverrides, useBasePath } from "@btst/stack/context";
+import { usePluginOverrides } from "@btst/stack/context";
 import { formatDate } from "date-fns";
 import {
 	useSuspensePost,
@@ -12,11 +12,10 @@ import { MarkdownContent } from "../shared/markdown-content";
 import { PageHeader } from "../shared/page-header";
 import { PageWrapper } from "../shared/page-wrapper";
 import type { BlogPluginOverrides } from "../../overrides";
-import { DefaultImage, DefaultLink } from "../shared/defaults";
+import { DefaultImage } from "../shared/defaults";
 import { BLOG_LOCALIZATION } from "../../localization";
 import { PostNavigation } from "../shared/post-navigation";
 import { RecentPostsCarousel } from "../shared/recent-posts-carousel";
-import { Badge } from "@workspace/ui/components/badge";
 import { useRouteLifecycle } from "@workspace/ui/hooks/use-route-lifecycle";
 import { OnThisPage, OnThisPageSelect } from "../shared/on-this-page";
 import type { SerializedPost } from "../../../types";
@@ -24,6 +23,7 @@ import { useRegisterPageAIContext } from "@btst/stack/plugins/ai-chat/client/con
 import { WhenVisible } from "@workspace/ui/components/when-visible";
 import { PostNavigationSkeleton } from "../loading/post-navigation-skeleton";
 import { RecentPostsCarouselSkeleton } from "../loading/recent-posts-carousel-skeleton";
+import { CollapsibleTagList } from "../shared/collapsible-tag-list";
 
 // Internal component with actual page content
 export function PostPage({ slug }: { slug: string }) {
@@ -151,29 +151,12 @@ export function PostPage({ slug }: { slug: string }) {
 }
 
 function PostHeaderTop({ post }: { post: SerializedPost }) {
-	const { Link } = usePluginOverrides<
-		BlogPluginOverrides,
-		Partial<BlogPluginOverrides>
-	>("blog", {
-		Link: DefaultLink,
-	});
-	const basePath = useBasePath();
 	return (
 		<div className="flex flex-row items-center justify-center gap-2 flex-wrap mt-8">
 			<span className="font-light text-muted-foreground text-sm">
 				{formatDate(post.createdAt, "MMMM d, yyyy")}
 			</span>
-			{post.tags && post.tags.length > 0 && (
-				<>
-					{post.tags.map((tag) => (
-						<Link key={tag.id} href={`${basePath}/blog/tag/${tag.slug}`}>
-							<Badge variant="secondary" className="text-xs">
-								{tag.name}
-							</Badge>
-						</Link>
-					))}
-				</>
-			)}
+			<CollapsibleTagList tags={post.tags ?? []} />
 		</div>
 	);
 }

package/src/plugins/blog/client/components/shared/collapsible-tag-list.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import { usePluginOverrides, useBasePath } from "@btst/stack/context";
+import type { BlogPluginOverrides } from "../../overrides";
+import { DefaultLink } from "./defaults";
+import { Badge } from "@workspace/ui/components/badge";
+import { BLOG_LOCALIZATION } from "../../localization";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { useState } from "react";
+import type { SerializedTag } from "../../../types";
+
+const MAX_VISIBLE_TAGS = 15;
+
+interface CollapsibleTagListProps {
+	tags: SerializedTag[];
+	maxVisible?: number;
+}
+
+export function CollapsibleTagList({
+	tags,
+	maxVisible = MAX_VISIBLE_TAGS,
+}: CollapsibleTagListProps) {
+	const { Link, localization } = usePluginOverrides<
+		BlogPluginOverrides,
+		Partial<BlogPluginOverrides>
+	>("blog", {
+		Link: DefaultLink,
+		localization: BLOG_LOCALIZATION,
+	});
+	const basePath = useBasePath();
+	const [showAll, setShowAll] = useState(false);
+
+	if (!tags || tags.length === 0) {
+		return null;
+	}
+
+	const hasMore = tags.length > maxVisible;
+	const visibleTags = showAll || !hasMore ? tags : tags.slice(0, maxVisible);
+
+	return (
+		<>
+			{visibleTags.map((tag) => (
+				<Link key={tag.id} href={`${basePath}/blog/tag/${tag.slug}`}>
+					<Badge variant="secondary" className="text-xs">
+						{tag.name}
+					</Badge>
+				</Link>
+			))}
+			{hasMore && (
+				<Badge asChild variant="secondary" className="text-xs cursor-pointer">
+					<button
+						type="button"
+						onClick={() => setShowAll((prev) => !prev)}
+						aria-expanded={showAll}
+						aria-label={
+							showAll
+								? localization.BLOG_TAGS_SHOW_LESS
+								: localization.BLOG_TAGS_SHOW_ALL
+						}
+						title={
+							showAll
+								? localization.BLOG_TAGS_SHOW_LESS
+								: localization.BLOG_TAGS_SHOW_ALL
+						}
+					>
+						{showAll ? (
+							<ChevronUp aria-hidden="true" />
+						) : (
+							<ChevronDown aria-hidden="true" />
+						)}
+					</button>
+				</Badge>
+			)}
+		</>
+	);
+}

package/src/plugins/blog/client/components/shared/tags-list.tsx

@@ -1,20 +1,10 @@
 "use client";
 
-import { usePluginOverrides, useBasePath } from "@btst/stack/context";
-import type { BlogPluginOverrides } from "../../overrides";
-import { DefaultLink } from "./defaults";
-import { Badge } from "@workspace/ui/components/badge";
 import { useSuspenseTags } from "../../hooks/blog-hooks";
+import { CollapsibleTagList } from "./collapsible-tag-list";
 
 export function TagsList() {
 	const { tags } = useSuspenseTags();
-	const { Link } = usePluginOverrides<
-		BlogPluginOverrides,
-		Partial<BlogPluginOverrides>
-	>("blog", {
-		Link: DefaultLink,
-	});
-	const basePath = useBasePath();
 
 	if (!tags || tags.length === 0) {
 		return null;
@@ -22,13 +12,7 @@ export function TagsList() {
 
 	return (
 		<div className="flex flex-wrap gap-2 justify-center">
-			{tags.map((tag) => (
-				<Link key={tag.id} href={`${basePath}/blog/tag/${tag.slug}`}>
-					<Badge variant="secondary" className="text-xs">
-						{tag.name}
-					</Badge>
-				</Link>
-			))}
+			<CollapsibleTagList tags={tags} />
 		</div>
 	);
 }

package/src/plugins/blog/client/localization/blog-common.ts

@@ -4,4 +4,6 @@ export const BLOG_COMMON = {
 	BLOG_PAGE_NOT_FOUND_TITLE: "Not Found",
 	BLOG_PAGE_NOT_FOUND_DESCRIPTION:
 		"The page you are looking for does not exist.",
+	BLOG_TAGS_SHOW_ALL: "Show all tags",
+	BLOG_TAGS_SHOW_LESS: "Show fewer tags",
 };

package/dist/shared/{stack.Rtcvl8sS.d.cts → stack.B6S3cgwN.d.cts}

@@ -7,12 +7,12 @@ import { QueryClient } from '@tanstack/react-query';
 
 declare const createBoardSchema: z.ZodObject<{
     description: z.ZodOptional<z.ZodString>;
-    name: z.ZodString;
-    createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
-    updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     slug: z.ZodOptional<z.ZodString>;
     ownerId: z.ZodOptional<z.ZodString>;
     organizationId: z.ZodOptional<z.ZodString>;
+    createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+    updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+    name: z.ZodString;
 }, z.core.$strip>;
 declare const updateBoardSchema: z.ZodObject<{
     createdAt: z.ZodOptional<z.ZodOptional<z.ZodCoercedDate<unknown>>>;
@@ -331,19 +331,19 @@ declare const kanbanBackendPlugin: (hooks?: KanbanBackendHooks) => _btst_stack_p
         body: better_call.StandardSchemaV1<{
             name: string;
             description?: string | undefined;
-            createdAt?: unknown;
-            updatedAt?: unknown;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
+            createdAt?: unknown;
+            updatedAt?: unknown;
         }, {
             name: string;
             description?: string | undefined;
-            createdAt?: unknown;
-            updatedAt?: unknown;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
+            createdAt?: unknown;
+            updatedAt?: unknown;
         }>;
     }, {
         columns: ColumnWithTasks[];
@@ -360,20 +360,20 @@ declare const kanbanBackendPlugin: (hooks?: KanbanBackendHooks) => _btst_stack_p
         method: "PUT";
         body: better_call.StandardSchemaV1<{
             description?: string | undefined;
-            name?: string | undefined;
-            createdAt?: unknown;
-            updatedAt?: unknown;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
-        }, {
-            description?: string | undefined;
-            name?: string | undefined;
             createdAt?: unknown;
             updatedAt?: unknown;
+            name?: string | undefined;
+        }, {
+            description?: string | undefined;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
+            createdAt?: unknown;
+            updatedAt?: unknown;
+            name?: string | undefined;
         }>;
     }, Board>;
     readonly deleteBoard: better_call.StrictEndpoint<"/boards/:id", {} & {

package/dist/shared/{stack.HE_IvqV5.d.mts → stack.Bzfx-_lq.d.mts}

@@ -7,12 +7,12 @@ import { QueryClient } from '@tanstack/react-query';
 
 declare const createBoardSchema: z.ZodObject<{
     description: z.ZodOptional<z.ZodString>;
-    name: z.ZodString;
-    createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
-    updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     slug: z.ZodOptional<z.ZodString>;
     ownerId: z.ZodOptional<z.ZodString>;
     organizationId: z.ZodOptional<z.ZodString>;
+    createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+    updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+    name: z.ZodString;
 }, z.core.$strip>;
 declare const updateBoardSchema: z.ZodObject<{
     createdAt: z.ZodOptional<z.ZodOptional<z.ZodCoercedDate<unknown>>>;
@@ -331,19 +331,19 @@ declare const kanbanBackendPlugin: (hooks?: KanbanBackendHooks) => _btst_stack_p
         body: better_call.StandardSchemaV1<{
             name: string;
             description?: string | undefined;
-            createdAt?: unknown;
-            updatedAt?: unknown;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
+            createdAt?: unknown;
+            updatedAt?: unknown;
         }, {
             name: string;
             description?: string | undefined;
-            createdAt?: unknown;
-            updatedAt?: unknown;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
+            createdAt?: unknown;
+            updatedAt?: unknown;
         }>;
     }, {
         columns: ColumnWithTasks[];
@@ -360,20 +360,20 @@ declare const kanbanBackendPlugin: (hooks?: KanbanBackendHooks) => _btst_stack_p
         method: "PUT";
         body: better_call.StandardSchemaV1<{
             description?: string | undefined;
-            name?: string | undefined;
-            createdAt?: unknown;
-            updatedAt?: unknown;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
-        }, {
-            description?: string | undefined;
-            name?: string | undefined;
             createdAt?: unknown;
             updatedAt?: unknown;
+            name?: string | undefined;
+        }, {
+            description?: string | undefined;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
+            createdAt?: unknown;
+            updatedAt?: unknown;
+            name?: string | undefined;
         }>;
     }, Board>;
     readonly deleteBoard: better_call.StrictEndpoint<"/boards/:id", {} & {

package/dist/shared/{stack.CuhcFsAx.d.ts → stack.DuQOcInS.d.cts}

@@ -8,15 +8,15 @@ declare const createPostSchema: z.ZodObject<{
         name: z.ZodString;
         slug: z.ZodString;
     }, z.core.$strip>]>>>>;
+    title: z.ZodString;
     slug: z.ZodOptional<z.ZodString>;
-    published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
-    publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
-    title: z.ZodString;
+    publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     content: z.ZodString;
     excerpt: z.ZodString;
     image: z.ZodOptional<z.ZodString>;
+    published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
 }, z.core.$strip>;
 declare const updatePostSchema: z.ZodObject<{
     publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;

package/dist/shared/{stack.CuhcFsAx.d.cts → stack.DuQOcInS.d.mts}

@@ -8,15 +8,15 @@ declare const createPostSchema: z.ZodObject<{
         name: z.ZodString;
         slug: z.ZodString;
     }, z.core.$strip>]>>>>;
+    title: z.ZodString;
     slug: z.ZodOptional<z.ZodString>;
-    published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
-    publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
-    title: z.ZodString;
+    publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     content: z.ZodString;
     excerpt: z.ZodString;
     image: z.ZodOptional<z.ZodString>;
+    published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
 }, z.core.$strip>;
 declare const updatePostSchema: z.ZodObject<{
     publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;

package/dist/shared/{stack.CuhcFsAx.d.mts → stack.DuQOcInS.d.ts}

@@ -8,15 +8,15 @@ declare const createPostSchema: z.ZodObject<{
         name: z.ZodString;
         slug: z.ZodString;
     }, z.core.$strip>]>>>>;
+    title: z.ZodString;
     slug: z.ZodOptional<z.ZodString>;
-    published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
-    publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
-    title: z.ZodString;
+    publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     content: z.ZodString;
     excerpt: z.ZodString;
     image: z.ZodOptional<z.ZodString>;
+    published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
 }, z.core.$strip>;
 declare const updatePostSchema: z.ZodObject<{
     publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;

package/dist/shared/{stack.D4Cea8II.d.ts → stack.j5SFLC1d.d.ts}

@@ -7,12 +7,12 @@ import { QueryClient } from '@tanstack/react-query';
 
 declare const createBoardSchema: z.ZodObject<{
     description: z.ZodOptional<z.ZodString>;
-    name: z.ZodString;
-    createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
-    updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     slug: z.ZodOptional<z.ZodString>;
     ownerId: z.ZodOptional<z.ZodString>;
     organizationId: z.ZodOptional<z.ZodString>;
+    createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+    updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+    name: z.ZodString;
 }, z.core.$strip>;
 declare const updateBoardSchema: z.ZodObject<{
     createdAt: z.ZodOptional<z.ZodOptional<z.ZodCoercedDate<unknown>>>;
@@ -331,19 +331,19 @@ declare const kanbanBackendPlugin: (hooks?: KanbanBackendHooks) => _btst_stack_p
         body: better_call.StandardSchemaV1<{
             name: string;
             description?: string | undefined;
-            createdAt?: unknown;
-            updatedAt?: unknown;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
+            createdAt?: unknown;
+            updatedAt?: unknown;
         }, {
             name: string;
             description?: string | undefined;
-            createdAt?: unknown;
-            updatedAt?: unknown;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
+            createdAt?: unknown;
+            updatedAt?: unknown;
         }>;
     }, {
         columns: ColumnWithTasks[];
@@ -360,20 +360,20 @@ declare const kanbanBackendPlugin: (hooks?: KanbanBackendHooks) => _btst_stack_p
         method: "PUT";
         body: better_call.StandardSchemaV1<{
             description?: string | undefined;
-            name?: string | undefined;
-            createdAt?: unknown;
-            updatedAt?: unknown;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
-        }, {
-            description?: string | undefined;
-            name?: string | undefined;
             createdAt?: unknown;
             updatedAt?: unknown;
+            name?: string | undefined;
+        }, {
+            description?: string | undefined;
             slug?: string | undefined;
             ownerId?: string | undefined;
             organizationId?: string | undefined;
+            createdAt?: unknown;
+            updatedAt?: unknown;
+            name?: string | undefined;
         }>;
     }, Board>;
     readonly deleteBoard: better_call.StrictEndpoint<"/boards/:id", {} & {