epiq 1.0.1 → 1.2.0

package/dist/gui/main.js

@@ -24911,7 +24911,7 @@ var User = ({
 );
 
 // source/version.ts
-var EPIQ_VERSION = "1.0.1";
+var EPIQ_VERSION = "1.2.0";
 
 // source/gui/client/components/Header.tsx
 var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
@@ -25070,7 +25070,7 @@ var FormHeader = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     style: {
       display: "flex",
       justifyContent: "space-between",
-      alignItems: "center",
+      alignItems: "flex-start",
       gap: 12,
       marginBottom: 18
     },
@@ -25101,7 +25101,7 @@ var Input = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
 var Textarea = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   "textarea",
   {
-    maxLength: props.maxLength ?? 100,
+    maxLength: props.maxLength ?? 1500,
     ...props,
     style: {
       width: "100%",
@@ -25452,7 +25452,7 @@ var IssueDetails = ({
             textTransform: "uppercase",
             letterSpacing: "0.08em"
           },
-          children: "Issue Details"
+          children: issue.ref && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: { fontFamily: "monospace", color: GUI_THEME.dim }, children: "#" + issue.ref })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { variant: "ghost", onClick: onClose, children: "\xD7" })
@@ -25782,8 +25782,8 @@ var TicketCard = ({
         cursor: ticket.readonly ? "default" : "grab",
         background: isSelected ? "rgba(118,228,255,0.08)" : "rgba(185, 192, 255, 0.06)",
         padding: "12px",
-        minHeight: "40px",
-        borderRadius: "12px",
+        minHeight: "58px",
+        borderRadius: "8px",
         marginBottom: 4,
         border: `1px solid ${isSelected ? GUI_THEME.accent : "transparent"}`
       },
@@ -25823,6 +25823,32 @@ var TicketCard = ({
                     flex: 1
                   },
                   children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      "div",
+                      {
+                        style: {
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap",
+                          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
+                            ]
+                          }
+                        )
+                      }
+                    ),
                     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                       "div",
                       {
@@ -25927,7 +25953,8 @@ var TicketCard = ({
                     display: "flex",
                     alignItems: "flex-start",
                     flexShrink: 0,
-                    paddingTop: 2
+                    paddingTop: 2,
+                    marginTop: "-4px"
                   },
                   children: ticket.assignees.map((assignee, idx) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(User, { user: assignee, index: idx, isFocus: isSelected }))
                 }
@@ -26184,6 +26211,10 @@ var moveIssue = (setState, socketRef) => (issueId, parentId, targetIndex) => {
   );
 };
 
+// source/lib/utils/node-ref.ts
+var NODE_REF_LENGTH = 7;
+var nodeRef = (id) => id.slice(-NODE_REF_LENGTH).toUpperCase();
+
 // source/gui/client/lib/gui-state-helper.tsx
 var getResultValue = (payload) => {
   if (!payload) return void 0;
@@ -26195,15 +26226,19 @@ var getResultValue = (payload) => {
   }
   return payload;
 };
-var findIssue = (state, issueId) => {
+var matchesRefOrId = (node, refOrId) => node.id === refOrId || node.ref === refOrId.replace(/-/g, "").toUpperCase();
+var findIssue = (state, issueRefOrId) => {
   for (const board of state.boards) {
     for (const swimlane of board.swimlanes) {
-      const issue = swimlane.issues.find((issue2) => issue2.id === issueId);
+      const issue = swimlane.issues.find(
+        (issue2) => matchesRefOrId(issue2, issueRefOrId)
+      );
       if (issue) return issue;
     }
   }
   return null;
 };
+var findBoard = (state, boardRefOrId) => state.boards.find((board) => matchesRefOrId(board, boardRefOrId)) ?? null;
 var updateIssueInGuiState = (state, issueId, updateIssue) => ({
   ...state,
   boards: state.boards.map((board) => ({
@@ -26248,15 +26283,15 @@ var App = () => {
   const [createIssueModal, setCreateIssueModal] = (0, import_react7.useState)(null);
   const boardMenuRef = (0, import_react7.useRef)(null);
   const socketRef = (0, import_react7.useRef)(null);
-  const selectedIssueId = issueId ?? null;
   const selectedTab = searchParams.get("tab") === "comments" ? "comments" : "overview";
   const navigate = useNavigate();
+  const selectedBoard = (state && boardId ? findBoard(state, boardId) : null) ?? state?.boards[0] ?? null;
+  const boardSlug = selectedBoard?.ref ?? boardId;
+  const selectedIssue = state && issueId ? findIssue(state, issueId) : null;
   const closeIssueDetails = () => {
-    if (!boardId) return;
-    void navigate(`/board/${boardId}`);
+    if (!boardSlug) return;
+    void navigate(`/board/${boardSlug}`);
   };
-  const selectedBoard = state?.boards.find((board) => board.id === boardId) ?? state?.boards[0] ?? null;
-  const selectedIssue = state && selectedIssueId ? findIssue(state, selectedIssueId) : null;
   const commentsByIssueId = state?.commentsByIssueId ?? {};
   const requestState = () => {
     socketRef.current?.send(JSON.stringify({ type: "state:get" }));
@@ -26285,7 +26320,9 @@ var App = () => {
       if (message.type === "issue:created") {
         const created = getResultValue(message.payload);
         if (created && boardId) {
-          void navigate(`/board/${boardId}/${created.id}?tab=overview`);
+          void navigate(
+            `/board/${boardId}/${nodeRef(created.id)}?tab=overview`
+          );
         }
       }
       if (message.type === "failed") {
@@ -26305,7 +26342,7 @@ var App = () => {
   }, [boardId, navigate]);
   (0, import_react7.useEffect)(() => {
     if (!boardId && state?.boards[0]) {
-      navigate(`/board/${state.boards[0].id}`, { replace: true });
+      void navigate(`/board/${state.boards[0].ref}`, { replace: true });
     }
   }, [boardId, state, navigate]);
   (0, import_react7.useEffect)(() => {
@@ -26325,12 +26362,12 @@ var App = () => {
     socketRef.current?.send(JSON.stringify({ type, payload }));
   };
   const selectIssue = (nextIssueId) => {
-    if (!boardId) return;
-    void navigate(`/board/${boardId}/${nextIssueId}?tab=overview`);
+    if (!boardSlug) return;
+    void navigate(`/board/${boardSlug}/${nodeRef(nextIssueId)}?tab=overview`);
   };
   const selectIssueComments = (nextIssueId) => {
-    if (!boardId) return;
-    void navigate(`/board/${boardId}/${nextIssueId}?tab=comments`);
+    if (!boardSlug) return;
+    void navigate(`/board/${boardSlug}/${nodeRef(nextIssueId)}?tab=comments`);
   };
   const changeIssueDetailsTab = (nextTab) => {
     setSearchParams(
@@ -26449,7 +26486,7 @@ var App = () => {
   const selectBoard = (nextBoardId) => {
     setBoardMenuOpen(false);
     clearDragState();
-    void navigate(`/board/${nextBoardId}`);
+    void navigate(`/board/${nodeRef(nextBoardId)}`);
   };
   const openCreateIssueModal = (swimlaneId) => {
     setCreateIssueModal({
@@ -26550,7 +26587,7 @@ var App = () => {
                   {
                     swimlane,
                     selected: false,
-                    selectedIssueId,
+                    selectedIssueId: selectedIssue?.id ?? null,
                     commentsByIssueId,
                     dragOver: dragOverSwimlaneId === swimlane.id,
                     dropIndex: dropTarget?.swimlaneId === swimlane.id ? dropTarget.index : null,