@tutti-os/workspace-issue-manager 0.0.44 → 0.0.45

package/dist/{chunk-BCV7X2UA.js → chunk-TRIK7WD6.js}

@@ -2279,6 +2279,7 @@ import {
   TooltipContent as TooltipContent2,
   TooltipProvider,
   TooltipTrigger as TooltipTrigger2,
+  WindowTrafficLightIcon,
   cn as cn13
 } from "@tutti-os/ui-system";
 import {
@@ -6426,7 +6427,7 @@ function IssueManagerNode({
 var issueManagerWorkbenchDragHandleAttribute = "data-workbench-drag-handle";
 var issueManagerHeaderChromeIconButtonClassName = "size-7 min-h-7 min-w-7 cursor-pointer rounded-md p-0 text-[var(--text-secondary)] hover:bg-[color-mix(in_srgb,var(--text-primary)_8%,transparent)] hover:text-[var(--text-primary)]";
 var issueManagerHeaderChromeIconClassName = "size-[18px]";
-var issueManagerHeaderTrafficLightClassName = "relative -m-1 size-5 shrink-0 cursor-pointer rounded-full border-0 bg-transparent p-0 text-[var(--text-placeholder)] opacity-95 outline-none transition-[color,filter,opacity] duration-150 ease-out before:absolute before:inset-1 before:rounded-full before:bg-current before:transition-colors before:duration-150 before:ease-out before:content-[''] hover:brightness-110 focus-visible:ring-2 focus-visible:ring-[var(--accent)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--background-panel)]";
+var issueManagerHeaderTrafficLightClassName = "relative -m-1 size-5 shrink-0 cursor-pointer rounded-full border-0 bg-transparent p-0 text-[color-mix(in_srgb,var(--text-tertiary)_72%,transparent)] opacity-[0.78] outline-none transition-[color,opacity] duration-150 ease-out before:absolute before:inset-1 before:rounded-full before:bg-current before:transition-colors before:duration-150 before:ease-out before:content-[''] group-hover/traffic-lights:opacity-100 group-focus-within/traffic-lights:opacity-100 focus-visible:ring-2 focus-visible:ring-[var(--accent)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--background-panel)]";
 function IssueManagerNodeHeader({
   activeTopicId = null,
   className,
@@ -6520,7 +6521,7 @@ function IssueManagerNodeHeader({
               /* @__PURE__ */ jsxs18(
                 "div",
                 {
-                  className: "mr-3 flex shrink-0 items-center gap-2",
+                  className: "group/traffic-lights flex shrink-0 items-center gap-2",
                   onDoubleClick: (event) => event.stopPropagation(),
                   onPointerDown: (event) => event.stopPropagation(),
                   children: [
@@ -6664,6 +6665,7 @@ function IssueManagerTrafficLightButton({
   pressed,
   tone
 }) {
+  const iconName = tone === "maximize" ? pressed ? "unfullscreen" : "fullscreen" : tone;
   const button = /* @__PURE__ */ jsx20(
     "button",
     {
@@ -6671,9 +6673,9 @@ function IssueManagerTrafficLightButton({
       "aria-pressed": pressed,
       className: cn13(
         issueManagerHeaderTrafficLightClassName,
-        tone === "close" && "hover:text-[#ff5f57] focus-visible:text-[#ff5f57]",
-        tone === "minimize" && "hover:text-[#ffbd2e] focus-visible:text-[#ffbd2e]",
-        tone === "maximize" && "hover:text-[#28c840] focus-visible:text-[#28c840]"
+        tone === "close" && "group-hover/traffic-lights:text-[#ff5f57] group-focus-within/traffic-lights:text-[#ff5f57]",
+        tone === "minimize" && "group-hover/traffic-lights:text-[#ffbd2e] group-focus-within/traffic-lights:text-[#ffbd2e]",
+        tone === "maximize" && "group-hover/traffic-lights:text-[#28c840] group-focus-within/traffic-lights:text-[#28c840]"
       ),
       type: "button",
       onClick: (event) => {
@@ -6681,7 +6683,16 @@ function IssueManagerTrafficLightButton({
         onClick();
       },
       onDoubleClick: (event) => event.stopPropagation(),
-      onPointerDown: (event) => event.stopPropagation()
+      onPointerDown: (event) => event.stopPropagation(),
+      children: /* @__PURE__ */ jsx20(
+        WindowTrafficLightIcon,
+        {
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute inset-[5px] z-[1] size-[10px] text-[color-mix(in_srgb,#000_68%,transparent)] opacity-0 transition-opacity duration-150 group-hover/traffic-lights:opacity-100 group-focus-within/traffic-lights:opacity-100",
+          "data-issue-manager-traffic-light-icon": iconName,
+          iconName
+        }
+      )
     }
   );
   return /* @__PURE__ */ jsx20(TooltipProvider, { delayDuration: 250, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs18(Tooltip2, { children: [
@@ -6695,4 +6706,4 @@ export {
   IssueManagerNode,
   IssueManagerNodeHeader
 };
-//# sourceMappingURL=chunk-BCV7X2UA.js.map
+//# sourceMappingURL=chunk-TRIK7WD6.js.map