diff --git a/README.md b/README.md
index b44926506..0b4587d39 100644
--- a/README.md
+++ b/README.md
@@ -215,6 +215,26 @@ https://github.com/user-attachments/assets/c142c43f-2fe9-4030-8196-b3bfd4c6977d
### Developer APIs
+
+ v1.3.34: Register about panel badges
+
+```js
+app.registerExtension({
+ name: 'TestExtension1',
+ aboutPageBadges: [
+ {
+ label: 'Test Badge',
+ url: 'https://example.com',
+ icon: 'pi pi-box'
+ }
+ ]
+})
+```
+
+
+
+
+
v1.3.22: Register bottom panel tabs
diff --git a/browser_tests/extensionAPI.spec.ts b/browser_tests/extensionAPI.spec.ts
index 01fbfd24a..6114efe2d 100644
--- a/browser_tests/extensionAPI.spec.ts
+++ b/browser_tests/extensionAPI.spec.ts
@@ -134,4 +134,27 @@ test.describe('Topbar commands', () => {
expect(await comfyPage.page.evaluate(() => window['changeCount'])).toBe(2)
})
})
+
+ test.describe('About panel', () => {
+ test('Should allow adding badges', async ({ comfyPage }) => {
+ await comfyPage.page.evaluate(() => {
+ window['app'].registerExtension({
+ name: 'TestExtension1',
+ aboutPageBadges: [
+ {
+ label: 'Test Badge',
+ url: 'https://example.com',
+ icon: 'pi pi-box'
+ }
+ ]
+ })
+ })
+
+ await comfyPage.settingDialog.open()
+ await comfyPage.settingDialog.goToAboutPanel()
+ const badge = comfyPage.page.locator('.about-badge').last()
+ expect(badge).toBeDefined()
+ expect(await badge.textContent()).toContain('Test Badge')
+ })
+ })
})
diff --git a/browser_tests/fixtures/components/SettingDialog.ts b/browser_tests/fixtures/components/SettingDialog.ts
index ee1e7fad4..328d89de3 100644
--- a/browser_tests/fixtures/components/SettingDialog.ts
+++ b/browser_tests/fixtures/components/SettingDialog.ts
@@ -31,4 +31,10 @@ export class SettingDialog {
)
await settingInputDiv.locator('input').click()
}
+
+ async goToAboutPanel() {
+ const aboutButton = this.page.locator('li[aria-label="About"]')
+ await aboutButton.click()
+ await this.page.waitForSelector('div.about-container')
+ }
}
diff --git a/src/components/dialog/content/setting/AboutPanel.vue b/src/components/dialog/content/setting/AboutPanel.vue
index cd30aff2c..f98452f02 100644
--- a/src/components/dialog/content/setting/AboutPanel.vue
+++ b/src/components/dialog/content/setting/AboutPanel.vue
@@ -1,20 +1,21 @@
-
+
{{ $t('about') }}
@@ -30,35 +31,14 @@