@eventcatalog/core 3.42.0 → 3.43.0

package/dist/analytics/analytics.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(analytics_exports);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "3.42.0";
+var version = "3.43.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-6FAGUEM4.js";
-import "../chunk-VPZ77Y6E.js";
+} from "../chunk-2EI3M7OO.js";
+import "../chunk-KY74BE42.js";
 export {
   raiseEvent
 };

package/dist/analytics/count-resources.cjs

@@ -26,6 +26,7 @@ __export(count_resources_exports, {
 module.exports = __toCommonJS(count_resources_exports);
 var import_glob = require("glob");
 var RESOURCE_PATTERNS = {
+  adrs: ["**/adrs/*/index.@(md|mdx)"],
   agents: ["**/agents/*/index.@(md|mdx)"],
   events: ["**/events/*/index.@(md|mdx)"],
   commands: ["**/commands/*/index.@(md|mdx)"],

package/dist/analytics/count-resources.js

@@ -1,7 +1,7 @@
 import {
   countResources,
   serializeCounts
-} from "../chunk-3DVHEVHQ.js";
+} from "../chunk-DAOXTQVS.js";
 export {
   countResources,
   serializeCounts

package/dist/analytics/log-build.cjs

@@ -110,7 +110,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "3.42.0";
+var version = "3.43.0";
 
 // src/constants.ts
 var VERSION = version;
@@ -149,6 +149,7 @@ async function raiseEvent(eventData) {
 // src/analytics/count-resources.js
 var import_glob = require("glob");
 var RESOURCE_PATTERNS = {
+  adrs: ["**/adrs/*/index.@(md|mdx)"],
   agents: ["**/agents/*/index.@(md|mdx)"],
   events: ["**/events/*/index.@(md|mdx)"],
   commands: ["**/commands/*/index.@(md|mdx)"],
@@ -196,6 +197,7 @@ var getFeatures = async (configFile) => {
 };
 var CLOUD_ANALYTICS_ENDPOINT = "https://api.ecingest.dev/v1/analytics/ingest";
 var toCloudResourceCounts = (counts) => ({
+  adrs: counts.adrs || 0,
   agents: counts.agents || 0,
   domains: counts.domains || 0,
   services: counts.services || 0,

package/dist/analytics/log-build.js

@@ -1,9 +1,9 @@
 import {
   log_build_default
-} from "../chunk-L66TCSM7.js";
-import "../chunk-6FAGUEM4.js";
-import "../chunk-3DVHEVHQ.js";
-import "../chunk-VPZ77Y6E.js";
+} from "../chunk-QV2PKXZM.js";
+import "../chunk-2EI3M7OO.js";
+import "../chunk-DAOXTQVS.js";
+import "../chunk-KY74BE42.js";
 import "../chunk-5T63CXKU.js";
 export {
   log_build_default as default

package/dist/{chunk-6FAGUEM4.js → chunk-2EI3M7OO.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-VPZ77Y6E.js";
+} from "./chunk-KY74BE42.js";
 
 // src/analytics/analytics.js
 import os from "os";

package/dist/{chunk-UQIDXF2V.js → chunk-7M5IQL3J.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-VPZ77Y6E.js";
+} from "./chunk-KY74BE42.js";
 
 // src/utils/cli-logger.ts
 import pc from "picocolors";

package/dist/{chunk-3DVHEVHQ.js → chunk-DAOXTQVS.js}

@@ -1,6 +1,7 @@
 // src/analytics/count-resources.js
 import { glob } from "glob";
 var RESOURCE_PATTERNS = {
+  adrs: ["**/adrs/*/index.@(md|mdx)"],
   agents: ["**/agents/*/index.@(md|mdx)"],
   events: ["**/events/*/index.@(md|mdx)"],
   commands: ["**/commands/*/index.@(md|mdx)"],

package/dist/{chunk-VPZ77Y6E.js → chunk-KY74BE42.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "3.42.0";
+var version = "3.43.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/{chunk-L66TCSM7.js → chunk-QV2PKXZM.js}

@@ -1,10 +1,10 @@
 import {
   raiseEvent
-} from "./chunk-6FAGUEM4.js";
+} from "./chunk-2EI3M7OO.js";
 import {
   countResources,
   serializeCounts
-} from "./chunk-3DVHEVHQ.js";
+} from "./chunk-DAOXTQVS.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile
@@ -21,6 +21,7 @@ var getFeatures = async (configFile) => {
 };
 var CLOUD_ANALYTICS_ENDPOINT = "https://api.ecingest.dev/v1/analytics/ingest";
 var toCloudResourceCounts = (counts) => ({
+  adrs: counts.adrs || 0,
   agents: counts.agents || 0,
   domains: counts.domains || 0,
   services: counts.services || 0,

package/dist/{chunk-QMORF42U.js → chunk-ZONBICNH.js}

@@ -4,6 +4,7 @@ import path from "path";
 import { glob } from "glob";
 import matter from "gray-matter";
 var RESOURCE_COLLECTIONS = {
+  adrs: { docsPath: "adrs", type: "Architecture Decision" },
   agents: { docsPath: "agents", type: "Agent" },
   channels: { docsPath: "channels", type: "Channel" },
   commands: { docsPath: "commands", type: "Command" },
@@ -68,6 +69,9 @@ var findResourceSegment = (segments) => {
   let match = null;
   for (let index = 0; index < segments.length - 1; index++) {
     const segment = segments[index];
+    if (segments[index - 1] === "docs") {
+      continue;
+    }
     if (RESOURCE_COLLECTIONS[segment] && segments[index + 1]) {
       match = { index, segment };
     }
@@ -234,6 +238,10 @@ var collectSearchRecords = async ({
         summary: baseRecord.summary,
         version: baseRecord.version,
         owners: parsed.data.owners,
+        status: parsed.data.status,
+        date: parsed.data.date,
+        decisionMakers: parsed.data.decisionMakers,
+        appliesTo: parsed.data.appliesTo,
         badges: parsed.data.badges
       });
       const content = [frontmatterText, markdownToSearchText(parsed.content)].filter(Boolean).join("\n\n");

package/dist/{chunk-KE6YTTLB.js → chunk-ZQHBDPIY.js}

@@ -1,6 +1,6 @@
 import {
   logger
-} from "./chunk-UQIDXF2V.js";
+} from "./chunk-7M5IQL3J.js";
 import {
   cleanup,
   getEventCatalogConfigFile

package/dist/constants.cjs

@@ -25,7 +25,7 @@ __export(constants_exports, {
 module.exports = __toCommonJS(constants_exports);
 
 // package.json
-var version = "3.42.0";
+var version = "3.43.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-VPZ77Y6E.js";
+} from "./chunk-KY74BE42.js";
 export {
   VERSION
 };

package/dist/eventcatalog.cjs

@@ -114,7 +114,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "3.42.0";
+var version = "3.43.0";
 
 // src/constants.ts
 var VERSION = version;
@@ -244,6 +244,7 @@ async function raiseEvent(eventData) {
 // src/analytics/count-resources.js
 var import_glob = require("glob");
 var RESOURCE_PATTERNS = {
+  adrs: ["**/adrs/*/index.@(md|mdx)"],
   agents: ["**/agents/*/index.@(md|mdx)"],
   events: ["**/events/*/index.@(md|mdx)"],
   commands: ["**/commands/*/index.@(md|mdx)"],
@@ -291,6 +292,7 @@ var getFeatures = async (configFile) => {
 };
 var CLOUD_ANALYTICS_ENDPOINT = "https://api.ecingest.dev/v1/analytics/ingest";
 var toCloudResourceCounts = (counts) => ({
+  adrs: counts.adrs || 0,
   agents: counts.agents || 0,
   domains: counts.domains || 0,
   services: counts.services || 0,
@@ -1332,6 +1334,7 @@ var import_node_path8 = __toESM(require("path"), 1);
 var import_glob4 = require("glob");
 var import_gray_matter4 = __toESM(require("gray-matter"), 1);
 var RESOURCE_COLLECTIONS = {
+  adrs: { docsPath: "adrs", type: "Architecture Decision" },
   agents: { docsPath: "agents", type: "Agent" },
   channels: { docsPath: "channels", type: "Channel" },
   commands: { docsPath: "commands", type: "Command" },
@@ -1396,6 +1399,9 @@ var findResourceSegment = (segments) => {
   let match = null;
   for (let index = 0; index < segments.length - 1; index++) {
     const segment = segments[index];
+    if (segments[index - 1] === "docs") {
+      continue;
+    }
     if (RESOURCE_COLLECTIONS[segment] && segments[index + 1]) {
       match = { index, segment };
     }
@@ -1562,6 +1568,10 @@ var collectSearchRecords = async ({
         summary: baseRecord.summary,
         version: baseRecord.version,
         owners: parsed.data.owners,
+        status: parsed.data.status,
+        date: parsed.data.date,
+        decisionMakers: parsed.data.decisionMakers,
+        appliesTo: parsed.data.appliesTo,
         badges: parsed.data.badges
       });
       const content = [frontmatterText, markdownToSearchText(parsed.content)].filter(Boolean).join("\n\n");

package/dist/eventcatalog.js

@@ -7,15 +7,15 @@ import {
 } from "./chunk-WAJIJEI3.js";
 import {
   buildSearchIndex
-} from "./chunk-QMORF42U.js";
+} from "./chunk-ZONBICNH.js";
 import {
   watch
 } from "./chunk-3H2RT3CM.js";
 import {
   log_build_default
-} from "./chunk-L66TCSM7.js";
-import "./chunk-6FAGUEM4.js";
-import "./chunk-3DVHEVHQ.js";
+} from "./chunk-QV2PKXZM.js";
+import "./chunk-2EI3M7OO.js";
+import "./chunk-DAOXTQVS.js";
 import {
   catalogToAstro
 } from "./chunk-O6KT4DPL.js";
@@ -28,13 +28,13 @@ import {
 } from "./chunk-ULZYHF3V.js";
 import {
   generate
-} from "./chunk-KE6YTTLB.js";
+} from "./chunk-ZQHBDPIY.js";
 import {
   logger
-} from "./chunk-UQIDXF2V.js";
+} from "./chunk-7M5IQL3J.js";
 import {
   VERSION
-} from "./chunk-VPZ77Y6E.js";
+} from "./chunk-KY74BE42.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/generate.cjs

@@ -78,7 +78,7 @@ var getEventCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "3.42.0";
+var version = "3.43.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-KE6YTTLB.js";
-import "./chunk-UQIDXF2V.js";
-import "./chunk-VPZ77Y6E.js";
+} from "./chunk-ZQHBDPIY.js";
+import "./chunk-7M5IQL3J.js";
+import "./chunk-KY74BE42.js";
 import "./chunk-5T63CXKU.js";
 export {
   generate

package/dist/search-indexer.cjs

@@ -40,6 +40,7 @@ var import_node_path = __toESM(require("path"), 1);
 var import_glob = require("glob");
 var import_gray_matter = __toESM(require("gray-matter"), 1);
 var RESOURCE_COLLECTIONS = {
+  adrs: { docsPath: "adrs", type: "Architecture Decision" },
   agents: { docsPath: "agents", type: "Agent" },
   channels: { docsPath: "channels", type: "Channel" },
   commands: { docsPath: "commands", type: "Command" },
@@ -104,6 +105,9 @@ var findResourceSegment = (segments) => {
   let match = null;
   for (let index = 0; index < segments.length - 1; index++) {
     const segment = segments[index];
+    if (segments[index - 1] === "docs") {
+      continue;
+    }
     if (RESOURCE_COLLECTIONS[segment] && segments[index + 1]) {
       match = { index, segment };
     }
@@ -270,6 +274,10 @@ var collectSearchRecords = async ({
         summary: baseRecord.summary,
         version: baseRecord.version,
         owners: parsed.data.owners,
+        status: parsed.data.status,
+        date: parsed.data.date,
+        decisionMakers: parsed.data.decisionMakers,
+        appliesTo: parsed.data.appliesTo,
         badges: parsed.data.badges
       });
       const content = [frontmatterText, markdownToSearchText(parsed.content)].filter(Boolean).join("\n\n");

package/dist/search-indexer.js

@@ -2,7 +2,7 @@ import {
   buildSearchIndex,
   collectSearchRecords,
   markdownToSearchText
-} from "./chunk-QMORF42U.js";
+} from "./chunk-ZONBICNH.js";
 export {
   buildSearchIndex,
   collectSearchRecords,

package/dist/utils/cli-logger.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(cli_logger_exports);
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "3.42.0";
+var version = "3.43.0";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-UQIDXF2V.js";
-import "../chunk-VPZ77Y6E.js";
+} from "../chunk-7M5IQL3J.js";
+import "../chunk-KY74BE42.js";
 export {
   logger
 };

package/eventcatalog/src/components/MDX/Attachments.astro

@@ -19,13 +19,13 @@ interface Props {
   title?: string;
   description?: string;
   columns?: number;
-  data: {
-    attachments: Attachment[];
+  data?: {
+    attachments?: Attachment[];
   };
 }
 
 const { title = 'Attachments', description, columns = 2, ...props } = Astro.props;
-const { attachments } = props.data;
+const attachments = props.data?.attachments ?? [];
 
 function getIconForAttachment(attachment: AttachmentObject): ComponentType<{ className?: string }> | null {
   // If custom icon is provided, try to find it

package/eventcatalog/src/components/SideNav/NestedSideBar/index.tsx

@@ -221,6 +221,8 @@ export default function NestedSideBar() {
         // Agents
         { pattern: /^\/docs\/agents\/([^/]+)\/([^/]+)/, type: 'agent' },
         { pattern: /^\/visualiser\/agents\/([^/]+)\/([^/]+)/, type: 'agent' },
+        // Decision Records
+        { pattern: /^\/docs\/adrs\/([^/]+)\/([^/]+)/, type: 'adr' },
         // Services
         { pattern: /^\/docs\/services\/([^/]+)\/([^/]+)/, type: 'service' },
         { pattern: /^\/architecture\/services\/([^/]+)\/([^/]+)/, type: 'service' },
@@ -503,6 +505,13 @@ export default function NestedSideBar() {
     [favorites]
   );
 
+  const urlsMatch = useCallback((left: string | undefined, right: string | undefined) => {
+    if (!left || !right) return false;
+    return stripBasePath(left).replace(/\/$/, '') === stripBasePath(right).replace(/\/$/, '');
+  }, []);
+
+  const activeNodeKey = useMemo(() => findNodeKeyByUrl(currentPath), [currentPath, findNodeKeyByUrl]);
+
   // Show loading state if no data yet
   if (!data || roots.length === 0) {
     return (
@@ -838,7 +847,7 @@ export default function NestedSideBar() {
    */
   const renderItem = (item: NavNode, itemKey: string | null, index: number) => {
     const itemHasChildren = hasChildren(item);
-    const isActive = item.href && currentPath === item.href;
+    const isActive = urlsMatch(item.href, currentPath) || (itemKey !== null && itemKey === activeNodeKey);
     const isFav = isFavorited(itemKey);
     const canFavorite = itemKey !== null; // Only items with keys can be favorited
 
@@ -925,7 +934,7 @@ export default function NestedSideBar() {
         key={`item-${itemKey || index}`}
         title={item.title}
         onClick={() => handleDrillDown(item, itemKey)}
-        className={cn(baseClasses, parentClasses)}
+        className={cn(baseClasses, parentClasses, activeClasses)}
       >
         {content}
       </button>

package/eventcatalog/src/components/Tables/Discover/DiscoverTable.tsx

@@ -6,10 +6,12 @@ import {
   getFacetedUniqueValues,
   getFilteredRowModel,
   getPaginationRowModel,
+  getSortedRowModel,
   useReactTable,
   type ColumnFiltersState,
+  type SortingState,
 } from '@tanstack/react-table';
-import { ChevronLeft, ChevronRight, SearchX, X, Search, Users } from 'lucide-react';
+import { ArrowDown, ArrowUp, ArrowUpDown, ChevronLeft, ChevronRight, SearchX, X, Search, Users } from 'lucide-react';
 import { UserIcon } from '@heroicons/react/24/outline';
 import { useEffect, useMemo, useState } from 'react';
 import type { TableConfiguration } from '@types';
@@ -17,12 +19,14 @@ import { isSameVersion } from '@utils/collections/version-compare';
 import { resolveIconUrl } from '@utils/icon';
 import { FilterDropdown, CheckboxItem } from './FilterComponents';
 import { getDiscoverColumns } from './columns';
+import { formatAdrStatus, type AdrStatus } from '@utils/collections/adr-constants';
 
 export type CollectionType =
   | 'agents'
   | 'events'
   | 'commands'
   | 'queries'
+  | 'adrs'
   | 'services'
   | 'external-systems'
   | 'domains'
@@ -41,6 +45,8 @@ export interface DiscoverTableData {
   hasDataDependencies?: boolean;
   hasTools?: boolean;
   hasModel?: boolean;
+  hasAppliesTo?: boolean;
+  hasDecisionMakers?: boolean;
   hasInputs?: boolean;
   hasOutputs?: boolean;
   data: {
@@ -58,6 +64,13 @@ export interface DiscoverTableData {
       textColor?: string;
       url?: string;
     }>;
+    status?: string;
+    date?: string | Date;
+    statusBadge?: {
+      content: string;
+      backgroundColor?: string;
+      textColor?: string;
+    };
     producers?: Array<any>;
     consumers?: Array<any>;
     receives?: Array<any>;
@@ -159,6 +172,7 @@ export function DiscoverTable<T extends DiscoverTableData>({
     [collectionType, tableConfiguration]
   );
   const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
+  const [sorting, setSorting] = useState<SortingState>([]);
   const [tableFilter, setTableFilter] = useState('');
   const PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
   const PAGE_SIZE_STORAGE_KEY = 'eventcatalog-discover-page-size';
@@ -182,6 +196,7 @@ export function DiscoverTable<T extends DiscoverTableData>({
   const [selectedAgentModels, setSelectedAgentModels] = useState<string[]>([]);
   const [selectedBadges, setSelectedBadges] = useState<string[]>([]);
   const [selectedProperties, setSelectedProperties] = useState<string[]>([]);
+  const [selectedStatuses, setSelectedStatuses] = useState<string[]>([]);
 
   // Collect unique badges from all items
   const allBadges = useMemo(() => {
@@ -286,6 +301,14 @@ export function DiscoverTable<T extends DiscoverTableData>({
         }
       }
 
+      // ADR status filter
+      if (selectedStatuses.length > 0) {
+        const status = row.data.status;
+        if (!status || !selectedStatuses.includes(status)) {
+          return false;
+        }
+      }
+
       // Property filters
       if (selectedProperties.length > 0) {
         for (const prop of selectedProperties) {
@@ -364,6 +387,7 @@ export function DiscoverTable<T extends DiscoverTableData>({
     selectedAgentProviders,
     selectedAgentModels,
     selectedBadges,
+    selectedStatuses,
     selectedProperties,
     tableFilter,
   ]);
@@ -378,14 +402,17 @@ export function DiscoverTable<T extends DiscoverTableData>({
     data: filteredData,
     columns,
     onColumnFiltersChange: setColumnFilters,
+    onSortingChange: setSorting,
     getCoreRowModel: getCoreRowModel(),
     getFilteredRowModel: getFilteredRowModel(),
+    getSortedRowModel: getSortedRowModel(),
     getFacetedRowModel: getFacetedRowModel(),
     getFacetedUniqueValues: getFacetedUniqueValues(),
     getFacetedMinMaxValues: getFacetedMinMaxValues(),
     getPaginationRowModel: getPaginationRowModel(),
     state: {
       columnFilters,
+      sorting,
       columnVisibility,
     },
     initialState: {
@@ -468,6 +495,27 @@ export function DiscoverTable<T extends DiscoverTableData>({
     return counts;
   }, [initialData]);
 
+  const statusCounts = useMemo(() => {
+    const counts: Record<string, number> = {};
+    initialData.forEach((item) => {
+      const status = item.data.status;
+      if (status) counts[status] = (counts[status] || 0) + 1;
+    });
+    return counts;
+  }, [initialData]);
+
+  const statusOptions = useMemo(
+    () =>
+      Object.keys(statusCounts)
+        .map((status) => ({
+          id: status,
+          name: formatAdrStatus(status as AdrStatus),
+          count: statusCounts[status],
+        }))
+        .sort((a, b) => a.name.localeCompare(b.name)),
+    [statusCounts]
+  );
+
   const toggleDomain = (domainId: string) => {
     setSelectedDomains((prev) => (prev.includes(domainId) ? prev.filter((id) => id !== domainId) : [...prev, domainId]));
   };
@@ -498,6 +546,10 @@ export function DiscoverTable<T extends DiscoverTableData>({
     setSelectedBadges((prev) => (prev.includes(badgeContent) ? prev.filter((b) => b !== badgeContent) : [...prev, badgeContent]));
   };
 
+  const toggleStatus = (status: string) => {
+    setSelectedStatuses((prev) => (prev.includes(status) ? prev.filter((item) => item !== status) : [...prev, status]));
+  };
+
   const toggleProperty = (propertyId: string) => {
     setSelectedProperties((prev) => (prev.includes(propertyId) ? prev.filter((p) => p !== propertyId) : [...prev, propertyId]));
   };
@@ -510,6 +562,7 @@ export function DiscoverTable<T extends DiscoverTableData>({
     setSelectedAgentProviders([]);
     setSelectedAgentModels([]);
     setSelectedBadges([]);
+    setSelectedStatuses([]);
     setSelectedProperties([]);
     setShowOnlyLatest(true);
     setOnlyShowDrafts(false);
@@ -525,6 +578,7 @@ export function DiscoverTable<T extends DiscoverTableData>({
     selectedAgentProviders.length +
     selectedAgentModels.length +
     selectedBadges.length +
+    selectedStatuses.length +
     selectedProperties.length +
     (!showOnlyLatest ? 1 : 0) +
     (onlyShowDrafts ? 1 : 0);
@@ -545,6 +599,7 @@ export function DiscoverTable<T extends DiscoverTableData>({
     (id) => agentProviders.find((provider) => provider.id === id)?.name || id
   );
   const selectedAgentModelNames = selectedAgentModels.map((id) => agentModels.find((model) => model.id === id)?.name || id);
+  const selectedStatusNames = selectedStatuses.map((id) => statusOptions.find((status) => status.id === id)?.name || id);
 
   // Filter producers/consumers to only show those with count > 0
   const filteredProducers = producers.filter((p) => (producerCounts[p.id] || 0) > 0);
@@ -767,6 +822,32 @@ export function DiscoverTable<T extends DiscoverTableData>({
               </div>
             )}
 
+            {/* ADR Status Filter */}
+            {collectionType === 'adrs' && statusOptions.length > 0 && (
+              <div>
+                <label className="block text-xs font-medium text-[rgb(var(--ec-page-text)/0.8)] mb-1.5">Status</label>
+                <FilterDropdown
+                  label="Select statuses..."
+                  selectedItems={selectedStatusNames}
+                  onClear={() => setSelectedStatuses([])}
+                  onRemoveItem={(name) => {
+                    const status = statusOptions.find((item) => item.name === name);
+                    if (status) toggleStatus(status.id);
+                  }}
+                >
+                  {statusOptions.map((status) => (
+                    <CheckboxItem
+                      key={status.id}
+                      label={status.name}
+                      checked={selectedStatuses.includes(status.id)}
+                      onChange={() => toggleStatus(status.id)}
+                      count={status.count}
+                    />
+                  ))}
+                </FilterDropdown>
+              </div>
+            )}
+
             {/* Badges Filter */}
             {allBadges.length > 0 && (
               <div>
@@ -899,7 +980,24 @@ export function DiscoverTable<T extends DiscoverTableData>({
                         key={`${header.id}`}
                         className="px-4 py-2.5 text-left text-[11px] font-medium text-[rgb(var(--ec-page-text-muted))] uppercase tracking-wider"
                       >
-                        {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}
+                        {header.isPlaceholder ? null : header.column.id === 'date' && header.column.getCanSort() ? (
+                          <button
+                            type="button"
+                            onClick={header.column.getToggleSortingHandler()}
+                            className="flex items-center gap-1.5 rounded-sm text-left uppercase tracking-wider hover:text-[rgb(var(--ec-page-text))] focus:outline-none focus:ring-2 focus:ring-[rgb(var(--ec-accent))]"
+                          >
+                            {flexRender(header.column.columnDef.header, header.getContext())}
+                            {header.column.getIsSorted() === 'asc' ? (
+                              <ArrowUp className="h-3.5 w-3.5" />
+                            ) : header.column.getIsSorted() === 'desc' ? (
+                              <ArrowDown className="h-3.5 w-3.5" />
+                            ) : (
+                              <ArrowUpDown className="h-3.5 w-3.5 opacity-40" />
+                            )}
+                          </button>
+                        ) : (
+                          flexRender(header.column.columnDef.header, header.getContext())
+                        )}
                       </th>
                     ))}
                   </tr>