feat(FN-3710): retry overlap-class cluster create failures in distributed t

Adds retry logic for distributed task ID overlap conflicts across the cluster, hardening the ID allocator with exponential-backoff recovery, wiring the retry into task workflow registration, and documenting the behavior in architecture docs. Minor CSS tokenization on the Mailbox and Plugin Manager m

Fusion-Task-Id: FN-3710
This commit is contained in:
Fusion
2026-05-07 11:44:42 -07:00
committed by gsxdsm
parent 011ae14aa7
commit 9ad340bba1
8 changed files with 264 additions and 138 deletions

View File

@@ -27,11 +27,11 @@
justify-content: center;
min-width: 20px;
height: 20px;
padding: 0 6px;
padding: 0 var(--space-xs);
border-radius: 10px;
background: var(--color-error);
color: var(--fab-text);
font-size: 0.7rem;
font-size: var(--font-size-3xs, 0.7rem);
font-weight: 700;
}
@@ -46,7 +46,7 @@
flex-wrap: wrap;
gap: var(--space-sm);
padding: 0 var(--space-lg) var(--space-sm);
border-bottom: 1px solid var(--border);
border-bottom: var(--btn-border-width) solid var(--border);
}
.mailbox-tab {
@@ -76,11 +76,11 @@
justify-content: center;
min-width: 16px;
height: 16px;
padding: 0 4px;
padding: 0 var(--btn-border-width);
border-radius: var(--radius-md);
background: var(--color-error);
color: var(--fab-text);
font-size: 0.65rem;
font-size: var(--font-size-4xs, 0.65rem);
font-weight: 700;
}
@@ -96,7 +96,7 @@
.mailbox-list {
display: flex;
flex-direction: column;
gap: 2px;
gap: var(--btn-border-width);
}
.mailbox-empty {
@@ -112,7 +112,7 @@
.mailbox-empty p {
margin: 0;
font-size: 0.9rem;
font-size: var(--font-size-base, 0.9rem);
}
.mailbox-item {
@@ -156,12 +156,12 @@
align-items: center;
justify-content: space-between;
gap: var(--space-sm);
margin-bottom: 2px;
margin-bottom: var(--btn-border-width);
}
.mailbox-item-from,
.mailbox-item-to {
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
color: var(--text);
white-space: nowrap;
overflow: hidden;
@@ -169,14 +169,14 @@
}
.mailbox-item-time {
font-size: 0.75rem;
font-size: var(--font-size-2xs, 0.75rem);
color: var(--text-muted);
white-space: nowrap;
flex-shrink: 0;
}
.mailbox-item-preview {
font-size: 0.8rem;
font-size: var(--font-size-xs, 0.8rem);
color: var(--text-muted);
white-space: nowrap;
overflow: hidden;
@@ -189,14 +189,14 @@
border-radius: 50%;
background: var(--todo);
flex-shrink: 0;
margin-top: 6px;
margin-top: var(--space-xs);
}
/* Conversation grouping */
.mailbox-conversations {
display: flex;
flex-direction: column;
gap: 2px;
gap: var(--btn-border-width);
}
.mailbox-conversation-group {
@@ -225,14 +225,14 @@
justify-content: center;
min-width: 20px;
height: 20px;
padding: 0 6px;
font-size: 11px;
padding: 0 var(--space-xs);
font-size: var(--font-size-xs, 0.8rem);
font-weight: 600;
background: var(--todo);
color: var(--fab-text);
border-radius: 10px;
flex-shrink: 0;
margin-top: 6px;
margin-top: var(--space-xs);
}
/* Message detail view */
@@ -254,7 +254,7 @@
display: flex;
align-items: center;
gap: var(--space-sm);
font-size: 0.8rem;
font-size: var(--font-size-xs, 0.8rem);
color: var(--text-muted);
}
@@ -266,21 +266,21 @@
.mailbox-message-type {
display: inline-flex;
padding: 2px 8px;
border-radius: 4px;
padding: var(--btn-border-width) var(--space-sm);
border-radius: var(--radius-sm);
background: var(--bg-tertiary);
font-size: 0.75rem;
font-size: var(--font-size-2xs, 0.75rem);
color: var(--text-muted);
}
.mailbox-message-time {
font-size: 0.75rem;
font-size: var(--font-size-2xs, 0.75rem);
}
.mailbox-message-participants {
display: flex;
gap: 24px;
padding: 12px;
gap: var(--space-xl);
padding: var(--space-md);
background: var(--bg-tertiary);
border-radius: var(--radius-md);
}
@@ -288,8 +288,8 @@
.mailbox-participant {
display: flex;
align-items: center;
gap: 6px;
font-size: 0.85rem;
gap: var(--space-xs);
font-size: var(--font-size-sm, 0.85rem);
}
.mailbox-participant-label {
@@ -299,7 +299,7 @@
.mailbox-participant-value {
display: flex;
align-items: center;
gap: 4px;
gap: var(--btn-border-width);
color: var(--text);
}
@@ -307,7 +307,7 @@
padding: var(--space-lg);
background: var(--bg-secondary);
border-radius: var(--radius-md);
font-size: 0.9rem;
font-size: var(--font-size-base, 0.9rem);
line-height: 1.5;
white-space: pre-wrap;
word-break: break-word;
@@ -319,7 +319,7 @@
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--text-muted) 12%, transparent);
color: var(--text-muted);
font-size: 0.8rem;
font-size: var(--font-size-xs, 0.8rem);
line-height: 1.4;
white-space: pre-wrap;
word-break: break-word;
@@ -333,16 +333,16 @@
}
.mailbox-conversation-label {
font-size: 0.8rem;
font-size: var(--font-size-xs, 0.8rem);
color: var(--text-muted);
font-weight: 600;
}
.mailbox-conversation-msg {
padding: 8px 12px;
padding: var(--space-sm) var(--space-md);
border-radius: var(--radius-md);
background: var(--bg-tertiary);
border-left: 3px solid transparent;
border-left: calc(var(--btn-border-width) * 3) solid transparent;
}
.mailbox-conversation-msg.current {
@@ -355,13 +355,13 @@
align-items: center;
justify-content: space-between;
gap: var(--space-sm);
margin-bottom: 4px;
font-size: 0.8rem;
margin-bottom: var(--btn-border-width);
font-size: var(--font-size-xs, 0.8rem);
color: var(--text-muted);
}
.mailbox-conversation-msg-body {
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
line-height: 1.4;
white-space: pre-wrap;
word-break: break-word;
@@ -372,7 +372,7 @@
display: flex;
flex-direction: column;
gap: var(--space-md);
min-height: 300px;
min-height: calc(var(--space-xl) * 2 + var(--space-lg));
}
.mailbox-agents-dropdown {
@@ -399,7 +399,7 @@
flex: 1;
display: flex;
flex-direction: column;
gap: 2px;
gap: var(--btn-border-width);
}
/* === Mailbox Agent Sub-Tabs === */
@@ -408,14 +408,14 @@
flex-direction: row;
gap: var(--space-sm);
padding: var(--space-sm) 0;
border-bottom: 1px solid var(--border);
border-bottom: var(--btn-border-width) solid var(--border);
}
.mailbox-agent-subtab {
justify-content: center;
min-height: 30px;
min-height: calc(var(--space-lg) + var(--space-sm) - var(--btn-border-width));
padding: var(--space-xs) var(--space-md);
font-size: 0.8rem;
font-size: var(--font-size-xs, 0.8rem);
color: var(--text-muted);
border-color: var(--border);
background: var(--surface);
@@ -433,8 +433,8 @@
}
.mailbox-agent-subtab .mailbox-tab-badge {
margin-left: 4px;
font-size: 0.7rem;
margin-left: var(--btn-border-width);
font-size: var(--font-size-3xs, 0.7rem);
}
/* Skeleton loading */
@@ -448,7 +448,7 @@
display: flex;
align-items: flex-start;
gap: var(--space-md);
padding: 12px;
padding: var(--space-md);
}
.mailbox-skeleton-avatar {
@@ -463,12 +463,12 @@
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
gap: var(--space-xs);
}
.mailbox-skeleton-line {
height: 12px;
border-radius: 4px;
border-radius: var(--radius-sm);
background: var(--bg-tertiary);
animation: pulse 1.5s ease-in-out infinite;
}
@@ -493,7 +493,7 @@
.mailbox-view .mailbox-header {
padding: var(--space-lg) var(--space-xl);
border-bottom: 1px solid var(--border);
border-bottom: var(--btn-border-width) solid var(--border);
background: var(--surface);
}
@@ -520,7 +520,7 @@
.mailbox-view .mailbox-split-detail-pane {
min-height: 0;
overflow-y: auto;
border: 1px solid var(--border);
border: var(--btn-border-width) solid var(--border);
border-radius: var(--radius-md);
background: var(--surface);
padding: var(--space-md);
@@ -606,7 +606,7 @@
.mailbox-modal .mailbox-tab {
flex-shrink: 0;
padding: var(--space-sm) var(--space-md);
font-size: 0.8rem;
font-size: var(--font-size-xs, 0.8rem);
}
.mailbox-modal .mailbox-content {
@@ -679,7 +679,7 @@
.mailbox-view .mailbox-tab {
flex-shrink: 0;
padding: var(--space-sm) var(--space-md);
font-size: 0.8rem;
font-size: var(--font-size-xs, 0.8rem);
}
.mailbox-view .mailbox-content {
@@ -747,7 +747,7 @@
/* Message Composer mobile overrides */
.message-composer-textarea {
min-height: 80px;
min-height: calc(var(--space-2xl) + var(--space-lg));
}
.message-composer-footer {
@@ -761,7 +761,7 @@
.message-composer-field {
flex-direction: column;
gap: 4px;
gap: var(--btn-border-width);
}
.message-composer-label {
@@ -775,7 +775,7 @@
.message-composer {
display: flex;
flex-direction: column;
gap: 16px;
gap: var(--space-lg);
}
.message-composer-header {
@@ -783,7 +783,7 @@
align-items: center;
justify-content: space-between;
font-weight: 600;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.95rem);
}
.message-composer-body {
@@ -803,21 +803,21 @@
}
.message-composer-label {
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
color: var(--text-muted);
min-width: 60px;
padding-top: 6px;
min-width: calc(var(--space-xl) + var(--space-lg) + var(--space-sm) + var(--btn-border-width));
padding-top: var(--space-xs);
flex-shrink: 0;
}
.message-composer-select {
flex: 1;
padding: 6px 10px;
border: 1px solid var(--border);
padding: var(--space-xs) calc(var(--space-sm) + var(--btn-border-width));
border: var(--btn-border-width) solid var(--border);
border-radius: var(--radius-sm);
background: var(--bg-secondary);
color: var(--text);
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
font-family: var(--font-primary);
outline: none;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
@@ -836,25 +836,25 @@
.message-composer-recipient-fixed {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
gap: var(--space-xs);
padding: var(--space-sm) var(--space-md);
background: var(--bg-tertiary);
border-radius: var(--radius-sm);
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
color: var(--text);
}
.message-composer-textarea {
width: 100%;
padding: 6px 10px;
border: 1px solid var(--border);
padding: var(--space-xs) calc(var(--space-sm) + var(--btn-border-width));
border: var(--btn-border-width) solid var(--border);
border-radius: var(--radius-sm);
background: var(--bg-secondary);
color: var(--text);
font-size: 0.9rem;
font-size: var(--font-size-base, 0.9rem);
font-family: var(--font-primary);
resize: vertical;
min-height: 100px;
min-height: calc(var(--space-2xl) + var(--space-xl) + var(--space-md));
line-height: 1.5;
outline: none;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
@@ -872,7 +872,7 @@
.message-composer-charcount {
text-align: right;
font-size: 0.75rem;
font-size: var(--font-size-2xs, 0.75rem);
color: var(--text-muted);
}
@@ -888,7 +888,7 @@
display: flex;
align-items: center;
gap: var(--space-sm);
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
color: var(--text-muted);
cursor: pointer;
}
@@ -903,7 +903,7 @@
.message-composer-wake-hint {
margin-left: var(--space-xs);
font-size: 0.75rem;
font-size: var(--font-size-2xs, 0.75rem);
color: var(--text-muted);
}
@@ -915,7 +915,7 @@
background: color-mix(in srgb, var(--color-error) 10%, transparent);
border-radius: var(--radius-sm);
color: var(--color-error);
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
}
.message-composer-footer {

View File

@@ -19,7 +19,7 @@
}
.plugin-manager-header-title {
font-size: 13px;
font-size: var(--font-size-sm, 0.85rem);
font-weight: 600;
color: var(--text);
flex: 1;
@@ -43,7 +43,7 @@
.plugin-install-hint {
margin: 0;
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
color: var(--text-secondary, var(--text-muted));
line-height: 1.45;
}
@@ -97,7 +97,7 @@
}
.plugin-version {
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
}
.plugin-state-badge {
@@ -105,7 +105,7 @@
align-items: center;
padding: var(--space-xs) var(--space-sm);
border-radius: var(--radius-pill);
font-size: 0.7rem;
font-size: var(--font-size-3xs, 0.7rem);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
@@ -157,7 +157,7 @@
}
.plugin-description {
font-size: 0.95rem;
font-size: var(--font-size-md, 0.95rem);
color: var(--text-secondary, var(--text-muted));
line-height: 1.5;
}
@@ -166,7 +166,7 @@
display: flex;
align-items: center;
gap: var(--space-xs);
font-size: 0.9rem;
font-size: var(--font-size-base, 0.9rem);
color: var(--text-muted);
}
@@ -180,7 +180,7 @@
align-items: center;
gap: var(--space-xs);
color: var(--color-info);
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
flex-wrap: wrap;
overflow-wrap: anywhere;
}
@@ -189,7 +189,7 @@
margin: 0;
padding: 0;
border: 0;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.95rem);
}
.plugin-settings-form {
@@ -212,7 +212,7 @@
.plugin-settings-group-heading {
margin: 0;
font-size: 0.8rem;
font-size: var(--font-size-xs, 0.8rem);
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
@@ -317,12 +317,12 @@
.plugin-builtins-heading {
margin: 0;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.95rem);
}
.plugin-builtins-description {
margin: 0;
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
color: var(--text-muted);
}
@@ -356,7 +356,7 @@
.plugin-builtins-name {
color: var(--text);
font-size: 0.9rem;
font-size: var(--font-size-base, 0.9rem);
font-weight: 500;
}
@@ -367,7 +367,7 @@
border-radius: var(--radius-pill);
background: var(--status-in-review-bg);
color: var(--in-review);
font-size: 0.75rem;
font-size: var(--font-size-2xs, 0.75rem);
font-weight: 600;
text-transform: uppercase;
}
@@ -377,7 +377,7 @@
align-items: center;
padding: var(--btn-border-width) var(--space-xs);
border-radius: var(--radius-pill);
font-size: 0.75rem;
font-size: var(--font-size-2xs, 0.75rem);
font-weight: 600;
text-transform: uppercase;
}
@@ -397,7 +397,7 @@
align-items: center;
padding: var(--btn-border-width) var(--space-xs);
border-radius: var(--radius-pill);
font-size: 0.75rem;
font-size: var(--font-size-2xs, 0.75rem);
font-weight: 600;
text-transform: uppercase;
}
@@ -425,12 +425,12 @@
.plugin-builtins-description-text {
flex: 1 1 100%;
color: var(--text-muted);
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
}
.plugin-builtins-metadata-only {
color: var(--text-muted);
font-size: 0.8rem;
font-size: var(--font-size-xs, 0.8rem);
font-weight: 600;
text-transform: uppercase;
}
@@ -465,7 +465,7 @@
.plugin-bundled-runtime-name {
color: var(--text);
font-size: 0.9rem;
font-size: var(--font-size-base, 0.9rem);
font-weight: 500;
}
@@ -476,7 +476,7 @@
border-radius: var(--radius-pill);
background: var(--status-in-review-bg);
color: var(--in-review);
font-size: 0.75rem;
font-size: var(--font-size-2xs, 0.75rem);
font-weight: 600;
text-transform: uppercase;
}
@@ -495,12 +495,12 @@
.plugin-bundled-runtime-heading {
margin: 0;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.95rem);
}
.plugin-bundled-runtime-description {
margin: 0;
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.85rem);
color: var(--text-muted);
}
@@ -509,7 +509,7 @@
align-items: center;
padding: var(--btn-border-width) var(--space-xs);
border-radius: var(--radius-pill);
font-size: 0.75rem;
font-size: var(--font-size-2xs, 0.75rem);
font-weight: 600;
text-transform: uppercase;
}