@arnavpisces/sutra 1.0.7 → 1.0.9

package/dist/components/jira/TicketDetail.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { Box, Text, useInput, useStdout } from 'ink';
-import TextInput from 'ink-text-input';
+import TextInput from '../common/WordTextInput.js';
 import { AdfConverter } from '../../formatters/adf-converter.js';
 import { SelectableItem } from '../common/SelectableItem.js';
 import { ShortcutHints } from '../common/ShortcutHints.js';
@@ -14,7 +14,215 @@ import { join } from 'path';
 import { highlightMarkdownLine, detectCodeBlock, highlightCodeLine } from '../../utils/markdown-highlighter.js';
 import { getJiraStatusColor, getJiraTypeColor, getJiraPriorityColor } from '../../utils/jira-colors.js';
 import { te } from '../../theme/te.js';
-export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [], priorities = [], onSaveTitle, onSaveDescription, onSavePriority, onAssignToMe, onAddComment, onUpdateComment, onTransition, onFetchComments, onDownloadAttachment, onUploadAttachment, onBookmarkChanged, onRefresh, onBack }) {
+function getRequiredTransitionFields(transition) {
+    if (!transition?.fields)
+        return [];
+    return Object.entries(transition.fields)
+        .filter(([, definition]) => {
+        if (!definition?.required)
+            return false;
+        const operations = Array.isArray(definition.operations) ? definition.operations : [];
+        const canSet = operations.length === 0 || operations.includes('set');
+        return canSet;
+    })
+        .map(([fieldId, definition]) => ({
+        id: fieldId,
+        name: definition.name || fieldId,
+        definition,
+    }));
+}
+function buildFieldValueFromAllowed(fieldId, rawValue) {
+    if (!rawValue || typeof rawValue !== 'object') {
+        return rawValue;
+    }
+    const schemaType = String(rawValue?.schema?.type || '').toLowerCase();
+    if (schemaType === 'user' && rawValue.accountId) {
+        return { accountId: rawValue.accountId };
+    }
+    if (rawValue.id !== undefined && rawValue.id !== null && rawValue.id !== '') {
+        return { id: String(rawValue.id) };
+    }
+    if (rawValue.value !== undefined) {
+        return { value: rawValue.value };
+    }
+    if (rawValue.name !== undefined) {
+        return { name: rawValue.name };
+    }
+    if (rawValue.key !== undefined) {
+        return { key: rawValue.key };
+    }
+    // Fallback to full object for custom transitions expecting richer payloads.
+    return rawValue;
+}
+function formatAllowedValueLabel(rawValue) {
+    if (!rawValue || typeof rawValue !== 'object') {
+        return String(rawValue ?? '');
+    }
+    if (typeof rawValue.displayName === 'string' && rawValue.displayName.trim()) {
+        return rawValue.displayName;
+    }
+    if (typeof rawValue.name === 'string' && rawValue.name.trim()) {
+        return rawValue.name;
+    }
+    if (typeof rawValue.value === 'string' && rawValue.value.trim()) {
+        return rawValue.value;
+    }
+    if (typeof rawValue.key === 'string' && rawValue.key.trim()) {
+        return rawValue.key;
+    }
+    if (rawValue.id !== undefined && rawValue.id !== null) {
+        return String(rawValue.id);
+    }
+    return JSON.stringify(rawValue);
+}
+function buildFieldValueFromText(fieldId, definition, rawInput) {
+    const input = rawInput.trim();
+    const schemaType = String(definition?.schema?.type || '').toLowerCase();
+    const schemaSystem = String(definition?.schema?.system || '').toLowerCase();
+    const schemaCustom = String(definition?.schema?.custom || '').toLowerCase();
+    const requiresAdf = schemaType === 'doc' ||
+        schemaType === 'textarea' ||
+        schemaSystem === 'description' ||
+        schemaCustom.includes(':textarea') ||
+        schemaCustom.includes('richtext');
+    const asAdfDoc = (text) => ({
+        type: 'doc',
+        version: 1,
+        content: [
+            {
+                type: 'paragraph',
+                content: [
+                    {
+                        type: 'text',
+                        text,
+                    },
+                ],
+            },
+        ],
+    });
+    if (schemaType === 'number') {
+        const parsed = Number(input);
+        return Number.isFinite(parsed) ? parsed : input;
+    }
+    if (schemaType === 'user') {
+        return { accountId: input };
+    }
+    if (schemaType === 'option' ||
+        schemaType === 'priority' ||
+        schemaType === 'resolution' ||
+        schemaType === 'version' ||
+        schemaType === 'component' ||
+        schemaSystem === 'resolution' ||
+        schemaSystem === 'priority') {
+        return /^\d+$/.test(input) ? { id: input } : { name: input };
+    }
+    if (schemaType === 'array') {
+        const values = input
+            .split(',')
+            .map((part) => part.trim())
+            .filter(Boolean);
+        const itemType = String(definition?.schema?.items || '').toLowerCase();
+        if (itemType === 'number') {
+            return values.map((v) => {
+                const parsed = Number(v);
+                return Number.isFinite(parsed) ? parsed : v;
+            });
+        }
+        if (itemType === 'option' || itemType === 'version' || itemType === 'component') {
+            return values.map((v) => (/^\d+$/.test(v) ? { id: v } : { name: v }));
+        }
+        if (itemType === 'user') {
+            return values.map((v) => ({ accountId: v }));
+        }
+        return values;
+    }
+    if (requiresAdf) {
+        return asAdfDoc(input);
+    }
+    // URL and string-like custom fields use raw string.
+    if (schemaType === 'string' || schemaCustom.includes('url')) {
+        return input;
+    }
+    return input;
+}
+function getTransitionFieldInputHint(definition) {
+    const schemaType = String(definition?.schema?.type || '').toLowerCase();
+    const schemaCustom = String(definition?.schema?.custom || '').toLowerCase();
+    if ((definition.allowedValues || []).length > 0) {
+        return 'Pick a value with ↑/↓ and press Enter.';
+    }
+    if (schemaCustom.includes('url')) {
+        return 'Enter a full URL (for example https://example.com/doc).';
+    }
+    if (schemaType === 'number') {
+        return 'Enter a numeric value.';
+    }
+    if (schemaType === 'array') {
+        return 'Enter comma-separated values.';
+    }
+    if (schemaType === 'user') {
+        return 'Type a Jira user name and select from suggestions (or enter accountId).';
+    }
+    return 'Enter a value and press Enter.';
+}
+function normalizeFieldToken(value) {
+    return value.trim().toLowerCase();
+}
+function extractRequiredFieldNamesFromError(errorMessage) {
+    const names = new Set();
+    const trimmed = errorMessage.trim();
+    const payloadStart = trimmed.indexOf('{');
+    const payload = payloadStart >= 0 ? trimmed.slice(payloadStart) : '';
+    let errorMessages = [];
+    let errorEntries = [];
+    if (payload) {
+        try {
+            const parsed = JSON.parse(payload);
+            if (Array.isArray(parsed.errorMessages)) {
+                errorMessages = parsed.errorMessages.filter((entry) => typeof entry === 'string');
+            }
+            if (parsed.errors && typeof parsed.errors === 'object') {
+                errorEntries = Object.entries(parsed.errors).filter((entry) => typeof entry[1] === 'string');
+            }
+        }
+        catch {
+            // Ignore parse issues and fallback to regex scanning on plain text.
+        }
+    }
+    const combinedMessages = [...errorMessages];
+    if (combinedMessages.length === 0) {
+        combinedMessages.push(trimmed);
+    }
+    for (const message of combinedMessages) {
+        const match = message.match(/field\s+(.+?)\s+is required/i);
+        if (match && match[1]) {
+            names.add(match[1].trim());
+        }
+    }
+    for (const [fieldKey, message] of errorEntries) {
+        if (/required/i.test(message)) {
+            names.add(fieldKey);
+        }
+    }
+    return [...names];
+}
+function buildQueueForNamedRequiredFields(fields, requiredNames) {
+    const wanted = new Set(requiredNames.map(normalizeFieldToken));
+    const queue = [];
+    for (const [fieldId, definition] of Object.entries(fields || {})) {
+        const nameToken = normalizeFieldToken(definition?.name || '');
+        const idToken = normalizeFieldToken(fieldId);
+        if (!wanted.has(nameToken) && !wanted.has(idToken))
+            continue;
+        queue.push({
+            id: fieldId,
+            name: definition.name || fieldId,
+            definition,
+        });
+    }
+    return queue;
+}
+export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [], priorities = [], onSaveTitle, onSaveDescription, onSavePriority, onAssignToMe, onAddComment, onUpdateComment, onTransition, onRefreshTransitions, onSearchUsers, onResolveTransitionFields, onFetchComments, onDownloadAttachment, onUploadAttachment, onBookmarkChanged, onCreateChildTicket, onRefresh, onBack }) {
     const { stdout } = useStdout();
     const [selectedIndex, setSelectedIndex] = useState(0);
     const [mode, setMode] = useState('view');
@@ -22,6 +230,16 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
     const [editingCommentId, setEditingCommentId] = useState(null);
     const [selectedCommentIndex, setSelectedCommentIndex] = useState(0);
     const [selectedTransitionIndex, setSelectedTransitionIndex] = useState(0);
+    const [transitionFieldsQueue, setTransitionFieldsQueue] = useState([]);
+    const [transitionFieldCursor, setTransitionFieldCursor] = useState(0);
+    const [transitionFieldValues, setTransitionFieldValues] = useState({});
+    const [transitionFieldInput, setTransitionFieldInput] = useState('');
+    const [transitionAllowedIndex, setTransitionAllowedIndex] = useState(0);
+    const [transitionUserOptions, setTransitionUserOptions] = useState([]);
+    const [transitionUserIndex, setTransitionUserIndex] = useState(0);
+    const [transitionUserLoading, setTransitionUserLoading] = useState(false);
+    const [pendingTransitionId, setPendingTransitionId] = useState(null);
+    const [transitionLoading, setTransitionLoading] = useState(false);
     const [selectedPriorityIndex, setSelectedPriorityIndex] = useState(0);
     const [saving, setSaving] = useState(false);
     const [error, setError] = useState(null);
@@ -31,6 +249,10 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
     const [allComments, setAllComments] = useState([]);
     const [attachmentsMessage, setAttachmentsMessage] = useState(null);
     const [uploadPath, setUploadPath] = useState('');
+    const [isExternalEditing, setIsExternalEditing] = useState(false);
+    const [ignoreEscapeUntil, setIgnoreEscapeUntil] = useState(0);
+    const externalEditorBusyRef = useRef(false);
+    const userSearchCacheRef = useRef(new Map());
     const description = AdfConverter.adfToMarkdown(issue.fields.description);
     const parentIssue = issue.fields.parent;
     const parentKey = parentIssue?.key || '';
@@ -40,10 +262,79 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
     const assigneeIsMe = Boolean(currentAccountId && currentAssigneeAccountId === currentAccountId);
     const comments = issue.fields.comment?.comments || [];
     const attachments = issue.fields.attachment || [];
+    const isEpicIssue = String(issue.fields.issuetype?.name || '').trim().toLowerCase() === 'epic';
     const terminalRows = stdout?.rows || 24;
     const compactViewport = terminalRows <= 32;
     const previewWidth = Math.max(20, (stdout?.columns || 80) - 10);
     const descriptionPreviewLines = compactViewport ? 3 : 5;
+    const activeTransition = pendingTransitionId
+        ? transitions.find((transition) => transition.id === pendingTransitionId)
+        : null;
+    const currentTransitionField = transitionFieldsQueue[transitionFieldCursor];
+    const currentTransitionAllowedValues = Array.isArray(currentTransitionField?.definition?.allowedValues)
+        ? currentTransitionField.definition.allowedValues
+        : [];
+    const isCurrentTransitionFieldSelect = currentTransitionAllowedValues.length > 0;
+    const currentTransitionSchemaType = String(currentTransitionField?.definition?.schema?.type || '').toLowerCase();
+    const currentTransitionSchemaItems = String(currentTransitionField?.definition?.schema?.items || '').toLowerCase();
+    const isCurrentTransitionUserField = !isCurrentTransitionFieldSelect && (currentTransitionSchemaType === 'user' ||
+        (currentTransitionSchemaType === 'array' && currentTransitionSchemaItems === 'user'));
+    useEffect(() => {
+        if (selectedTransitionIndex < transitions.length)
+            return;
+        setSelectedTransitionIndex(Math.max(0, transitions.length - 1));
+    }, [selectedTransitionIndex, transitions.length]);
+    useEffect(() => {
+        if (mode !== 'transition-fields' || !isCurrentTransitionUserField || !onSearchUsers) {
+            setTransitionUserLoading(false);
+            setTransitionUserOptions([]);
+            setTransitionUserIndex(0);
+            return;
+        }
+        const query = transitionFieldInput.trim();
+        if (!query) {
+            setTransitionUserLoading(false);
+            setTransitionUserOptions([]);
+            setTransitionUserIndex(0);
+            return;
+        }
+        const cacheKey = query.toLowerCase();
+        const cached = userSearchCacheRef.current.get(cacheKey);
+        if (cached) {
+            setTransitionUserOptions(cached);
+            setTransitionUserIndex(0);
+            setTransitionUserLoading(false);
+            return;
+        }
+        let cancelled = false;
+        const timer = setTimeout(async () => {
+            setTransitionUserLoading(true);
+            try {
+                const users = await onSearchUsers(query);
+                if (cancelled)
+                    return;
+                const normalized = (users || []).slice(0, 8);
+                userSearchCacheRef.current.set(cacheKey, normalized);
+                setTransitionUserOptions(normalized);
+                setTransitionUserIndex(0);
+            }
+            catch {
+                if (!cancelled) {
+                    setTransitionUserOptions([]);
+                    setTransitionUserIndex(0);
+                }
+            }
+            finally {
+                if (!cancelled) {
+                    setTransitionUserLoading(false);
+                }
+            }
+        }, 180);
+        return () => {
+            cancelled = true;
+            clearTimeout(timer);
+        };
+    }, [mode, isCurrentTransitionUserField, onSearchUsers, transitionFieldInput, currentTransitionField?.id]);
     const renderMarkdownPreview = (markdown, maxLines) => {
         const lines = markdown.split('\n');
         return lines.slice(0, maxLines).map((line, i) => {
@@ -58,7 +349,11 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
     // Get user's own comments that can be edited
     const myComments = comments.filter((c) => currentAccountId && c.author?.accountId === currentAccountId);
     // Selectable items in view mode.
-    const selectableItems = ['status', 'assignee', 'priority', 'title', 'description', 'comments', 'attachments', 'add-comment'];
+    const selectableItems = ['status', 'assignee', 'priority', 'title'];
+    if (isEpicIssue) {
+        selectableItems.push('add-child-ticket');
+    }
+    selectableItems.push('description', 'comments', 'attachments', 'add-comment');
     if (myComments.length > 0) {
         selectableItems.push('edit-comment');
     }
@@ -87,22 +382,46 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
                 .finally(() => setCommentsLoading(false));
         }
     }, [mode, onFetchComments]);
+    useEffect(() => {
+        setPendingTransitionId(null);
+        setTransitionFieldsQueue([]);
+        setTransitionFieldCursor(0);
+        setTransitionFieldValues({});
+        setTransitionFieldInput('');
+        setTransitionAllowedIndex(0);
+    }, [issue.key]);
     // Handle keyboard input
     useInput((input, key) => {
+        if (Date.now() < ignoreEscapeUntil) {
+            return;
+        }
         // External editor for long-form fields
         if ((key.ctrl && input === 'e') && (mode === 'edit-description' || mode === 'add-comment' || mode === 'edit-comment')) {
-            (async () => {
-                setSaving(true);
-                const result = await openExternalEditor({
-                    content: editValue,
-                    extension: 'md',
-                });
-                setSaving(false);
-                if (result.success && result.content !== undefined) {
-                    setEditValue(result.content);
+            if (externalEditorBusyRef.current || isExternalEditing) {
+                return;
+            }
+            externalEditorBusyRef.current = true;
+            setIsExternalEditing(true);
+            setSaving(true);
+            void (async () => {
+                try {
+                    const result = await openExternalEditor({
+                        content: editValue,
+                        extension: 'md',
+                    });
+                    if (result.success && result.content !== undefined) {
+                        setEditValue(result.content);
+                    }
+                    else if (result.error) {
+                        setError(result.error);
+                    }
                 }
-                else if (result.error) {
-                    setError(result.error);
+                finally {
+                    setSaving(false);
+                    setIsExternalEditing(false);
+                    externalEditorBusyRef.current = false;
+                    // Ignore trailing ESC emitted by editor quit sequences.
+                    setIgnoreEscapeUntil(Date.now() + 300);
                 }
             })();
             return;
@@ -124,6 +443,12 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
         }
         // Global Escape Handler
         if (key.escape) {
+            if (mode === 'transition-fields') {
+                setMode('select-status');
+                resetTransitionFieldFlow();
+                setError(null);
+                return;
+            }
             if (mode !== 'view') {
                 handleCancel();
             }
@@ -196,6 +521,9 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
         }
         // Status selection mode
         if (mode === 'select-status') {
+            if (transitionLoading) {
+                return;
+            }
             if (key.upArrow) {
                 setSelectedTransitionIndex(prev => Math.max(0, prev - 1));
             }
@@ -203,7 +531,29 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
                 setSelectedTransitionIndex(prev => Math.min(transitions.length - 1, prev + 1));
             }
             else if (key.return && transitions.length > 0) {
-                handleTransition();
+                void beginTransition();
+            }
+            return;
+        }
+        if (mode === 'transition-fields') {
+            if (isCurrentTransitionFieldSelect) {
+                if (key.upArrow) {
+                    setTransitionAllowedIndex((prev) => Math.max(0, prev - 1));
+                }
+                else if (key.downArrow) {
+                    setTransitionAllowedIndex((prev) => Math.min(currentTransitionAllowedValues.length - 1, prev + 1));
+                }
+                else if (key.return) {
+                    submitCurrentTransitionAllowedField();
+                }
+            }
+            else if (isCurrentTransitionUserField && transitionUserOptions.length > 0) {
+                if (key.upArrow) {
+                    setTransitionUserIndex((prev) => Math.max(0, prev - 1));
+                }
+                else if (key.downArrow) {
+                    setTransitionUserIndex((prev) => Math.min(transitionUserOptions.length - 1, prev + 1));
+                }
             }
             return;
         }
@@ -237,7 +587,7 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
         else if (key.return) {
             handleSelect();
         }
-    });
+    }, { isActive: !isExternalEditing });
     const handleCopyUrl = async () => {
         try {
             // Remove trailing slash from baseUrl to prevent double slashes
@@ -258,15 +608,209 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
             setCopyMessage('✗ Copy failed');
         }
     };
+    function resetTransitionFieldFlow() {
+        setPendingTransitionId(null);
+        setTransitionFieldsQueue([]);
+        setTransitionFieldCursor(0);
+        setTransitionFieldValues({});
+        setTransitionFieldInput('');
+        setTransitionAllowedIndex(0);
+        setTransitionUserLoading(false);
+        setTransitionUserOptions([]);
+        setTransitionUserIndex(0);
+    }
+    async function applyTransition(transitionId, fields) {
+        if (saving || !transitionId)
+            return;
+        setSaving(true);
+        setError(null);
+        try {
+            if (onTransition) {
+                await onTransition(transitionId, fields);
+            }
+            if (onRefresh)
+                await onRefresh();
+            if (onRefreshTransitions)
+                await onRefreshTransitions();
+            setMode('view');
+            resetTransitionFieldFlow();
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Status change failed';
+            const requiredFieldNames = extractRequiredFieldNamesFromError(errorMessage);
+            if (requiredFieldNames.length > 0 && onResolveTransitionFields) {
+                try {
+                    const resolvedFields = await onResolveTransitionFields(transitionId, requiredFieldNames);
+                    const queue = buildQueueForNamedRequiredFields(resolvedFields, requiredFieldNames);
+                    if (queue.length > 0) {
+                        const firstField = queue[0];
+                        setPendingTransitionId(transitionId);
+                        setTransitionFieldsQueue(queue);
+                        setTransitionFieldCursor(0);
+                        setTransitionFieldValues(fields || {});
+                        setTransitionAllowedIndex(0);
+                        if (Array.isArray(firstField?.definition?.allowedValues) &&
+                            firstField.definition.allowedValues.length > 0) {
+                            setTransitionFieldInput('');
+                        }
+                        else if (typeof firstField?.definition?.defaultValue === 'string') {
+                            setTransitionFieldInput(firstField.definition.defaultValue);
+                        }
+                        else {
+                            setTransitionFieldInput('');
+                        }
+                        setMode('transition-fields');
+                        setError(`Fill required field${queue.length > 1 ? 's' : ''} to continue.`);
+                        return;
+                    }
+                }
+                catch {
+                    // Fall through to existing error handling.
+                }
+            }
+            if (onRefreshTransitions) {
+                try {
+                    await onRefreshTransitions();
+                }
+                catch {
+                    // Keep showing the original transition error if refresh fails.
+                }
+            }
+            setError(errorMessage);
+            setMode('select-status');
+            resetTransitionFieldFlow();
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    async function beginTransition() {
+        if (transitionLoading)
+            return;
+        const selectedTransition = transitions[selectedTransitionIndex];
+        if (!selectedTransition)
+            return;
+        let transitionWithFields = selectedTransition;
+        if (onResolveTransitionFields) {
+            try {
+                const resolvedFields = await onResolveTransitionFields(selectedTransition.id);
+                if (Object.keys(resolvedFields).length > 0) {
+                    transitionWithFields = {
+                        ...selectedTransition,
+                        fields: resolvedFields,
+                    };
+                }
+            }
+            catch {
+                // Ignore metadata fetch issues and fallback to current transition payload.
+            }
+        }
+        const requiredFields = getRequiredTransitionFields(transitionWithFields);
+        if (requiredFields.length === 0) {
+            await applyTransition(selectedTransition.id);
+            return;
+        }
+        setPendingTransitionId(transitionWithFields.id);
+        setTransitionFieldsQueue(requiredFields);
+        setTransitionFieldCursor(0);
+        setTransitionFieldValues({});
+        setTransitionAllowedIndex(0);
+        if (Array.isArray(requiredFields[0]?.definition?.allowedValues) &&
+            requiredFields[0].definition.allowedValues.length > 0) {
+            setTransitionFieldInput('');
+        }
+        else if (typeof requiredFields[0]?.definition?.defaultValue === 'string') {
+            setTransitionFieldInput(requiredFields[0].definition.defaultValue);
+        }
+        else {
+            setTransitionFieldInput('');
+        }
+        setMode('transition-fields');
+    }
+    async function openStatusSelector() {
+        setError(null);
+        resetTransitionFieldFlow();
+        if (onRefreshTransitions) {
+            setTransitionLoading(true);
+            try {
+                await onRefreshTransitions();
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : 'Failed to refresh available transitions');
+            }
+            finally {
+                setTransitionLoading(false);
+            }
+        }
+        setSelectedTransitionIndex(0);
+        setMode('select-status');
+    }
+    function commitCurrentTransitionField(value) {
+        const activeField = currentTransitionField;
+        if (!activeField || !pendingTransitionId)
+            return;
+        const nextValues = {
+            ...transitionFieldValues,
+            [activeField.id]: value,
+        };
+        setTransitionFieldValues(nextValues);
+        setError(null);
+        if (transitionFieldCursor >= transitionFieldsQueue.length - 1) {
+            void applyTransition(pendingTransitionId, nextValues);
+            return;
+        }
+        const nextCursor = transitionFieldCursor + 1;
+        const nextField = transitionFieldsQueue[nextCursor];
+        setTransitionFieldCursor(nextCursor);
+        setTransitionAllowedIndex(0);
+        if (Array.isArray(nextField?.definition?.allowedValues) && nextField.definition.allowedValues.length > 0) {
+            setTransitionFieldInput('');
+        }
+        else if (typeof nextField?.definition?.defaultValue === 'string') {
+            setTransitionFieldInput(nextField.definition.defaultValue);
+        }
+        else {
+            setTransitionFieldInput('');
+        }
+    }
+    function submitCurrentTransitionTextField() {
+        if (!currentTransitionField)
+            return;
+        const rawInput = transitionFieldInput.trim();
+        if (!rawInput) {
+            setError(`${currentTransitionField.name} is required.`);
+            return;
+        }
+        const parsed = buildFieldValueFromText(currentTransitionField.id, currentTransitionField.definition, rawInput);
+        commitCurrentTransitionField(parsed);
+    }
+    function submitCurrentTransitionInput() {
+        if (isCurrentTransitionUserField && transitionUserOptions.length > 0) {
+            const selected = transitionUserOptions[transitionUserIndex] || transitionUserOptions[0];
+            if (selected?.accountId) {
+                commitCurrentTransitionField({ accountId: selected.accountId });
+                return;
+            }
+        }
+        submitCurrentTransitionTextField();
+    }
+    function submitCurrentTransitionAllowedField() {
+        if (!currentTransitionField || currentTransitionAllowedValues.length === 0)
+            return;
+        const selected = currentTransitionAllowedValues[transitionAllowedIndex];
+        if (!selected) {
+            setError(`${currentTransitionField.name} is required.`);
+            return;
+        }
+        const parsed = buildFieldValueFromAllowed(currentTransitionField.id, selected);
+        commitCurrentTransitionField(parsed);
+    }
     const handleSelect = () => {
         setError(null);
         const item = selectableItems[selectedIndex];
         switch (item) {
             case 'status':
-                if (transitions.length > 0) {
-                    setSelectedTransitionIndex(0);
-                    setMode('select-status');
-                }
+                void openStatusSelector();
                 break;
             case 'priority':
                 if (priorities.length > 0) {
@@ -286,6 +830,9 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
                 setEditValue(issue.fields.summary);
                 setMode('edit-title');
                 break;
+            case 'add-child-ticket':
+                onCreateChildTicket?.();
+                break;
             case 'description':
                 setEditValue(description.slice(0, 500));
                 setMode('edit-description');
@@ -310,26 +857,6 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
                 break;
         }
     };
-    const handleTransition = async () => {
-        if (saving || transitions.length === 0)
-            return;
-        setSaving(true);
-        setError(null);
-        try {
-            if (onTransition) {
-                await onTransition(transitions[selectedTransitionIndex].id);
-            }
-            if (onRefresh)
-                await onRefresh();
-            setMode('view');
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Status change failed');
-        }
-        finally {
-            setSaving(false);
-        }
-    };
     const handlePriorityUpdate = async () => {
         if (saving || priorities.length === 0 || !onSavePriority)
             return;
@@ -416,10 +943,12 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
     };
     const handleCancel = () => {
         setMode('view');
+        setTransitionLoading(false);
         setEditValue('');
         setEditingCommentId(null);
         setError(null);
         setSelectedIndex(0);
+        resetTransitionFieldFlow();
     };
     const handleDownloadAttachment = async (attachment) => {
         if (!onDownloadAttachment)
@@ -438,12 +967,33 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
     };
     // Render status selection mode
     if (mode === 'select-status') {
-        return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [error && _jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: te.accent, paddingX: 1, marginY: 1, children: [_jsxs(Text, { bold: true, color: te.accentAlt, children: ["\uD83D\uDCCB Change Status (Current: ", issue.fields.status.name, ")"] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: transitions.map((t, i) => (_jsxs(Text, { color: i === selectedTransitionIndex ? te.accentAlt : te.fg, bold: i === selectedTransitionIndex, children: [i === selectedTransitionIndex ? '▶ ' : '  ', t.name, " \u2192 ", t.to.name] }, t.id))) })] }), saving && _jsx(Text, { dimColor: true, children: "Updating status..." }), _jsx(Box, { marginTop: 1, children: _jsx(ShortcutHints, { hints: [
+        return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [error && _jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: te.accent, paddingX: 1, marginY: 1, children: [_jsxs(Text, { bold: true, color: te.accentAlt, children: ["\uD83D\uDCCB Change Status (Current: ", issue.fields.status.name, ")"] }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [transitionLoading && _jsx(Text, { color: te.muted, children: "Refreshing available transitions..." }), !transitionLoading && transitions.length === 0 && (_jsx(Text, { color: te.warning, children: "No status transitions are available from the current state." })), !transitionLoading && transitions.map((t, i) => {
+                                    const requiredCount = getRequiredTransitionFields(t).length;
+                                    return (_jsxs(Text, { color: i === selectedTransitionIndex ? te.accentAlt : te.fg, bold: i === selectedTransitionIndex, children: [i === selectedTransitionIndex ? '▶ ' : '  ', t.name, " \u2192 ", t.to.name, requiredCount > 0 ? ` (${requiredCount} required field${requiredCount > 1 ? 's' : ''})` : ''] }, t.id));
+                                })] })] }), saving && _jsx(Text, { dimColor: true, children: "Updating status..." }), _jsx(Box, { marginTop: 1, children: _jsx(ShortcutHints, { hints: [
                             { key: '↑/↓', label: 'Navigate' },
                             { key: 'Enter', label: 'Apply' },
                             { key: 'Escape', label: 'Cancel' },
                         ] }) })] }));
     }
+    if (mode === 'transition-fields') {
+        if (!activeTransition || !currentTransitionField) {
+            return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [error && _jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsx(Text, { color: te.warning, children: "Missing transition field metadata. Press Escape and retry." })] }));
+        }
+        return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [error && _jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: te.accent, paddingX: 1, marginY: 1, children: [_jsxs(Text, { bold: true, color: te.accentAlt, children: ["\uD83D\uDCCB Required Field (", transitionFieldCursor + 1, "/", transitionFieldsQueue.length, ")"] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "white", children: currentTransitionField.name }), _jsx(Text, { dimColor: true, children: getTransitionFieldInputHint(currentTransitionField.definition) })] }), isCurrentTransitionFieldSelect ? (_jsx(Box, { marginTop: 1, flexDirection: "column", children: currentTransitionAllowedValues.map((option, idx) => (_jsxs(Text, { color: idx === transitionAllowedIndex ? te.accentAlt : te.fg, bold: idx === transitionAllowedIndex, children: [idx === transitionAllowedIndex ? '▶ ' : '  ', formatAllowedValueLabel(option)] }, `${currentTransitionField.id}-${idx}`))) })) : (_jsx(Box, { marginTop: 1, borderStyle: "round", borderColor: te.accent, paddingX: 1, children: _jsx(TextInput, { value: transitionFieldInput, onChange: setTransitionFieldInput, onSubmit: submitCurrentTransitionInput, placeholder: `Enter ${currentTransitionField.name}...`, focus: !saving && !isExternalEditing }) })), !isCurrentTransitionFieldSelect && isCurrentTransitionUserField && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [transitionUserLoading && _jsx(Text, { color: te.muted, children: "Searching users..." }), !transitionUserLoading && transitionUserOptions.length > 0 && transitionUserOptions.map((user, idx) => (_jsxs(Text, { color: idx === transitionUserIndex ? te.accentAlt : te.fg, bold: idx === transitionUserIndex, children: [idx === transitionUserIndex ? '▶ ' : '  ', user.displayName, user.emailAddress ? ` (${user.emailAddress})` : ''] }, `${currentTransitionField.id}:${user.accountId}`))), !transitionUserLoading && transitionFieldInput.trim().length > 0 && transitionUserOptions.length === 0 && (_jsx(Text, { color: te.muted, children: "No matching users found. Press Enter to use the typed value." }))] }))] }), saving && _jsx(Text, { dimColor: true, children: "Updating status..." }), _jsx(Box, { marginTop: 1, children: _jsx(ShortcutHints, { hints: isCurrentTransitionFieldSelect
+                            ? [
+                                { key: '↑/↓', label: 'Choose' },
+                                { key: 'Enter', label: 'Next' },
+                                { key: 'Escape', label: 'Cancel' },
+                            ]
+                            : [
+                                ...(isCurrentTransitionUserField
+                                    ? [{ key: '↑/↓', label: 'User' }]
+                                    : []),
+                                { key: 'Enter', label: 'Next' },
+                                { key: 'Escape', label: 'Cancel' },
+                            ] }) })] }));
+    }
     // Render comment selection mode
     if (mode === 'select-comment') {
         return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [error && _jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: te.accent, paddingX: 1, marginY: 1, children: [_jsx(Text, { bold: true, color: te.accentAlt, children: "Select Comment to Edit:" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: myComments.map((c, i) => (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsxs(Text, { color: i === selectedCommentIndex ? te.accentAlt : te.fg, children: [i === selectedCommentIndex ? '▶ ' : '  ', c.created.split('T')[0], " - ", AdfConverter.adfToMarkdown(c.body).slice(0, 50), "..."] }) }, c.id || i))) })] }), _jsx(Box, { marginTop: 1, children: _jsx(ShortcutHints, { hints: [
@@ -508,14 +1058,14 @@ export function TicketDetail({ issue, baseUrl, currentAccountId, transitions = [
             'add-comment': 'Add Comment',
             'edit-comment': 'Edit Comment',
         };
-        return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [error && _jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: te.accent, paddingX: 1, marginY: 1, children: [_jsxs(Text, { bold: true, color: te.accentAlt, children: ["\u270E ", modeLabels[mode]] }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: editValue, onChange: setEditValue, onSubmit: handleSave }) })] }), saving && _jsx(Text, { dimColor: true, children: "Saving..." }), _jsx(Box, { marginTop: 1, children: _jsx(ShortcutHints, { hints: [
+        return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [error && _jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: te.accent, paddingX: 1, marginY: 1, children: [_jsxs(Text, { bold: true, color: te.accentAlt, children: ["\u270E ", modeLabels[mode]] }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: editValue, onChange: setEditValue, onSubmit: handleSave, focus: !saving && !isExternalEditing }) })] }), saving && _jsx(Text, { dimColor: true, children: "Saving..." }), _jsx(Box, { marginTop: 1, children: _jsx(ShortcutHints, { hints: [
                             { key: 'Enter', label: 'Save' },
                             { key: 'Ctrl+E', label: '$EDITOR' },
                             { key: 'Escape', label: 'Cancel' },
                         ] }) })] }));
     }
     // Render view mode with selectable items
