From 892587c3bab82da1fa1a0644e3bacb742fe88ccb Mon Sep 17 00:00:00 2001
From: Z8MB1E <jason@onyxsimple.com>
Date: Sun, 6 Sep 2026 23:29:55 -0400
Subject: [PATCH] feat(nav): add Friday Ops calendar entry and truncate level
 label in mini mode

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
---
 src/components/frontend/blocks/AppSidebar.tsx | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/frontend/blocks/AppSidebar.tsx b/src/components/frontend/blocks/AppSidebar.tsx
index 725d7eb..e0fb20a 100644
--- a/src/components/frontend/blocks/AppSidebar.tsx
+++ b/src/components/frontend/blocks/AppSidebar.tsx
@@ -4,6 +4,7 @@ import * as React from "react";
 import {
   ArrowLeftRight,
   Bolt,
+  CalendarDays,
   Shield,
   Users,
   Maximize,
@@ -50,6 +51,11 @@ const data = {
       url: "/transfers",
       icon: ArrowLeftRight,
     },
+    {
+      title: "Friday Ops",
+      url: "/intelligence/missions/calendar",
+      icon: CalendarDays,
+    },
   ],
   ...sidebarData,
 };
@@ -163,10 +169,10 @@ export function AppSidebar({
         <div className="flex flex-col">
           <div className="flex items-center justify-between">
             {isMiniMode ? (
-              <div className="flex items-center gap-2">
+              <div className="flex min-w-0 flex-1 items-center gap-2">
                 <Tooltip>
-                  <TooltipTrigger>
-                    <div className="text-xs text-muted-foreground uppercase">
+                  <TooltipTrigger className="min-w-0">
+                    <div className="truncate text-xs text-muted-foreground uppercase">
                       {xpLevel.levelName}
                     </div>
                   </TooltipTrigger>
@@ -174,9 +180,11 @@ export function AppSidebar({
                     <p>{xpLevel.levelDesc}</p>
                   </TooltipContent>
                 </Tooltip>
-                <SparkleIcon className="w-4 h-4" />
-                <span className="text-xs font-bold">{xpLevel.xp.toLocaleString()}</span>
-                <Progress value={xpLevel.progress} className="w-20 h-1" />
+                <SparkleIcon className="w-4 h-4 shrink-0" />
+                <span className="text-xs font-bold shrink-0">
+                  {xpLevel.xp.toLocaleString()}
+                </span>
+                <Progress value={xpLevel.progress} className="w-20 h-1 shrink-0" />
               </div>
             ) : (
               <XPDisplay xpLevel={xpLevel} />