@sailfish-ai/recorder 1.10.2 → 1.10.4

package/dist/inAppReportIssueModal/index.js

@@ -1,5 +1,5 @@
 import { createTriageAndIssueFromRecorder, createTriageFromRecorder, } from "../graphql";
-import { getFieldsForProject, getIntegrationData, getProjectsForTeam, getUsers, hasValidIntegration, updateFormWithIntegrationData, updateIssueTypeOptions, } from "./integrations";
+import { getFieldsForProject, getIntegrationData, getProjectsForTeam, getSprintFieldId, getUsers, hasValidIntegration, refreshIntegrationData, updateFormWithIntegrationData, updateIssueTypeOptions, } from "./integrations";
 import { currentState, isRecording, recordingEndTime, recordingStartTime, resetState, setIsRecording, setRecordingEndTime, setRecordingStartTime, setTimerInterval, timerInterval, } from "./state";
 import { STORAGE_KEYS } from "./types";
 import { getChevronSVG, renderCustomMultiSelect, renderDynamicField, } from "./ui";
@@ -174,6 +174,23 @@ function generateEngTicketFieldsHTML() {
         integrationData.labels.length > 0) {
         fieldsHTML += renderCustomMultiSelect("sf-eng-ticket-labels", "Labels", integrationData.labels, currentState.engTicketLabels, false);
     }
+    // Sprint field (only for Jira when sprints are available)
+    if (isJira &&
+        integrationData.sprints &&
+        Array.isArray(integrationData.sprints) &&
+        integrationData.sprints.length > 0) {
+        fieldsHTML += `
+      <div>
+        <label for="sf-eng-ticket-sprint" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+          Sprint
+        </label>
+        <select id="sf-eng-ticket-sprint"
+          style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white; color: #9ca3af;">
+          <option value="" disabled selected style="color: #9ca3af;">Select sprint...</option>
+        </select>
+      </div>
+    `;
+    }
     // Dynamic Fields Container
     fieldsHTML += `
     <div id="sf-dynamic-fields-container" style="display: flex; flex-direction: column; gap: 12px;"></div>
@@ -733,6 +750,32 @@ function injectModalHTML(initialMode = "lookback") {
         // No integration, disable eng ticket
         currentState.createEngTicket = false;
     }
+    // Background refresh — silently re-fetch integration data so cloud
+    // changes are picked up without a full page reload.
+    if (ReportIssueContext.apiKey && ReportIssueContext.backendApi) {
+        refreshIntegrationData(ReportIssueContext.apiKey, ReportIssueContext.backendApi).then((fresh) => {
+            if (!fresh || !document.getElementById("sf-report-issue-modal"))
+                return;
+            ReportIssueContext.integrationData = fresh;
+            // Re-generate eng ticket fields HTML now that integration data is available
+            const container = document.getElementById("sf-eng-ticket-fields-container");
+            if (container) {
+                const newFieldsHTML = generateEngTicketFieldsHTML();
+                if (newFieldsHTML) {
+                    container.innerHTML = newFieldsHTML;
+                    initializeEngTicketForm();
+                    bindEngTicketListeners();
+                    updateFormWithIntegrationData(currentState);
+                    renderDynamicFields(currentState.engTicketProject, currentState.engTicketIssueType);
+                }
+            }
+            // If integration just became available, show the checkbox
+            const label = document.getElementById("sf-create-eng-ticket-label");
+            if (label) {
+                label.style.display = "flex";
+            }
+        });
+    }
 }
 function initializeEngTicketForm() {
     const integrationData = ReportIssueContext.integrationData;
@@ -834,6 +877,125 @@ function updateModeSpecificUI(mode) {
         submitBtn.style.cursor = "pointer";
     }
 }
+function bindEngTicketListeners() {
+    const engTeamSelect = document.getElementById("sf-eng-ticket-team");
+    const engProjectSelect = document.getElementById("sf-eng-ticket-project");
+    const engPrioritySelect = document.getElementById("sf-eng-ticket-priority");
+    const engLabelsContainer = document.getElementById("sf-eng-ticket-labels-container");
+    const engTypeSelect = document.getElementById("sf-eng-ticket-type");
+    const engSprintSelect = document.getElementById("sf-eng-ticket-sprint");
+    if (engTeamSelect) {
+        engTeamSelect.addEventListener("change", () => {
+            currentState.engTicketTeam = engTeamSelect.value;
+            engTeamSelect.style.color = engTeamSelect.value ? "" : "#9ca3af";
+            // Update projects dropdown when team changes (for Linear)
+            const projectSelect = document.getElementById("sf-eng-ticket-project");
+            if (projectSelect) {
+                currentState.engTicketProject = "";
+                currentState.engTicketCustomFields = {};
+                const projects = getProjectsForTeam(engTeamSelect.value);
+                projectSelect.innerHTML =
+                    '<option value="">Select project...</option>';
+                projects.forEach((project) => {
+                    const optionElement = document.createElement("option");
+                    optionElement.value = project.id || project.value || project;
+                    optionElement.textContent =
+                        project.name || project.label || project;
+                    projectSelect.appendChild(optionElement);
+                });
+            }
+        });
+    }
+    if (engProjectSelect) {
+        engProjectSelect.addEventListener("change", () => {
+            currentState.engTicketProject = engProjectSelect.value;
+            engProjectSelect.style.color = engProjectSelect.value ? "" : "#9ca3af";
+            currentState.engTicketCustomFields = {};
+            const integrationData = getIntegrationData();
+            if (integrationData && engTypeSelect) {
+                updateIssueTypeOptions(engTypeSelect, engProjectSelect.value);
+                currentState.engTicketIssueType = engTypeSelect.value;
+            }
+            if (integrationData &&
+                integrationData.provider?.toLowerCase() === "jira" &&
+                integrationData.jiraReporterAccountId &&
+                engProjectSelect.value) {
+                const fields = getFieldsForProject(engProjectSelect.value, currentState.engTicketIssueType);
+                const reporterField = fields.find((f) => f.fieldId === "reporter");
+                if (reporterField) {
+                    currentState.engTicketCustomFields["reporter"] =
+                        integrationData.jiraReporterAccountId;
+                }
+            }
+            renderDynamicFields(engProjectSelect.value, currentState.engTicketIssueType);
+        });
+    }
+    if (engSprintSelect) {
+        engSprintSelect.addEventListener("change", () => {
+            currentState.engTicketSprint = engSprintSelect.value;
+            engSprintSelect.style.color = engSprintSelect.value ? "" : "#9ca3af";
+        });
+    }
+    if (engPrioritySelect) {
+        engPrioritySelect.addEventListener("change", () => {
+            currentState.engTicketPriority = Number(engPrioritySelect.value);
+        });
+    }
+    if (engLabelsContainer) {
+        setupCustomMultiSelectListeners("sf-eng-ticket-labels", (selectedValues) => {
+            currentState.engTicketLabels = selectedValues;
+        });
+    }
+    if (engTypeSelect) {
+        engTypeSelect.addEventListener("change", () => {
+            currentState.engTicketIssueType = engTypeSelect.value;
+            engTypeSelect.style.color = engTypeSelect.value ? "" : "#9ca3af";
+            const projectSelect = document.getElementById("sf-eng-ticket-project");
+            if (projectSelect && projectSelect.value) {
+                const reporterValue = currentState.engTicketCustomFields["reporter"];
+                currentState.engTicketCustomFields = {};
+                if (reporterValue) {
+                    currentState.engTicketCustomFields["reporter"] = reporterValue;
+                }
+                renderDynamicFields(projectSelect.value, engTypeSelect.value);
+            }
+        });
+    }
+    const dynamicFieldsContainer = document.getElementById("sf-dynamic-fields-container");
+    if (dynamicFieldsContainer) {
+        dynamicFieldsContainer.addEventListener("input", (e) => {
+            const target = e.target;
+            if (target.classList.contains("sf-dynamic-field")) {
+                const fieldId = target.dataset.fieldId;
+                if (fieldId) {
+                    if (target.type === "checkbox") {
+                        currentState.engTicketCustomFields[fieldId] = target.checked;
+                    }
+                    else if (target.type === "number") {
+                        currentState.engTicketCustomFields[fieldId] =
+                            parseFloat(target.value) || null;
+                    }
+                    else {
+                        currentState.engTicketCustomFields[fieldId] = target.value;
+                    }
+                }
+            }
+        });
+        dynamicFieldsContainer.addEventListener("change", (e) => {
+            const target = e.target;
+            if (target.classList.contains("sf-dynamic-field")) {
+                const fieldId = target.dataset.fieldId;
+                if (fieldId) {
+                    currentState.engTicketCustomFields[fieldId] = target.value;
+                }
+                if (target.tagName === "SELECT") {
+                    const selectElement = target;
+                    selectElement.style.color = selectElement.value ? "" : "#9ca3af";
+                }
+            }
+        });
+    }
+}
 function bindListeners() {
     const tabButtons = modalEl?.querySelectorAll(".sf-issue-tab");
     const recordBtn = document.getElementById("sf-start-recording-btn");
@@ -985,134 +1147,7 @@ function bindListeners() {
         });
     }
     // Engineering ticket form fields
-    const engTeamSelect = document.getElementById("sf-eng-ticket-team");
-    const engProjectSelect = document.getElementById("sf-eng-ticket-project");
-    const engPrioritySelect = document.getElementById("sf-eng-ticket-priority");
-    const engLabelsContainer = document.getElementById("sf-eng-ticket-labels-container");
-    const engTypeSelect = document.getElementById("sf-eng-ticket-type");
-    if (engTeamSelect) {
-        engTeamSelect.addEventListener("change", () => {
-            currentState.engTicketTeam = engTeamSelect.value;
-            // Update text color based on selection
-            engTeamSelect.style.color = engTeamSelect.value ? "" : "#9ca3af";
-            // Update projects dropdown when team changes (for Linear)
-            if (engProjectSelect) {
-                const projects = getProjectsForTeam(engTeamSelect.value);
-                const projectSelect = document.getElementById("sf-eng-ticket-project");
-                if (projectSelect) {
-                    // Clear current selection
-                    currentState.engTicketProject = "";
-                    currentState.engTicketCustomFields = {};
-                    // Populate new projects
-                    projectSelect.innerHTML =
-                        '<option value="">Select project...</option>';
-                    projects.forEach((project) => {
-                        const optionElement = document.createElement("option");
-                        optionElement.value = project.id || project.value || project;
-                        optionElement.textContent =
-                            project.name || project.label || project;
-                        projectSelect.appendChild(optionElement);
-                    });
-                }
-            }
-        });
-    }
-    if (engProjectSelect) {
-        engProjectSelect.addEventListener("change", () => {
-            currentState.engTicketProject = engProjectSelect.value;
-            // Update text color based on selection
-            engProjectSelect.style.color = engProjectSelect.value ? "" : "#9ca3af";
-            // Clear custom fields when project changes
-            currentState.engTicketCustomFields = {};
-            // Update issue types when project changes
-            const integrationData = getIntegrationData();
-            if (integrationData && engTypeSelect) {
-                updateIssueTypeOptions(engTypeSelect, engProjectSelect.value);
-                // Update state with the selected/default issue type
-                currentState.engTicketIssueType = engTypeSelect.value;
-            }
-            // Handle reporter field for Jira
-            if (integrationData &&
-                integrationData.provider?.toLowerCase() === "jira" &&
-                integrationData.jiraReporterAccountId &&
-                engProjectSelect.value) {
-                const fields = getFieldsForProject(engProjectSelect.value, currentState.engTicketIssueType);
-                const reporterField = fields.find((f) => f.fieldId === "reporter");
-                if (reporterField) {
-                    currentState.engTicketCustomFields["reporter"] =
-                        integrationData.jiraReporterAccountId;
-                }
-            }
-            // Render dynamic fields for the selected project and issue type
-            renderDynamicFields(engProjectSelect.value, currentState.engTicketIssueType);
-        });
-    }
-    if (engPrioritySelect) {
-        engPrioritySelect.addEventListener("change", () => {
-            currentState.engTicketPriority = Number(engPrioritySelect.value);
-        });
-    }
-    if (engLabelsContainer) {
-        // Set up event listeners for custom multiselect
-        setupCustomMultiSelectListeners("sf-eng-ticket-labels", (selectedValues) => {
-            currentState.engTicketLabels = selectedValues;
-        });
-    }
-    if (engTypeSelect) {
-        engTypeSelect.addEventListener("change", () => {
-            currentState.engTicketIssueType = engTypeSelect.value;
-            // Update text color based on selection
-            engTypeSelect.style.color = engTypeSelect.value ? "" : "#9ca3af";
-            // Re-render dynamic fields when issue type changes
-            const engProjectSelect = document.getElementById("sf-eng-ticket-project");
-            if (engProjectSelect && engProjectSelect.value) {
-                // Clear custom fields except reporter
-                const reporterValue = currentState.engTicketCustomFields["reporter"];
-                currentState.engTicketCustomFields = {};
-                if (reporterValue) {
-                    currentState.engTicketCustomFields["reporter"] = reporterValue;
-                }
-                renderDynamicFields(engProjectSelect.value, engTypeSelect.value);
-            }
-        });
-    }
-    // Dynamic fields event delegation
-    const dynamicFieldsContainer = document.getElementById("sf-dynamic-fields-container");
-    if (dynamicFieldsContainer) {
-        dynamicFieldsContainer.addEventListener("input", (e) => {
-            const target = e.target;
-            if (target.classList.contains("sf-dynamic-field")) {
-                const fieldId = target.dataset.fieldId;
-                if (fieldId) {
-                    // Handle different input types
-                    if (target.type === "checkbox") {
-                        currentState.engTicketCustomFields[fieldId] = target.checked;
-                    }
-                    else if (target.type === "number") {
-                        currentState.engTicketCustomFields[fieldId] =
-                            parseFloat(target.value) || null;
-                    }
-                    else {
-                        currentState.engTicketCustomFields[fieldId] = target.value;
-                    }
-                }
-            }
-        });
-        dynamicFieldsContainer.addEventListener("change", (e) => {
-            const target = e.target;
-            if (target.classList.contains("sf-dynamic-field")) {
-                const fieldId = target.dataset.fieldId;
-                if (fieldId) {
-                    currentState.engTicketCustomFields[fieldId] = target.value;
-                }
-                // Update text color for select elements (to remove placeholder gray)
-                if (target.tagName === "SELECT") {
-                    const selectElement = target;
-                    selectElement.style.color = selectElement.value ? "" : "#9ca3af";
-                }
-            }
-        });
-    }
+    bindEngTicketListeners();
     // Start recording
     if (recordBtn) {
         recordBtn.onclick = () => {
@@ -1188,6 +1223,13 @@ function bindListeners() {
                         }
                     }
                 });
+                // Add sprint to custom fields if selected
+                const engSprintSelect = document.getElementById("sf-eng-ticket-sprint");
+                const sprintValue = engSprintSelect?.value || currentState.engTicketSprint;
+                if (sprintValue) {
+                    const sprintFieldId = getSprintFieldId();
+                    engTicketCustomFields[sprintFieldId] = parseInt(sprintValue, 10);
+                }
                 closeModal();
                 // Create triage + issue (with optional engineering ticket)
                 createTriageAndIssue(`${startTimestamp}`, `${endTimestamp}`, desc, issueName, issueDescription, currentState.createEngTicket, engTicketTeam, engTicketProject, engTicketPriority, engTicketLabels, engTicketIssueType, engTicketCustomFields);

package/dist/inAppReportIssueModal/integrations.js

@@ -1,42 +1,63 @@
 import { fetchEngineeringTicketPlatformIntegrations } from "../graphql";
 const SUPPORT_TICKET_INTEGRATIONS = ["jira", "linear", "zendesk"];
 let integrationData = null;
+// Cache per cloud so switching between clouds is instant
+const cloudCache = new Map();
 export function getIntegrationData() {
     return integrationData;
 }
 export function hasValidIntegration() {
     return integrationData !== null && integrationData.installed === true;
 }
+function resolveIntegration(response) {
+    if (response?.errors && response.errors.length > 0) {
+        console.error("GraphQL errors fetching integrations:", response.errors);
+        return null;
+    }
+    const integrations = response?.data?.getEngineeringTicketPlatformIntegrationsFromApiKey;
+    const validIntegrations = (integrations || []).filter((item) => SUPPORT_TICKET_INTEGRATIONS.includes(item.provider?.toLowerCase() || "") && item.installed === true);
+    if (validIntegrations.length === 0) {
+        console.warn("No valid installed integrations found");
+        return null;
+    }
+    // Prefer Jira integration, fallback to first available
+    const chosen = validIntegrations.find((i) => i.provider?.toLowerCase() === "jira") || validIntegrations[0];
+    // Cache by cloud ID for instant switching
+    if (chosen?.primaryCloudId) {
+        cloudCache.set(chosen.primaryCloudId, chosen);
+    }
+    return chosen;
+}
 export async function fetchIntegrationData(apiKey, backendApi) {
     if (integrationData) {
         return;
     }
     try {
         const response = await fetchEngineeringTicketPlatformIntegrations(apiKey, backendApi);
-        // Check for GraphQL errors
-        if (response?.errors && response.errors.length > 0) {
-            console.error("GraphQL errors fetching integrations:", response.errors);
-            integrationData = null;
-            return;
-        }
-        const integrations = response?.data?.getEngineeringTicketPlatformIntegrationsFromApiKey;
-        // Filter for installed support ticket integrations only
-        const validIntegrations = (integrations || []).filter((item) => SUPPORT_TICKET_INTEGRATIONS.includes(item.provider?.toLowerCase() || "") && item.installed === true);
-        if (validIntegrations.length === 0) {
-            console.warn("No valid installed integrations found");
-            integrationData = null;
-            return;
-        }
-        // Prefer Jira integration, fallback to first available
-        integrationData =
-            validIntegrations.find((i) => i.provider?.toLowerCase() === "jira") ||
-                validIntegrations[0];
+        integrationData = resolveIntegration(response);
     }
     catch (error) {
         console.error("Error fetching integration data:", error);
         integrationData = null;
     }
 }
+/**
+ * Re-fetch integration data in the background. Returns the fresh data
+ * and updates the module-level cache. Callers can compare with previous
+ * data to decide whether to refresh the UI.
+ */
+export async function refreshIntegrationData(apiKey, backendApi) {
+    try {
+        const response = await fetchEngineeringTicketPlatformIntegrations(apiKey, backendApi);
+        const fresh = resolveIntegration(response);
+        integrationData = fresh;
+        return fresh;
+    }
+    catch (error) {
+        console.error("Error refreshing integration data:", error);
+        return integrationData; // keep existing on error
+    }
+}
 export function populateSelectOptions(selectElement, options, defaultValue) {
     const placeholderOption = document.createElement("option");
     placeholderOption.value = "";
@@ -103,6 +124,45 @@ export function populatePriorityOptions(selectElement, provider, defaultPriority
         selectElement.value = "0";
     }
 }
+export function populateSprintOptions(selectElement, sprints, currentValue) {
+    selectElement.innerHTML = "";
+    // Placeholder option
+    const placeholderOption = document.createElement("option");
+    placeholderOption.value = "";
+    placeholderOption.disabled = true;
+    placeholderOption.selected = !currentValue;
+    placeholderOption.textContent = "Select sprint...";
+    placeholderOption.style.color = "#9ca3af";
+    selectElement.appendChild(placeholderOption);
+    // Only show active or future sprints
+    const activeSprints = (sprints || []).filter((s) => s.state === "active" || s.state === "future");
+    activeSprints.forEach((sprint) => {
+        const optionElement = document.createElement("option");
+        optionElement.value = String(sprint.id);
+        optionElement.textContent = sprint.name || sprint.id;
+        selectElement.appendChild(optionElement);
+    });
+    if (currentValue) {
+        selectElement.value = currentValue;
+    }
+}
+export function getSprintFieldId() {
+    if (!integrationData?.fieldConfigurations) {
+        return "customfield_10020";
+    }
+    // Search field configurations for the sprint field
+    const configs = Array.isArray(integrationData.fieldConfigurations)
+        ? integrationData.fieldConfigurations
+        : [];
+    for (const config of configs) {
+        const fields = config.fields || [];
+        const sprintField = fields.find((f) => f.schema?.custom === "com.pyxis.greenhopper.jira:gh-sprint");
+        if (sprintField?.fieldId) {
+            return sprintField.fieldId;
+        }
+    }
+    return "customfield_10020";
+}
 export function updateIssueTypeOptions(selectElement, projectId) {
     if (!integrationData?.projects || !projectId) {
         selectElement.innerHTML = "";
@@ -244,9 +304,14 @@ export function updateFormWithIntegrationData(currentState) {
             currentState.engTicketPriority = Number(prioritySelect.value);
         }
     }
+    // Update sprint dropdown (for Jira)
+    const sprintSelect = document.getElementById("sf-eng-ticket-sprint");
+    const isJira = integrationData.provider?.toLowerCase() === "jira";
+    if (sprintSelect && isJira && integrationData.sprints) {
+        populateSprintOptions(sprintSelect, integrationData.sprints, currentState.engTicketSprint || undefined);
+    }
     // Update issue type dropdown based on selected project (for Jira)
     const issueTypeSelect = document.getElementById("sf-eng-ticket-type");
-    const isJira = integrationData.provider?.toLowerCase() === "jira";
     if (issueTypeSelect && isJira && currentState.engTicketProject) {
         updateIssueTypeOptions(issueTypeSelect, currentState.engTicketProject);
         // Preserve existing value if available, otherwise use DOM value

package/dist/inAppReportIssueModal/state.js

@@ -21,6 +21,7 @@ export function getInitialState() {
         engTicketProject: "",
         engTicketPriority: 0,
         engTicketLabels: [],
+        engTicketSprint: "",
         engTicketIssueType: "",
         engTicketCustomFields: {},
     };

package/dist/inAppReportIssueModal/types.js

@@ -13,4 +13,5 @@ export const ReportIssueContext = {
     backendApi: null,
     triageBaseUrl: "https://app.sailfishqa.com",
     deactivateIsolation: () => { },
+    integrationData: null,
 };

package/dist/inAppReportIssueModal/ui.js

@@ -412,6 +412,15 @@ export function generateModalHTML(currentState, initialMode = "lookback") {
                   value="${currentState.engTicketLabels.join(", ")}"
                   style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none;">
               </div>
+              <div>
+                <label for="sf-eng-ticket-sprint" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+                  Sprint
+                </label>
+                <select id="sf-eng-ticket-sprint"
+                  style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white;">
+                  <option value="">None</option>
+                </select>
+              </div>
               <div>
                 <label for="sf-eng-ticket-type" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
                   Issue Type