Fix: triage not opening

Author: harshithmullapudi

apps/server/src/modules/replication/replication.service.ts

@@ -249,15 +249,13 @@ export default class ReplicationService {
                 modelId,
               );
 
-            const recipientId =
-              modelName in
-              [
-                ModelNameEnum.Notification,
-                ModelNameEnum.Conversation,
-                ModelNameEnum.ConversationHistory,
-              ]
-                ? syncActionData.data.userId
-                : syncActionData.workspaceId;
+            const recipientId = [
+              ModelNameEnum.Notification,
+              ModelNameEnum.Conversation,
+              ModelNameEnum.ConversationHistory,
+            ].includes(modelName)
+              ? syncActionData.data.userId
+              : syncActionData.workspaceId;
 
             this.syncGateway.wss
               .to(recipientId)

apps/webapp/src/hooks/use-triage-groups.tsx

@@ -13,19 +13,24 @@ import { useTeamWorkflows } from './workflows';
 export function useTriageGroups() {
   const currentTeam = useCurrentTeam();
   const { issuesStore, issueSuggestionsStore } = useContextStore();
-  const workflows = useTeamWorkflows(currentTeam.identifier);
+  const workflows = useTeamWorkflows(currentTeam?.identifier);
+
   const triageWorkflow = workflows.find(
     (workflow: WorkflowType) =>
       workflow.category === WorkflowCategoryEnum.TRIAGE,
   );
 
-  const issues = sort(issuesStore.getIssuesForState([triageWorkflow.id])).desc(
-    (issue: IssueType) => new Date(issue.updatedAt),
-  ) as IssueType[];
-
   return React.useMemo(() => {
     const allIssueSuggestions: IssueSuggestionType[] = [];
 
+    if (!triageWorkflow) {
+      return {};
+    }
+
+    const issues = sort(
+      issuesStore.getIssuesForState([triageWorkflow.id], {}),
+    ).desc((issue: IssueType) => new Date(issue.updatedAt)) as IssueType[];
+
     // Fetch issue suggestions for each issue ID
     for (const issue of issues) {
       const issueSuggestions =
@@ -89,5 +94,5 @@ export function useTriageGroups() {
 
     return issueCategories;
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [issues]);
+  }, [triageWorkflow, issuesStore.getIssues({}).length]);
 }

apps/webapp/src/hooks/workflows/use-team-workflows.tsx

@@ -58,7 +58,7 @@ export function useTeamWorkflows(
 
   const workflows = React.useMemo(
     () => computed(() => getWorkflows()),
-    [team, workflowsStore.workflows.length, teamIdentifier],
+    [teamIdentifier, team, workflowsStore.workflows.length],
   ).get();
 
   return workflows;
@@ -68,7 +68,7 @@ export function useAllWorkflows(): WorkflowType[] | undefined {
   const { workflowsStore } = useContextStore();
 
   const getWorkflows = () => {
-    const workflows = workflowsStore.workflows.sort(workflowSort);
+    const workflows = [...workflowsStore.workflows].sort(workflowSort);
 
     return workflows;
   };

apps/webapp/src/modules/ai/conversation.tsx

@@ -90,8 +90,6 @@ export const Conversation = observer(() => {
     }
   };
 
-  console.log(commonStore.currentConversationId);
-
   const lastThought = thoughts[thoughts.length - 1];
 
   return (

apps/webapp/src/modules/issues/triage/left-side/header.tsx

@@ -21,7 +21,7 @@ export function Header({ title }: HeaderProps) {
       <Breadcrumb>
         <BreadcrumbItem>
           <BreadcrumbLink className="flex items-center gap-2">
-            <TeamIcon name={team.name} />
+            <TeamIcon name={team?.name} />
 
             <span className="inline-block"> {title}</span>
           </BreadcrumbLink>

apps/webapp/src/modules/issues/triage/left-side/triage-issues.tsx

@@ -1,12 +1,13 @@
 import { ScrollArea } from '@tegonhq/ui/components/scroll-area';
+import { observer } from 'mobx-react-lite';
 
 import { useTriageGroups } from 'hooks';
 import { useUsersData } from 'hooks/users';
 
 import { TriageCategory } from './triage-category';
 import { TriageOtherCategory } from './triage-other-category';
 
-export const TriageIssues = () => {
+export const TriageIssues = observer(() => {
   const { users, isLoading } = useUsersData();
 
   const issueCategories = useTriageGroups();
@@ -42,4 +43,4 @@ export const TriageIssues = () => {
       </div>
     </ScrollArea>
   );
-};
+});

apps/webapp/src/modules/issues/triage/right-side.tsx

@@ -13,12 +13,17 @@ import { useContextStore } from 'store/global-context-provider';
 export const RightSide = observer(() => {
   const currentTeam = useCurrentTeam();
   const { issuesStore } = useContextStore();
-  const workflows = useTeamWorkflows(currentTeam.identifier);
+  const workflows = useTeamWorkflows(currentTeam?.identifier);
   const triageWorkflow = workflows.find(
     (workflow: WorkflowType) =>
       workflow.category === WorkflowCategoryEnum.TRIAGE,
   );
-  const issues = issuesStore.getIssuesForState([triageWorkflow.id], false);
+
+  if (!triageWorkflow) {
+    return null;
+  }
+
+  const issues = issuesStore.getIssuesForState([triageWorkflow.id], {});
 
   return (
     <div className="p-6 flex flex-col items-center justify-center gap-2">