agl 22.0.0 → 22.0.1

package/ts_web/elements.harnesscontrollerapp.ts

@@ -796,6 +796,9 @@ export class HarnessControllerApp extends plugins.deesElement.DeesElement {
   @plugins.deesElement.state()
   accessor workspaceError = '';
 
+  @plugins.deesElement.state()
+  accessor sessionLayoutError = '';
+
   @plugins.deesElement.state()
   accessor workspaceNotice = '';
 
@@ -1403,6 +1406,11 @@ export class HarnessControllerApp extends plugins.deesElement.DeesElement {
         line-height: 1.4;
       }
 
+      .sessionLayoutError {
+        flex: 0 0 auto;
+        margin: 0 var(--dees-spacing-sm) var(--dees-spacing-xs);
+      }
+
       .sidebarHeader {
         display: flex;
         align-items: center;
@@ -2042,6 +2050,7 @@ export class HarnessControllerApp extends plugins.deesElement.DeesElement {
     this.draftSessionActive = false;
     this.activeMutationId = undefined;
     this.workspaceError = '';
+    this.sessionLayoutError = '';
     this.workspaceNotice = '';
     this.clearAnsweredCardCaches();
     this.clearSubagentModalState();
@@ -2565,6 +2574,7 @@ export class HarnessControllerApp extends plugins.deesElement.DeesElement {
         this.invalidateDetailLoad();
         this.invalidateSlashCatalog();
         this.sessionDetail = undefined;
+        this.sessionLayoutError = '';
       }
     } catch (error) {
       if (requestId === this.projectsRequestId && this.isCurrentConnection(generation)) {
@@ -7241,8 +7251,17 @@ export class HarnessControllerApp extends plugins.deesElement.DeesElement {
       this.confirmedSessionLayouts.set(projectId, layout);
       this.applySessionLayout(layout);
       this.groupsLoadedForProjectId = projectId;
-    } catch {
-      // Groups are sidebar decoration; the chat list works without them.
+      this.sessionLayoutError = '';
+    } catch (error) {
+      if (
+        requestId === this.layoutRequestId
+        && this.authenticated
+        && this.isCurrentConnection(generation)
+        && this.selectedProjectId === projectId
+        && this.projects.some((project) => project.id === projectId)
+      ) {
+        this.sessionLayoutError = `Conversation groups could not be loaded: ${errorMessage(error)}`;
+      }
     }
   }
 
@@ -8183,6 +8202,7 @@ export class HarnessControllerApp extends plugins.deesElement.DeesElement {
     this.sessionGroups = [];
     this.ungroupedSessionIds = [];
     this.groupsLoadedForProjectId = '';
+    this.sessionLayoutError = '';
     this.terminals = [];
     this.resources = [];
     this.selectedResourceId = '';
@@ -8264,6 +8284,7 @@ export class HarnessControllerApp extends plugins.deesElement.DeesElement {
         this.draftSessionDetailReadyId = undefined;
         this.draftSessionActive = false;
         this.selectedProjectId = '';
+        this.sessionLayoutError = '';
         this.selectedSessionId = undefined;
         this.invalidateDetailLoad();
         this.invalidateSlashCatalog();
@@ -8372,6 +8393,7 @@ export class HarnessControllerApp extends plugins.deesElement.DeesElement {
       this.draftSessionDetailReadyId = undefined;
       this.draftSessionActive = false;
       this.selectedProjectId = response.project.id;
+      this.sessionLayoutError = '';
       this.selectedSessionId = undefined;
       this.invalidateDetailLoad();
       this.invalidateSlashCatalog();
@@ -10545,6 +10567,14 @@ export class HarnessControllerApp extends plugins.deesElement.DeesElement {
                 New
               </dees-button>
             </div>
+            ${this.sessionLayoutError
+              ? plugins.deesElement.html`
+                  <div class="projectCreateError sessionLayoutError" role="alert">
+                    <dees-icon icon="lucide:TriangleAlert" iconSize="13"></dees-icon>
+                    <span>${this.sessionLayoutError}</span>
+                  </div>
+                `
+              : ''}
             <dees-harness-session-list
               .sessions=${sessionMetas}
               .selectedSessionId=${selectedUiKey}