| 2056 | } |
| 2057 | |
| 2058 | renderError(error: Error): void { |
| 2059 | // Use correct document for pop-out window support |
| 2060 | const doc = this.containerEl.ownerDocument; |
| 2061 | const errorEl = doc.createElement("div"); |
| 2062 | errorEl.className = "tn-bases-error"; |
| 2063 | errorEl.classList.remove( |
| 2064 | "tn-static-border-radius-4px-c290c56e", |
| 2065 | "tn-static-border-radius-6px-0dc8408c", |
| 2066 | "tn-static-color-var-color-accent-d2cad743", |
| 2067 | "tn-static-color-var-text-accent-65b47ee3", |
| 2068 | "tn-static-color-var-text-muted-5872de20", |
| 2069 | "tn-static-color-var-text-on-accent-f3e1679d", |
| 2070 | "tn-static-color-var-text-warning-783d5f03", |
| 2071 | "tn-static-color-var-tn-text-muted-a90fb6f3", |
| 2072 | "tn-static-color-white-0a43e56a", |
| 2073 | "tn-static-cursor-pointer-2723efcc", |
| 2074 | "tn-static-font-size-12px-65574819", |
| 2075 | "tn-static-font-weight-bold-0fe8c30d", |
| 2076 | "tn-static-font-weight-bold-e0b452bd", |
| 2077 | "tn-static-margin-0-11696618", |
| 2078 | "tn-static-margin-0-auto-266e9b04", |
| 2079 | "tn-static-margin-0-db0d5f36", |
| 2080 | "tn-static-margin-0-var-size-4-2-77f7dc08", |
| 2081 | "tn-static-margin-2px-0-edce9b14", |
| 2082 | "tn-static-margin-8px-0-0-0-a2eb8382", |
| 2083 | "tn-static-padding-0-16px-16px-16px-f1aa998c", |
| 2084 | "tn-static-padding-0-41d7d7e2", |
| 2085 | "tn-static-padding-12px-43bef435", |
| 2086 | "tn-static-padding-16px-287f770e", |
| 2087 | "tn-static-padding-20px-769fed37", |
| 2088 | "tn-static-padding-20px-7a035d95", |
| 2089 | "tn-static-padding-2px-8px-c8eea84a", |
| 2090 | "tn-static-padding-2rem-42aa6d9c" |
| 2091 | ); |
| 2092 | errorEl.classList.add("tn-static-padding-20px-ebe8e48c"); |
| 2093 | errorEl.textContent = `Error loading tasks: ${error.message || "Unknown error"}`; |
| 2094 | this.itemsContainer!.appendChild(errorEl); |
| 2095 | } |
| 2096 | |
| 2097 | /** |
| 2098 | * Render group title using shared utility. |