-    return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [error && _jsxs(Text, { color: "red", children: ["Error: ", error] }), copyMessage && _jsx(Text, { color: "green", children: copyMessage }), _jsxs(Box, { children: [_jsx(Text, { bold: true, color: "white", children: issue.key }), _jsxs(Text, { color: getJiraStatusColor(issue.fields.status?.name), children: ["  ", issue.fields.status?.name] }), issue.fields.issuetype?.name && (_jsxs(Text, { color: getJiraTypeColor(issue.fields.issuetype.name), children: [" \u00B7 ", issue.fields.issuetype.name] })), issue.fields.priority?.name && (_jsxs(Text, { color: getJiraPriorityColor(issue.fields.priority.name), children: [" \u00B7 ", issue.fields.priority.name] }))] }), parentKey && (_jsx(SelectableItem, { label: "PARENT TICKET", content: _jsxs(Box, { children: [_jsx(Text, { color: te.accentAlt, children: parentKey }), parentSummary ? _jsxs(Text, { color: te.fg, children: [" ", ' - ', parentSummary] }) : null] }), isSelected: false, actionLabel: "[LINKED]", compact: true })), _jsx(SelectableItem, { label: "STATUS", content: _jsx(Text, { color: getJiraStatusColor(issue.fields.status?.name), children: issue.fields.status.name }), isSelected: isSelectedItem('status'), actionLabel: transitions.length > 0 ? "[CHANGE]" : "[VIEW]", compact: true }), _jsx(SelectableItem, { label: "ASSIGNEE", content: _jsxs(Text, { color: assigneeIsMe ? te.success : te.fg, children: [currentAssignee, assigneeIsMe ? ' (you)' : ''] }), isSelected: isSelectedItem('assignee'), actionLabel: assigneeIsMe ? "[YOU]" : "[ASSIGN]", compact: true }), _jsx(SelectableItem, { label: "PRIORITY", content: _jsx(Text, { color: getJiraPriorityColor(issue.fields.priority?.name), children: issue.fields.priority?.name || 'None' }), isSelected: isSelectedItem('priority'), actionLabel: priorities.length > 0 ? "[CHANGE]" : "[VIEW]", compact: true }), _jsx(SelectableItem, { label: "TITLE", content: _jsx(Text, { color: "white", children: issue.fields.summary }), isSelected: isSelectedItem('title'), actionLabel: "[EDIT]" }), _jsx(SelectableItem, { label: "DESCRIPTION", content: _jsxs(Box, { flexDirection: "column", children: [renderMarkdownPreview(description, isSelectedItem('description') ? descriptionPreviewLines : 1), isSelectedItem('description') && description.split('\n').length > descriptionPreviewLines && (_jsxs(Text, { dimColor: true, children: ["... (", description.split('\n').length - descriptionPreviewLines, " more lines)"] }))] }), isSelected: isSelectedItem('description'), actionLabel: "[EDIT]" }), _jsx(SelectableItem, { label: "COMMENTS", content: `${comments.length} comment${comments.length !== 1 ? 's' : ''}`, isSelected: isSelectedItem('comments'), actionLabel: "[VIEW]", compact: true }), _jsx(SelectableItem, { label: "ATTACHMENTS", content: `${attachments.length} attachment${attachments.length !== 1 ? 's' : ''}`, isSelected: isSelectedItem('attachments'), actionLabel: "[VIEW]", compact: true }), _jsx(SelectableItem, { label: "ADD COMMENT", isSelected: isSelectedItem('add-comment'), actionLabel: "[ENTER]", compact: true }), myComments.length > 0 && (_jsx(SelectableItem, { label: "EDIT MY COMMENT", content: `(${myComments.length} comment${myComments.length > 1 ? 's' : ''})`, isSelected: isSelectedItem('edit-comment'), actionLabel: "[EDIT]", compact: true })), _jsx(Box, { marginTop: 1, children: _jsx(ShortcutHints, { hints: [
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [error && _jsxs(Text, { color: "red", children: ["Error: ", error] }), copyMessage && _jsx(Text, { color: "green", children: copyMessage }), _jsxs(Box, { children: [_jsxs(Text, { bold: true, backgroundColor: te.accent, color: "black", children: [' ', issue.key, ' '] }), _jsxs(Text, { color: getJiraStatusColor(issue.fields.status?.name), children: ["  ", issue.fields.status?.name] }), issue.fields.issuetype?.name && (_jsxs(Text, { color: getJiraTypeColor(issue.fields.issuetype.name), children: [" \u00B7 ", issue.fields.issuetype.name] })), issue.fields.priority?.name && (_jsxs(Text, { color: getJiraPriorityColor(issue.fields.priority.name), children: [" \u00B7 ", issue.fields.priority.name] }))] }), parentKey && (_jsx(SelectableItem, { label: "PARENT TICKET", content: _jsxs(Box, { children: [_jsx(Text, { color: te.accentAlt, children: parentKey }), parentSummary ? _jsxs(Text, { color: te.fg, children: [" ", ' - ', parentSummary] }) : null] }), isSelected: false, actionLabel: "[LINKED]", compact: true })), _jsx(SelectableItem, { label: "STATUS", content: _jsx(Text, { color: getJiraStatusColor(issue.fields.status?.name), children: issue.fields.status.name }), isSelected: isSelectedItem('status'), actionLabel: transitions.length > 0 ? "[CHANGE]" : "[VIEW]", compact: true }), _jsx(SelectableItem, { label: "ASSIGNEE", content: _jsxs(Text, { color: assigneeIsMe ? te.success : te.fg, children: [currentAssignee, assigneeIsMe ? ' (you)' : ''] }), isSelected: isSelectedItem('assignee'), actionLabel: assigneeIsMe ? "[YOU]" : "[ASSIGN]", compact: true }), _jsx(SelectableItem, { label: "PRIORITY", content: _jsx(Text, { color: getJiraPriorityColor(issue.fields.priority?.name), children: issue.fields.priority?.name || 'None' }), isSelected: isSelectedItem('priority'), actionLabel: priorities.length > 0 ? "[CHANGE]" : "[VIEW]", compact: true }), _jsx(SelectableItem, { label: "TITLE", content: _jsx(Text, { color: "white", children: issue.fields.summary }), isSelected: isSelectedItem('title'), actionLabel: "[EDIT]" }), isEpicIssue && (_jsx(SelectableItem, { label: "ADD CHILD TICKET", content: "Create a ticket linked to this epic", isSelected: isSelectedItem('add-child-ticket'), actionLabel: "[CREATE]", compact: true })), _jsx(SelectableItem, { label: "DESCRIPTION", content: _jsxs(Box, { flexDirection: "column", children: [renderMarkdownPreview(description, isSelectedItem('description') ? descriptionPreviewLines : 1), isSelectedItem('description') && description.split('\n').length > descriptionPreviewLines && (_jsxs(Text, { dimColor: true, children: ["... (", description.split('\n').length - descriptionPreviewLines, " more lines)"] }))] }), isSelected: isSelectedItem('description'), actionLabel: "[EDIT]" }), _jsx(SelectableItem, { label: "COMMENTS", content: `${comments.length} comment${comments.length !== 1 ? 's' : ''}`, isSelected: isSelectedItem('comments'), actionLabel: "[VIEW]", compact: true }), _jsx(SelectableItem, { label: "ATTACHMENTS", content: `${attachments.length} attachment${attachments.length !== 1 ? 's' : ''}`, isSelected: isSelectedItem('attachments'), actionLabel: "[VIEW]", compact: true }), _jsx(SelectableItem, { label: "ADD COMMENT", isSelected: isSelectedItem('add-comment'), actionLabel: "[ENTER]", compact: true }), myComments.length > 0 && (_jsx(SelectableItem, { label: "EDIT MY COMMENT", content: `(${myComments.length} comment${myComments.length > 1 ? 's' : ''})`, isSelected: isSelectedItem('edit-comment'), actionLabel: "[EDIT]", compact: true })), _jsx(Box, { marginTop: 1, children: _jsx(ShortcutHints, { hints: [
                         { key: '↑/↓', label: 'Navigate' },
                         { key: 'Enter', label: 'Select' },
                         { key: 'Ctrl+O', label: 'Open' },