@tutti-os/workspace-issue-manager 0.0.3 → 0.0.4

package/dist/{chunk-CHQTHPRL.js → chunk-RJX54QWL.js}

@@ -2577,54 +2577,61 @@ function IssueManagerIssuePane({
   const [deleteBusy, setDeleteBusy] = useState5(false);
   if (isCreatingIssue || isEditingIssue) {
     return /* @__PURE__ */ jsxs6("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsx7(ScrollArea2, { className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100 [&_[data-slot=scroll-area-viewport]]:overscroll-contain", children: /* @__PURE__ */ jsx7("div", { className: "flex min-h-full flex-col gap-[14px] px-7 py-8", children: /* @__PURE__ */ jsxs6("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
-        /* @__PURE__ */ jsx7(
-          "div",
-          {
-            className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
-            children: /* @__PURE__ */ jsx7("h2", { className: "m-0 text-[15px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: isCreatingIssue ? copy.t("actions.createIssue") : copy.t("actions.editIssue") })
-          }
-        ),
-        /* @__PURE__ */ jsxs6("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
-          /* @__PURE__ */ jsxs6(
-            "label",
-            {
-              className: `flex w-full min-w-0 flex-col gap-2 text-[13px] font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
-              children: [
-                /* @__PURE__ */ jsx7("span", { className: "leading-5", children: copy.t("labels.title") }),
-                /* @__PURE__ */ jsx7(
-                  IssueManagerDraftTitleInput,
-                  {
-                    placeholder: copy.t("composer.issueTitlePlaceholder"),
-                    value: controller.issueDraft.title,
-                    onChange: controller.setIssueTitle
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs6(
-            "div",
-            {
-              className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-[13px] font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
-              children: [
-                /* @__PURE__ */ jsx7("span", { className: "leading-5", children: copy.t("labels.content") }),
-                /* @__PURE__ */ jsx7(
-                  IssueManagerRichTextTextarea,
-                  {
-                    controller,
-                    surface: "issue",
-                    textareaClassName: "min-h-[180px] resize-none",
-                    placeholder: copy.t("composer.issueContentPlaceholder"),
-                    value: controller.issueDraft.content,
-                    onChange: controller.setIssueContent
-                  }
-                )
-              ]
-            }
-          )
-        ] })
-      ] }) }) }),
+      /* @__PURE__ */ jsx7(
+        ScrollArea2,
+        {
+          scrollbarMode: "native",
+          className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100 [&_[data-slot=scroll-area-viewport]]:overscroll-contain",
+          children: /* @__PURE__ */ jsx7("div", { className: "flex min-h-full flex-col gap-[14px] px-7 py-8", children: /* @__PURE__ */ jsxs6("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
+            /* @__PURE__ */ jsx7(
+              "div",
+              {
+                className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
+                children: /* @__PURE__ */ jsx7("h2", { className: "m-0 text-[15px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: isCreatingIssue ? copy.t("actions.createIssue") : copy.t("actions.editIssue") })
+              }
+            ),
+            /* @__PURE__ */ jsxs6("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
+              /* @__PURE__ */ jsxs6(
+                "label",
+                {
+                  className: `flex w-full min-w-0 flex-col gap-2 text-[13px] font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
+                  children: [
+                    /* @__PURE__ */ jsx7("span", { className: "leading-5", children: copy.t("labels.title") }),
+                    /* @__PURE__ */ jsx7(
+                      IssueManagerDraftTitleInput,
+                      {
+                        placeholder: copy.t("composer.issueTitlePlaceholder"),
+                        value: controller.issueDraft.title,
+                        onChange: controller.setIssueTitle
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs6(
+                "div",
+                {
+                  className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-[13px] font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
+                  children: [
+                    /* @__PURE__ */ jsx7("span", { className: "leading-5", children: copy.t("labels.content") }),
+                    /* @__PURE__ */ jsx7(
+                      IssueManagerRichTextTextarea,
+                      {
+                        controller,
+                        surface: "issue",
+                        textareaClassName: "min-h-[180px] resize-none",
+                        placeholder: copy.t("composer.issueContentPlaceholder"),
+                        value: controller.issueDraft.content,
+                        onChange: controller.setIssueContent
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
+          ] }) })
+        }
+      ),
       /* @__PURE__ */ jsx7(
         "div",
         {
@@ -2658,127 +2665,134 @@ function IssueManagerIssuePane({
   if (!selectedIssue) {
     return /* @__PURE__ */ jsx7("div", { className: "h-full min-h-0" });
   }
-  return /* @__PURE__ */ jsx7("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: /* @__PURE__ */ jsx7(ScrollArea2, { className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100 [&_[data-slot=scroll-area-viewport]]:overscroll-contain", children: /* @__PURE__ */ jsx7("div", { className: "px-8 py-7", children: controller.issueDetail.isLoading && controller.issueDetail.value === null ? /* @__PURE__ */ jsx7(IssueManagerPaneLoadingState, {}) : /* @__PURE__ */ jsxs6("div", { className: "flex w-full min-w-0 flex-col gap-9", children: [
-    /* @__PURE__ */ jsxs6("header", { className: "grid gap-3", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-6", children: [
-        /* @__PURE__ */ jsx7(IssueManagerTitleTooltip, { title: selectedIssue.title, children: /* @__PURE__ */ jsx7("h2", { className: "line-clamp-2 min-w-0 flex-1 whitespace-normal text-[15px] font-semibold leading-6 text-[var(--text-primary)] [overflow-wrap:anywhere]", children: selectedIssue.title }) }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex shrink-0 items-center gap-2", children: [
-          /* @__PURE__ */ jsx7(
-            Button4,
-            {
-              type: "button",
-              variant: "ghost",
-              onClick: () => controller.setIssueEditorMode("edit"),
-              children: copy.t("actions.edit")
-            }
-          ),
-          /* @__PURE__ */ jsx7(
-            Button4,
-            {
-              className: "text-[var(--state-danger)] hover:bg-[var(--on-danger)] hover:text-[var(--state-danger)]",
-              type: "button",
-              variant: "ghost",
-              onClick: () => setDeleteDialogOpen(true),
-              children: copy.t("actions.delete")
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-2 text-[11px] font-normal leading-[1.3] text-[var(--text-secondary)]", children: [
+  return /* @__PURE__ */ jsx7("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: /* @__PURE__ */ jsx7(
+    ScrollArea2,
+    {
+      scrollbarMode: "native",
+      className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100 [&_[data-slot=scroll-area-viewport]]:overscroll-contain",
+      children: /* @__PURE__ */ jsx7("div", { className: "px-8 py-7", children: controller.issueDetail.isLoading && controller.issueDetail.value === null ? /* @__PURE__ */ jsx7(IssueManagerPaneLoadingState, {}) : /* @__PURE__ */ jsxs6("div", { className: "flex w-full min-w-0 flex-col gap-9", children: [
+        /* @__PURE__ */ jsxs6("header", { className: "grid gap-3", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-6", children: [
+            /* @__PURE__ */ jsx7(IssueManagerTitleTooltip, { title: selectedIssue.title, children: /* @__PURE__ */ jsx7("h2", { className: "line-clamp-2 min-w-0 flex-1 whitespace-normal text-[15px] font-semibold leading-6 text-[var(--text-primary)] [overflow-wrap:anywhere]", children: selectedIssue.title }) }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex shrink-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsx7(
+                Button4,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  onClick: () => controller.setIssueEditorMode("edit"),
+                  children: copy.t("actions.edit")
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                Button4,
+                {
+                  className: "text-[var(--state-danger)] hover:bg-[var(--on-danger)] hover:text-[var(--state-danger)]",
+                  type: "button",
+                  variant: "ghost",
+                  onClick: () => setDeleteDialogOpen(true),
+                  children: copy.t("actions.delete")
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-2 text-[11px] font-normal leading-[1.3] text-[var(--text-secondary)]", children: [
+            /* @__PURE__ */ jsx7(
+              Badge2,
+              {
+                variant: issueManagerStatusBadgeVariant(
+                  selectedIssue.status
+                ),
+                children: resolveIssueManagerStatusLabel(copy, selectedIssue.status)
+              }
+            ),
+            /* @__PURE__ */ jsx7(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
+              }
+            ),
+            /* @__PURE__ */ jsxs6("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
+              copy.t("labels.creator"),
+              " ",
+              resolveIssueManagerCreatorLabel(selectedIssue)
+            ] }),
+            /* @__PURE__ */ jsx7(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
+              }
+            ),
+            /* @__PURE__ */ jsxs6("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
+              copy.t("labels.createdAt"),
+              " ",
+              formatIssueManagerTimestamp(selectedIssue.createdAtUnix) || "-"
+            ] })
+          ] })
+        ] }),
         /* @__PURE__ */ jsx7(
-          Badge2,
+          ConfirmationDialog,
           {
-            variant: issueManagerStatusBadgeVariant(
-              selectedIssue.status
-            ),
-            children: resolveIssueManagerStatusLabel(copy, selectedIssue.status)
+            cancelLabel: copy.t("actions.cancel"),
+            confirmBusy: deleteBusy,
+            confirmLabel: copy.t("actions.delete"),
+            description: selectedIssue.title,
+            open: deleteDialogOpen,
+            title: copy.t("confirmations.deleteIssue"),
+            tone: "destructive",
+            onConfirm: () => {
+              setDeleteBusy(true);
+              void controller.deleteIssue({ skipConfirmation: true }).finally(() => {
+                setDeleteBusy(false);
+                setDeleteDialogOpen(false);
+              });
+            },
+            onOpenChange: setDeleteDialogOpen
           }
         ),
         /* @__PURE__ */ jsx7(
-          "span",
+          IssueManagerDescriptionSection,
           {
-            "aria-hidden": "true",
-            className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
+            content: issueContent,
+            emptyLabel: copy.t("messages.issueContentEmpty"),
+            label: copy.t("labels.description"),
+            onOpen: controller.openReference,
+            variant: "plain"
           }
         ),
-        /* @__PURE__ */ jsxs6("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
-          copy.t("labels.creator"),
-          " ",
-          resolveIssueManagerCreatorLabel(selectedIssue)
-        ] }),
         /* @__PURE__ */ jsx7(
-          "span",
+          IssueManagerLatestRunStatusSection,
           {
-            "aria-hidden": "true",
-            className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
+            copy,
+            latestRun,
+            onOpenAgentSession: controller.canOpenAgentSessions ? controller.openAgentSession : void 0,
+            renderLatestRunStatus,
+            title: selectedTask?.title ?? selectedIssue.title
           }
         ),
-        /* @__PURE__ */ jsxs6("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
-          copy.t("labels.createdAt"),
-          " ",
-          formatIssueManagerTimestamp(selectedIssue.createdAtUnix) || "-"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx7(
-      ConfirmationDialog,
-      {
-        cancelLabel: copy.t("actions.cancel"),
-        confirmBusy: deleteBusy,
-        confirmLabel: copy.t("actions.delete"),
-        description: selectedIssue.title,
-        open: deleteDialogOpen,
-        title: copy.t("confirmations.deleteIssue"),
-        tone: "destructive",
-        onConfirm: () => {
-          setDeleteBusy(true);
-          void controller.deleteIssue({ skipConfirmation: true }).finally(() => {
-            setDeleteBusy(false);
-            setDeleteDialogOpen(false);
-          });
-        },
-        onOpenChange: setDeleteDialogOpen
-      }
-    ),
-    /* @__PURE__ */ jsx7(
-      IssueManagerDescriptionSection,
-      {
-        content: issueContent,
-        emptyLabel: copy.t("messages.issueContentEmpty"),
-        label: copy.t("labels.description"),
-        onOpen: controller.openReference,
-        variant: "plain"
-      }
-    ),
-    /* @__PURE__ */ jsx7(
-      IssueManagerLatestRunStatusSection,
-      {
-        copy,
-        latestRun,
-        onOpenAgentSession: controller.canOpenAgentSessions ? controller.openAgentSession : void 0,
-        renderLatestRunStatus,
-        title: selectedTask?.title ?? selectedIssue.title
-      }
-    ),
-    /* @__PURE__ */ jsx7(
-      IssueManagerOutputSection,
-      {
-        copy,
-        outputs: latestOutputs,
-        onOpen: controller.openReference
-      }
-    ),
-    /* @__PURE__ */ jsx7(
-      IssueManagerSubtaskSection,
-      {
-        copy,
-        onCreate: controller.createTaskDraft,
-        onSelectTask: controller.selectTask,
-        selectedTaskId: selectedTask?.taskId ?? null,
-        tasks
-      }
-    )
-  ] }) }) }) });
+        /* @__PURE__ */ jsx7(
+          IssueManagerOutputSection,
+          {
+            copy,
+            outputs: latestOutputs,
+            onOpen: controller.openReference
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          IssueManagerSubtaskSection,
+          {
+            copy,
+            onCreate: controller.createTaskDraft,
+            onSelectTask: controller.selectTask,
+            selectedTaskId: selectedTask?.taskId ?? null,
+            tasks
+          }
+        )
+      ] }) })
+    }
+  ) });
 }
 
 // src/ui/internal/shell/IssueManagerBottomBar.tsx
@@ -3263,6 +3277,7 @@ function IssueManagerSidebarBody({
   return /* @__PURE__ */ jsx11(
     ScrollArea3,
     {
+      scrollbarMode: "native",
       className: cn6("min-h-0", isNarrowLayout ? "flex-none" : "h-full flex-1"),
       children: /* @__PURE__ */ jsx11(
         "div",
@@ -4113,24 +4128,31 @@ function IssueManagerTaskDrawer({
                 view
               }
             ),
-            /* @__PURE__ */ jsx15(ScrollArea4, { className: "min-h-0 flex-1 [&_[data-slot=scroll-area-viewport]]:overscroll-contain", children: /* @__PURE__ */ jsx15(
-              "div",
+            /* @__PURE__ */ jsx15(
+              ScrollArea4,
               {
-                className: cn8(
-                  "flex flex-col",
-                  view.bodyKind === "edit" ? "gap-[14px] px-6 py-8" : "gap-9 px-6 py-7"
-                ),
+                scrollbarMode: "native",
+                className: "min-h-0 flex-1 [&_[data-slot=scroll-area-viewport]]:overscroll-contain",
                 children: /* @__PURE__ */ jsx15(
-                  IssueManagerTaskDrawerBody,
+                  "div",
                   {
-                    controller,
-                    renderLatestRunStatus,
-                    taskContent,
-                    view
+                    className: cn8(
+                      "flex flex-col",
+                      view.bodyKind === "edit" ? "gap-[14px] px-6 py-8" : "gap-9 px-6 py-7"
+                    ),
+                    children: /* @__PURE__ */ jsx15(
+                      IssueManagerTaskDrawerBody,
+                      {
+                        controller,
+                        renderLatestRunStatus,
+                        taskContent,
+                        view
+                      }
+                    )
                   }
                 )
               }
-            ) }),
+            ),
             /* @__PURE__ */ jsx15(
               IssueManagerTaskDrawerFooter,
               {
@@ -5022,4 +5044,4 @@ export {
   IssueManagerNode,
   IssueManagerNodeHeader
 };
-//# sourceMappingURL=chunk-CHQTHPRL.js.map
+//# sourceMappingURL=chunk-RJX54QWL.js.map