epiq 1.2.2 → 1.2.3

package/dist/gui/main.js

@@ -24492,7 +24492,7 @@ function useViewTransitionState(to, { relative } = {}) {
 }
 
 // source/gui/client/App.tsx
-var import_react7 = __toESM(require_react(), 1);
+var import_react8 = __toESM(require_react(), 1);
 
 // source/gui/client/components/Button.tsx
 var import_react = __toESM(require_react(), 1);
@@ -24911,7 +24911,7 @@ var User = ({
 );
 
 // source/version.ts
-var EPIQ_VERSION = "1.2.2";
+var EPIQ_VERSION = "1.2.3";
 
 // source/gui/client/components/Header.tsx
 var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
@@ -25042,7 +25042,7 @@ var Header = ({ state, connected, syncStatus }) => {
 };
 
 // source/gui/client/components/IssueDetails.tsx
-var import_react5 = __toESM(require_react(), 1);
+var import_react6 = __toESM(require_react(), 1);
 
 // source/gui/client/components/Aside.tsx
 var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
@@ -25062,9 +25062,60 @@ var Aside = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   }
 );
 
-// source/gui/client/components/FormHeader.tsx
+// source/gui/client/components/CopyRef.tsx
+var import_react4 = __toESM(require_react(), 1);
 var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
-var FormHeader = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var copyToClipboard = async (value) => {
+  try {
+    await navigator.clipboard.writeText(value);
+    return true;
+  } catch {
+    return false;
+  }
+};
+var CopyRef = ({ refValue }) => {
+  const [copied, setCopied] = (0, import_react4.useState)(false);
+  const resetTimer = (0, import_react4.useRef)(
+    void 0
+  );
+  (0, import_react4.useEffect)(() => () => clearTimeout(resetTimer.current), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "button",
+    {
+      type: "button",
+      title: `Copy ${refValue}`,
+      onClick: async (event) => {
+        event.stopPropagation();
+        if (await copyToClipboard(refValue)) {
+          setCopied(true);
+          clearTimeout(resetTimer.current);
+          resetTimer.current = setTimeout(() => setCopied(false), 1200);
+        }
+      },
+      style: {
+        fontFamily: "monospace",
+        fontSize: "inherit",
+        color: copied ? GUI_THEME.green : GUI_THEME.dim,
+        background: "transparent",
+        border: "none",
+        padding: 0,
+        cursor: "pointer",
+        transition: "color 120ms ease"
+      },
+      onMouseEnter: (event) => {
+        if (!copied) event.currentTarget.style.color = GUI_THEME.accent;
+      },
+      onMouseLeave: (event) => {
+        event.currentTarget.style.color = copied ? GUI_THEME.green : GUI_THEME.dim;
+      },
+      children: copied ? "copied!" : `#${refValue}`
+    }
+  );
+};
+
+// source/gui/client/components/FormHeader.tsx
+var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
+var FormHeader = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   "div",
   {
     style: {
@@ -25079,8 +25130,8 @@ var FormHeader = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
 );
 
 // source/gui/client/components/FormPrimitives.tsx
-var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
-var Input = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
+var Input = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
   "input",
   {
     ...props,
@@ -25098,7 +25149,7 @@ var Input = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     }
   }
 );
-var Textarea = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var Textarea = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
   "textarea",
   {
     maxLength: props.maxLength ?? 1500,
@@ -25120,19 +25171,19 @@ var Textarea = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     }
   }
 );
-var ActionRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var ActionRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
   "div",
   {
     style: { display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 8 },
     children
   }
 );
-var AddRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { display: "flex", gap: 8, marginTop: 10 }, children });
-var ChipRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", marginTop: 10 }, children });
-var Empty = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { display: "inline-block", marginTop: 8, color: GUI_THEME.dim }, children });
+var AddRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { display: "flex", gap: 8, marginTop: 10 }, children });
+var ChipRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", marginTop: 10 }, children });
+var Empty = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { style: { display: "inline-block", marginTop: 8, color: GUI_THEME.dim }, children });
 
 // source/gui/client/components/IssueComments.tsx
-var import_react4 = __toESM(require_react(), 1);
+var import_react5 = __toESM(require_react(), 1);
 
 // source/gui/client/lib/gui-format.helper.ts
 var timeAgo = (timestampMs) => {
@@ -25154,7 +25205,7 @@ var timeAgo = (timestampMs) => {
 };
 
 // source/gui/client/components/IssueComments.tsx
-var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
 var IssueComments = ({
   whoAmI,
   issueId,
@@ -25163,15 +25214,15 @@ var IssueComments = ({
   onAddComment,
   onDeleteComment
 }) => {
-  const [body, setBody] = (0, import_react4.useState)("");
+  const [body, setBody] = (0, import_react5.useState)("");
   const addComment = () => {
     const nextBody = body.trim();
     if (!nextBody) return;
     onAddComment?.(issueId, nextBody);
     setBody("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-    comments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Empty, { children: "No comments" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+    comments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Empty, { children: "No comments" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "div",
       {
         style: {
@@ -25181,7 +25232,7 @@ var IssueComments = ({
           background: GUI_THEME.tertiary
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
             "div",
             {
               style: {
@@ -25191,15 +25242,15 @@ var IssueComments = ({
                 marginBottom: 8
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { color: GUI_THEME.secondary, fontSize: 10 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { color: GUI_THEME.secondary, fontSize: 10 }, children: [
                   comment.author.name ?? "unknown",
-                  comment.createdAt && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { style: { color: GUI_THEME.dim2 }, children: [
+                  comment.createdAt && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { style: { color: GUI_THEME.dim2 }, children: [
                     " ",
                     "\xB7 ",
                     timeAgo(comment.createdAt)
                   ] })
                 ] }),
-                comment.author.id === whoAmI.id && onDeleteComment && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                comment.author.id === whoAmI.id && onDeleteComment && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                   Button,
                   {
                     variant: "ghost",
@@ -25214,7 +25265,7 @@ var IssueComments = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "div",
             {
               style: {
@@ -25229,8 +25280,8 @@ var IssueComments = ({
       },
       comment.id
     )) }),
-    !readonly && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { marginTop: 18 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    !readonly && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { marginTop: 18 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         Textarea,
         {
           maxLength: 120,
@@ -25245,19 +25296,19 @@ var IssueComments = ({
           style: { minHeight: 45 }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ActionRow, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { onClick: addComment, children: "comment" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ActionRow, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { onClick: addComment, children: "comment" }) })
     ] })
   ] });
 };
 
 // source/gui/client/components/Section.tsx
-var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
 var Section = ({
   title,
   action,
   children,
   first = false
-}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   "section",
   {
     style: {
@@ -25265,7 +25316,7 @@ var Section = ({
       borderTop: first ? "none" : `1px solid ${GUI_THEME.line}`
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         "div",
         {
           style: {
@@ -25275,7 +25326,7 @@ var Section = ({
             gap: 12
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "span",
               {
                 style: {
@@ -25297,12 +25348,12 @@ var Section = ({
 );
 
 // source/gui/client/components/Tabs.tsx
-var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
 var Tabs = ({
   activeTab,
   tabs,
   onChange
-}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "div",
   {
     style: {
@@ -25313,7 +25364,7 @@ var Tabs = ({
     },
     children: tabs.map((tab) => {
       const active = tab.id === activeTab;
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
         "button",
         {
           type: "button",
@@ -25331,7 +25382,7 @@ var Tabs = ({
           },
           children: [
             tab.label,
-            typeof tab.count === "number" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            typeof tab.count === "number" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
               "span",
               {
                 style: { color: tab.count ? GUI_THEME.secondary : GUI_THEME.dim },
@@ -25352,7 +25403,7 @@ var Tabs = ({
 );
 
 // source/gui/client/components/IssueDetails.tsx
-var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
 var IssueDetails = ({
   whoAmI,
   comments,
@@ -25373,15 +25424,15 @@ var IssueDetails = ({
   knownTags: tags,
   knownAssignees: assignees
 }) => {
-  const [title, setTitle] = (0, import_react5.useState)("");
-  const [description, setDescription] = (0, import_react5.useState)("");
-  const [tagName, setTagName] = (0, import_react5.useState)("");
-  const [assigneeName, setAssigneeName] = (0, import_react5.useState)("");
-  const [editingTitle, setEditingTitle] = (0, import_react5.useState)(false);
-  const [editingDescription, setEditingDescription] = (0, import_react5.useState)(false);
-  const [addingTag, setAddingTag] = (0, import_react5.useState)(false);
-  const [addingAssignee, setAddingAssignee] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
+  const [title, setTitle] = (0, import_react6.useState)("");
+  const [description, setDescription] = (0, import_react6.useState)("");
+  const [tagName, setTagName] = (0, import_react6.useState)("");
+  const [assigneeName, setAssigneeName] = (0, import_react6.useState)("");
+  const [editingTitle, setEditingTitle] = (0, import_react6.useState)(false);
+  const [editingDescription, setEditingDescription] = (0, import_react6.useState)(false);
+  const [addingTag, setAddingTag] = (0, import_react6.useState)(false);
+  const [addingAssignee, setAddingAssignee] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
     setTitle(issue?.title ?? "");
     setDescription(issue?.description ?? "");
     setTagName("");
@@ -25441,9 +25492,9 @@ var IssueDetails = ({
   const availableAssignees = assignees.filter(
     (assignee) => !issue?.assignees.some((issueAssignee) => issueAssignee.id === assignee.id)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Aside, { children: issue ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(FormHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Aside, { children: issue ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "span",
         {
           style: {
@@ -25452,19 +25503,19 @@ var IssueDetails = ({
             textTransform: "uppercase",
             letterSpacing: "0.08em"
           },
-          children: issue.ref && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: { fontFamily: "monospace", color: GUI_THEME.dim }, children: "#" + issue.ref })
+          children: issue.ref && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CopyRef, { refValue: issue.ref })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { variant: "ghost", onClick: onClose, children: "\xD7" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "ghost", onClick: onClose, children: "\xD7" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tabs, { tabs, activeTab, onChange: onChangeTab }),
-    activeTab === "overview" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Tabs, { tabs, activeTab, onChange: onChangeTab }),
+    activeTab === "overview" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Section,
         {
           first: true,
           title: "Title",
-          action: !issue.readonly && !editingTitle && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          action: !issue.readonly && !editingTitle && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             Button,
             {
               variant: "ghost",
@@ -25472,8 +25523,8 @@ var IssueDetails = ({
               children: "edit"
             }
           ),
-          children: editingTitle ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          children: editingTitle ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               Input,
               {
                 value: title,
@@ -25485,11 +25536,11 @@ var IssueDetails = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ActionRow, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { onClick: saveTitle, children: "save" }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { variant: "ghost", onClick: cancelTitle, children: "cancel" })
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ActionRow, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { onClick: saveTitle, children: "save" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "ghost", onClick: cancelTitle, children: "cancel" })
             ] })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "div",
             {
               style: {
@@ -25504,11 +25555,11 @@ var IssueDetails = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Section,
         {
           title: "Description",
-          action: !issue.readonly && !editingDescription && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          action: !issue.readonly && !editingDescription && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             Button,
             {
               variant: "ghost",
@@ -25516,8 +25567,8 @@ var IssueDetails = ({
               children: "edit"
             }
           ),
-          children: editingDescription ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          children: editingDescription ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               Textarea,
               {
                 value: description,
@@ -25532,11 +25583,11 @@ var IssueDetails = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ActionRow, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { onClick: saveDescription, children: "save" }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { variant: "ghost", onClick: cancelDescription, children: "cancel" })
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ActionRow, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { onClick: saveDescription, children: "save" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "ghost", onClick: cancelDescription, children: "cancel" })
             ] })
-          ] }) : issue.description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          ] }) : issue.description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "p",
             {
               style: {
@@ -25547,16 +25598,16 @@ var IssueDetails = ({
               },
               children: issue.description
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Empty, { children: "No description" })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Empty, { children: "No description" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
         Section,
         {
           title: "Tags",
-          action: !issue.readonly && !addingTag && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { variant: "ghost", onClick: () => setAddingTag(true), children: "+" }) || addingTag && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { variant: "ghost", onClick: () => setAddingTag(false), children: "-" }),
+          action: !issue.readonly && !addingTag && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "ghost", onClick: () => setAddingTag(true), children: "+" }) || addingTag && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "ghost", onClick: () => setAddingTag(false), children: "-" }),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChipRow, { children: issue.tags.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Empty, { children: "No tags" }) : issue.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChipRow, { children: issue.tags.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Empty, { children: "No tags" }) : issue.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               Button,
               {
                 variant: "chip",
@@ -25572,7 +25623,7 @@ var IssueDetails = ({
               },
               tag.id
             )) }),
-            addingTag && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChipRow, { children: availableTags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            addingTag && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChipRow, { children: availableTags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               Button,
               {
                 variant: "chip",
@@ -25587,8 +25638,8 @@ var IssueDetails = ({
               },
               tag.id
             )) }),
-            addingTag && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(AddRow, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            addingTag && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(AddRow, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 Input,
                 {
                   value: tagName,
@@ -25604,23 +25655,23 @@ var IssueDetails = ({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { onClick: addTag, children: "add" })
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { onClick: addTag, children: "add" })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
         Section,
         {
           title: "Assignees",
-          action: !issue.readonly && !addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          action: !issue.readonly && !addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             Button,
             {
               variant: "ghost",
               onClick: () => setAddingAssignee(true),
               children: "+"
             }
-          ) || addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          ) || addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             Button,
             {
               variant: "ghost",
@@ -25629,7 +25680,7 @@ var IssueDetails = ({
             }
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChipRow, { children: issue.assignees.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Empty, { children: "No assignees" }) : issue.assignees.map((assignee) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChipRow, { children: issue.assignees.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Empty, { children: "No assignees" }) : issue.assignees.map((assignee) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               Button,
               {
                 variant: "chip",
@@ -25646,7 +25697,7 @@ var IssueDetails = ({
               },
               assignee.id
             )) }),
-            addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChipRow, { children: availableAssignees.map((assignee) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChipRow, { children: availableAssignees.map((assignee) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               Button,
               {
                 variant: "chip",
@@ -25661,8 +25712,8 @@ var IssueDetails = ({
               },
               assignee.id
             )) }),
-            addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(AddRow, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(AddRow, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 Input,
                 {
                   value: assigneeName,
@@ -25678,21 +25729,21 @@ var IssueDetails = ({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { onClick: addAssignee, children: "add" })
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { onClick: addAssignee, children: "add" })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Section,
         {
           title: "Actions",
-          action: issue.isClosed ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { onClick: () => onReopenIssue(issue.id), children: "reopen issue" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { onClick: () => onCloseIssue(issue.id), children: "close issue" }),
+          action: issue.isClosed ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { onClick: () => onReopenIssue(issue.id), children: "reopen issue" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { onClick: () => onCloseIssue(issue.id), children: "close issue" }),
           children: ""
         }
       )
     ] }),
-    activeTab === "comments" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    activeTab === "comments" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       IssueComments,
       {
         whoAmI,
@@ -25703,15 +25754,15 @@ var IssueDetails = ({
         onDeleteComment
       }
     )
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Empty, { children: "Select an issue" }) });
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Empty, { children: "Select an issue" }) });
 };
 
 // source/gui/client/components/SwimlaneColumn.tsx
-var import_react6 = __toESM(require_react(), 1);
+var import_react7 = __toESM(require_react(), 1);
 
 // source/gui/client/components/IconComment.tsx
-var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
-var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
+var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "svg",
   {
     width: size,
@@ -25719,7 +25770,7 @@ var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime14.js
     viewBox: "0 0 16 16",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "path",
       {
         d: "M3.9 2.6h5.2a2.4 2.4 0 0 1 2.4 2.4v2.5a2.4 2.4 0 0 1-2.4 2.4H6.6l-1.8 2.1.2-2.1H3.9a2.4 2.4 0 0 1-2.4-2.4V5a2.4 2.4 0 0 1 2.4-2.4Z",
@@ -25734,7 +25785,7 @@ var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime14.js
 );
 
 // source/gui/client/components/TicketCard.tsx
-var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
 var TicketCard = ({
   ticket,
   index,
@@ -25747,7 +25798,7 @@ var TicketCard = ({
   onDropIssueAt
 }) => {
   const getVisualTargetIndex = (isAfterMiddle) => index + (isAfterMiddle ? 1 : 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       draggable: !ticket.readonly,
@@ -25788,7 +25839,7 @@ var TicketCard = ({
         border: `1px solid ${isSelected ? GUI_THEME.accent : "transparent"}`
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "div",
           {
             style: {
@@ -25801,7 +25852,7 @@ var TicketCard = ({
             children: isSelected ? "\u276F" : index + 1
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "div",
           {
             style: {
@@ -25812,7 +25863,7 @@ var TicketCard = ({
               gap: 12
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                 "div",
                 {
                   style: {
@@ -25823,7 +25874,7 @@ var TicketCard = ({
                     flex: 1
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       "div",
                       {
                         style: {
@@ -25833,23 +25884,10 @@ var TicketCard = ({
                           fontWeight: 500,
                           fontSize: 12
                         },
-                        children: ticket.ref && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-                          "span",
-                          {
-                            style: {
-                              fontFamily: "monospace",
-                              marginRight: 6,
-                              color: GUI_THEME.dim
-                            },
-                            children: [
-                              "#",
-                              ticket.ref
-                            ]
-                          }
-                        )
+                        children: ticket.ref && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { marginRight: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CopyRef, { refValue: ticket.ref }) })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       "div",
                       {
                         style: {
@@ -25862,7 +25900,7 @@ var TicketCard = ({
                         children: ticket.title
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       "div",
                       {
                         style: {
@@ -25871,7 +25909,7 @@ var TicketCard = ({
                           gap: 6,
                           alignItems: "center"
                         },
-                        children: ticket.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        children: ticket.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                           "span",
                           {
                             style: {
@@ -25891,7 +25929,7 @@ var TicketCard = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 "div",
                 {
                   style: {
@@ -25901,7 +25939,7 @@ var TicketCard = ({
                     flexShrink: 0,
                     paddingTop: 2
                   },
-                  children: commentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                  children: commentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -25939,14 +25977,14 @@ var TicketCard = ({
                         event.currentTarget.style.transform = "translateY(0)";
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconComment, {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: commentCount })
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconComment, {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: commentCount })
                       ]
                     }
                   )
                 }
               ),
-              ticket.assignees.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              ticket.assignees.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 "div",
                 {
                   style: {
@@ -25956,7 +25994,7 @@ var TicketCard = ({
                     paddingTop: 2,
                     marginTop: "-4px"
                   },
-                  children: ticket.assignees.map((assignee, idx) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(User, { user: assignee, index: idx, isFocus: isSelected }))
+                  children: ticket.assignees.map((assignee, idx) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(User, { user: assignee, index: idx, isFocus: isSelected }))
                 }
               )
             ]
@@ -25968,7 +26006,7 @@ var TicketCard = ({
 };
 
 // source/gui/client/components/SwimlaneColumn.tsx
-var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
 var SwimlaneColumn = ({
   swimlane,
   selected,
@@ -25984,7 +26022,7 @@ var SwimlaneColumn = ({
   onDragOverIssue,
   onDragLeave
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     Panel,
     {
       as: "section",
@@ -26024,7 +26062,7 @@ var SwimlaneColumn = ({
         onDragLeave();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "header",
           {
             style: {
@@ -26035,7 +26073,7 @@ var SwimlaneColumn = ({
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                 "div",
                 {
                   style: {
@@ -26044,30 +26082,30 @@ var SwimlaneColumn = ({
                     gap: 8
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "span",
                       {
                         style: { color: selected ? GUI_THEME.accent : GUI_THEME.secondary },
                         children: selected ? "\u276F" : " "
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "strong",
                       {
                         style: { color: selected ? GUI_THEME.accent : GUI_THEME.primary },
                         children: swimlane.title
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { style: { color: GUI_THEME.dim }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { style: { color: GUI_THEME.dim }, children: [
                       "(",
                       swimlane.issues.length,
                       ")"
                     ] }),
-                    swimlane.readonly && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "\u{1F512}" })
+                    swimlane.readonly && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u{1F512}" })
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 Button,
                 {
                   variant: "ghost",
@@ -26080,9 +26118,9 @@ var SwimlaneColumn = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { overflow: "auto", paddingTop: 4, flex: 1 }, children: swimlane.issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-          dropIndex === 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropIndicator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { overflow: "auto", paddingTop: 4, flex: 1 }, children: swimlane.issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          dropIndex === 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropIndicator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "div",
             {
               style: {
@@ -26094,10 +26132,10 @@ var SwimlaneColumn = ({
               children: "Drop issue here"
             }
           )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-          swimlane.issues.map((ticket, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react6.default.Fragment, { children: [
-            dropIndex === index && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropIndicator, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          swimlane.issues.map((ticket, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react7.default.Fragment, { children: [
+            dropIndex === index && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropIndicator, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               TicketCard,
               {
                 ticket,
@@ -26115,7 +26153,7 @@ var SwimlaneColumn = ({
               }
             )
           ] }, ticket.id)),
-          dropIndex === swimlane.issues.length && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropIndicator, {})
+          dropIndex === swimlane.issues.length && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropIndicator, {})
         ] }) })
       ]
     }
@@ -26254,8 +26292,8 @@ var updateIssueInGuiState = (state, issueId, updateIssue) => ({
 });
 
 // source/gui/client/App.tsx
-var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
-var DropIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
+var DropIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   "div",
   {
     style: {
@@ -26270,20 +26308,20 @@ var DropIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
 var App = () => {
   const { boardId, issueId } = useParams();
   const [searchParams, setSearchParams] = useSearchParams();
-  const [connected, setConnected] = (0, import_react7.useState)(false);
-  const [syncStatus, setSyncStatus] = (0, import_react7.useState)({
+  const [connected, setConnected] = (0, import_react8.useState)(false);
+  const [syncStatus, setSyncStatus] = (0, import_react8.useState)({
     status: "synced",
     msg: "idle"
   });
-  const [state, setState] = (0, import_react7.useState)(null);
-  const [dragOverSwimlaneId, setDragOverSwimlaneId] = (0, import_react7.useState)(
+  const [state, setState] = (0, import_react8.useState)(null);
+  const [dragOverSwimlaneId, setDragOverSwimlaneId] = (0, import_react8.useState)(
     null
   );
-  const [dropTarget, setDropTarget] = (0, import_react7.useState)(null);
-  const [boardMenuOpen, setBoardMenuOpen] = (0, import_react7.useState)(false);
-  const [createIssueModal, setCreateIssueModal] = (0, import_react7.useState)(null);
-  const boardMenuRef = (0, import_react7.useRef)(null);
-  const socketRef = (0, import_react7.useRef)(null);
+  const [dropTarget, setDropTarget] = (0, import_react8.useState)(null);
+  const [boardMenuOpen, setBoardMenuOpen] = (0, import_react8.useState)(false);
+  const [createIssueModal, setCreateIssueModal] = (0, import_react8.useState)(null);
+  const boardMenuRef = (0, import_react8.useRef)(null);
+  const socketRef = (0, import_react8.useRef)(null);
   const selectedTab = searchParams.get("tab") === "comments" ? "comments" : "overview";
   const navigate = useNavigate();
   const selectedBoard = (state && boardId ? findBoard(state, boardId) : null) ?? state?.boards[0] ?? null;
@@ -26297,7 +26335,7 @@ var App = () => {
   const requestState = () => {
     socketRef.current?.send(JSON.stringify({ type: "state:get" }));
   };
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const socket = new WebSocket(
       `ws://${window.location.host}/ws${boardId ? `?boardId=${boardId}` : ""}`
     );
@@ -26341,12 +26379,12 @@ var App = () => {
       socket.close();
     };
   }, [boardId, navigate]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!boardId && state?.boards[0]) {
       void navigate(`/board/${state.boards[0].ref}`, { replace: true });
     }
   }, [boardId, state, navigate]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const close = (event) => {
       if (boardMenuRef.current && !boardMenuRef.current.contains(event.target)) {
         setBoardMenuOpen(false);
@@ -26548,7 +26586,7 @@ var App = () => {
     });
     send("issue:comment:delete", { commentId });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
       style: {
@@ -26560,8 +26598,8 @@ var App = () => {
         flexDirection: "column"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Header, { state, connected, syncStatus }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Header, { state, connected, syncStatus }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           "div",
           {
             style: {
@@ -26570,8 +26608,8 @@ var App = () => {
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("main", { style: { padding: "0 30px 30px 30px", overflow: "auto", flex: 1 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { padding: "20px 10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("main", { style: { padding: "0 30px 30px 30px", overflow: "auto", flex: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { padding: "20px 10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   Dropdown,
                   {
                     label: "Board:",
@@ -26587,7 +26625,7 @@ var App = () => {
                     onSelect: selectBoard
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { display: "flex", gap: 8 }, children: selectedBoard?.swimlanes.map((swimlane) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", gap: 8 }, children: selectedBoard?.swimlanes.map((swimlane) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   SwimlaneColumn,
                   {
                     swimlane,
@@ -26607,7 +26645,7 @@ var App = () => {
                   swimlane.id
                 )) })
               ] }),
-              selectedIssue && state?.user && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              selectedIssue && state?.user && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 IssueDetails,
                 {
                   whoAmI: state.user,
@@ -26633,7 +26671,7 @@ var App = () => {
             ]
           }
         ),
-        createIssueModal && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        createIssueModal && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           CreateIssueModal,
           {
             title: createIssueModal.title,
@@ -26648,14 +26686,14 @@ var App = () => {
 };
 
 // source/gui/client/main.tsx
-var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
 (0, import_client.createRoot)(document.getElementById("root")).render(
-  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Route, { path: "/board/:boardId", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Route, { path: "/board/:boardId/issue/:issueId", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Route, { path: "/board/:boardId/:issueId", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Navigate, { to: "/", replace: true }) })
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(App, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Route, { path: "/board/:boardId", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(App, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Route, { path: "/board/:boardId/issue/:issueId", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(App, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Route, { path: "/board/:boardId/:issueId", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(App, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Navigate, { to: "/", replace: true }) })
   ] }) })
 );
 /*! Bundled license information: