Skip to content

Commit b9950d4

Browse files
newbe36524hagicode-ai
newbe36524
and
hagicode-ai
committed
docs(screenshots): add conversation session quick-start screenshots
主要变更： - 添加 5 个对话会话快速开始截图（带元数据和 AI 分析） - 新增截图扫描报告文件 - 包含创建会话、聊天视图、编辑模式和插入图片的完整流程 Co-Authored-By: Hagicode <noreply@hagicode.com>
1 parent 870511e commit b9950d4

11 files changed

Lines changed: 765 additions & 0 deletions

File tree

‎artifacts/screenshot-report.json‎

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
{
2+
"summary": {
3+
"generatedAt": "2026-03-28T15:34:32.818Z",
4+
"inputDirectory": "screenshot-staging",
5+
"outputPath": "artifacts/screenshot-report.json",
6+
"supportedExtensions": [
7+
".jpg",
8+
".jpeg",
9+
".png",
10+
".webp"
11+
],
12+
"scannedFileCount": 5,
13+
"successCount": 5,
14+
"failureCount": 0
15+
},
16+
"entries": [
17+
{
18+
"relativePath": "quick-start/create-conversation-session/01-create-with-default-hero.png",
19+
"fileName": "01-create-with-default-hero.png",
20+
"extension": ".png",
21+
"mimeType": "image/png",
22+
"sizeBytes": 146373,
23+
"createdAt": "2026-03-28T15:09:05.791Z",
24+
"modifiedAt": "2026-03-28T15:05:48.065Z",
25+
"width": 1034,
26+
"height": 676
27+
},
28+
{
29+
"relativePath": "quick-start/create-conversation-session/02-create-with-selected-hero.png",
30+
"fileName": "02-create-with-selected-hero.png",
31+
"extension": ".png",
32+
"mimeType": "image/png",
33+
"sizeBytes": 604311,
34+
"createdAt": "2026-03-28T15:09:05.789Z",
35+
"modifiedAt": "2026-03-28T15:06:03.947Z",
36+
"width": 1877,
37+
"height": 1180
38+
},
39+
{
40+
"relativePath": "quick-start/create-conversation-session/03-chat-view-readonly.png",
41+
"fileName": "03-chat-view-readonly.png",
42+
"extension": ".png",
43+
"mimeType": "image/png",
44+
"sizeBytes": 426412,
45+
"createdAt": "2026-03-28T15:09:05.787Z",
46+
"modifiedAt": "2026-03-28T15:07:31.069Z",
47+
"width": 2243,
48+
"height": 1975
49+
},
50+
{
51+
"relativePath": "quick-start/create-conversation-session/04-edit-mode-controls.png",
52+
"fileName": "04-edit-mode-controls.png",
53+
"extension": ".png",
54+
"mimeType": "image/png",
55+
"sizeBytes": 214398,
56+
"createdAt": "2026-03-28T15:09:05.788Z",
57+
"modifiedAt": "2026-03-28T15:06:45.531Z",
58+
"width": 1764,
59+
"height": 959
60+
},
61+
{
62+
"relativePath": "quick-start/create-conversation-session/05-insert-image.png",
63+
"fileName": "05-insert-image.png",
64+
"extension": ".png",
65+
"mimeType": "image/png",
66+
"sizeBytes": 178872,
67+
"createdAt": "2026-03-28T15:09:05.783Z",
68+
"modifiedAt": "2026-03-28T15:08:04.426Z",
69+
"width": 1615,
70+
"height": 725
71+
}
72+
],
73+
"failures": []
74+
}

‎src/content/docs/img/screenshots/quick-start/create-conversation-session/01-create-with-default-hero/metadata.json‎

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
{
2+
"schemaVersion": 2,
3+
"assetId": "01-create-with-default-hero",
4+
"slug": "01-create-with-default-hero",
5+
"title": "HagiCode task list with avatar menu highlighted",
6+
"tags": [
7+
"hagicode",
8+
"admin-ui",
9+
"task-list",
10+
"status-badges",
11+
"avatar-menu",
12+
"annotated-screenshot"
13+
],
14+
"source": {
15+
"type": "imported",
16+
"originalPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/screenshot-staging/quick-start/create-conversation-session/01-create-with-default-hero.png",
17+
"importedAt": "2026-03-28T15:34:33.152Z"
18+
},
19+
"paths": {
20+
"assetDir": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/src/content/docs/img/screenshots/quick-start/create-conversation-session/01-create-with-default-hero",
21+
"original": "original.png"
22+
},
23+
"generated": {
24+
"tags": [],
25+
"title": "01 Create With Default Hero"
26+
},
27+
"status": {
28+
"generation": "skipped",
29+
"recognition": "succeeded",
30+
"thumbnail": "skipped"
31+
},
32+
"providerPayload": {
33+
"analysis": {
34+
"provider": "codex-cli",
35+
"model": "gpt-5.4",
36+
"provenance": {
37+
"providerId": "codex",
38+
"provider": "codex-cli",
39+
"model": "gpt-5.4",
40+
"promptId": "default-analysis-prompt.txt",
41+
"promptPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/node_modules/@hagicode/imgbin/prompts/default-analysis-prompt.txt",
42+
"promptSourceType": "default",
43+
"sceneType": "admin-ui",
44+
"attempt": 1,
45+
"mode": "initial",
46+
"updatedAt": "2026-03-28T15:34:49.581Z",
47+
"analysisContextType": "file",
48+
"analysisContextPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/prompts/screenshot-analysis-context.txt",
49+
"analysisContextPreview": "HagiCode docs screenshot analysis context Use this file as auxiliary context for screenshots managed under repos/docs. T"
50+
},
51+
"validation": {
52+
"accepted": true,
53+
"diagnostics": []
54+
},
55+
"retryHistory": [],
56+
"raw": {
57+
"title": "HagiCode task list with avatar menu highlighted",
58+
"tags": [
59+
"hagicode",
60+
"admin-ui",
61+
"task-list",
62+
"status-badges",
63+
"avatar-menu",
64+
"annotated-screenshot"
65+
],
66+
"description": "A dark green HagiCode interface shows a list of items with Chinese titles and green Execution Complete badges, while a red arrow points to the top avatar dropdown."
67+
}
68+
},
69+
"vision": {
70+
"title": "HagiCode task list with avatar menu highlighted",
71+
"tags": [
72+
"hagicode",
73+
"admin-ui",
74+
"task-list",
75+
"status-badges",
76+
"avatar-menu",
77+
"annotated-screenshot"
78+
],
79+
"description": "A dark green HagiCode interface shows a list of items with Chinese titles and green Execution Complete badges, while a red arrow points to the top avatar dropdown."
80+
}
81+
},
82+
"timestamps": {
83+
"createdAt": "2026-03-28T15:34:33.152Z",
84+
"updatedAt": "2026-03-28T15:34:49.593Z"
85+
},
86+
"recognized": {
87+
"title": "HagiCode task list with avatar menu highlighted",
88+
"tags": [
89+
"hagicode",
90+
"admin-ui",
91+
"task-list",
92+
"status-badges",
93+
"avatar-menu",
94+
"annotated-screenshot"
95+
],
96+
"description": "A dark green HagiCode interface shows a list of items with Chinese titles and green Execution Complete badges, while a red arrow points to the top avatar dropdown.",
97+
"provider": "codex-cli",
98+
"providerId": "codex",
99+
"model": "gpt-5.4",
100+
"updatedAt": "2026-03-28T15:34:49.581Z",
101+
"overwriteApplied": false,
102+
"promptId": "default-analysis-prompt.txt",
103+
"promptPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/node_modules/@hagicode/imgbin/prompts/default-analysis-prompt.txt",
104+
"promptSourceType": "default",
105+
"sceneType": "admin-ui",
106+
"provenance": {
107+
"providerId": "codex",
108+
"provider": "codex-cli",
109+
"model": "gpt-5.4",
110+
"promptId": "default-analysis-prompt.txt",
111+
"promptPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/node_modules/@hagicode/imgbin/prompts/default-analysis-prompt.txt",
112+
"promptSourceType": "default",
113+
"sceneType": "admin-ui",
114+
"attempt": 1,
115+
"mode": "initial",
116+
"updatedAt": "2026-03-28T15:34:49.581Z",
117+
"analysisContextType": "file",
118+
"analysisContextPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/prompts/screenshot-analysis-context.txt",
119+
"analysisContextPreview": "HagiCode docs screenshot analysis context Use this file as auxiliary context for screenshots managed under repos/docs. T"
120+
},
121+
"validation": {
122+
"accepted": true,
123+
"diagnostics": []
124+
},
125+
"retryHistory": []
126+
},
127+
"description": "A dark green HagiCode interface shows a list of items with Chinese titles and green Execution Complete badges, while a red arrow points to the top avatar dropdown.",
128+
"extra": {
129+
"docsScreenshot": {
130+
"category": "quick-start/create-conversation-session",
131+
"categorySegments": [
132+
"quick-start",
133+
"create-conversation-session"
134+
],
135+
"relativeSourcePath": "quick-start/create-conversation-session/01-create-with-default-hero.png",
136+
"duplicateStrategy": "direct"
137+
}
138+
}
139+
}

‎src/content/docs/img/screenshots/quick-start/create-conversation-session/01-create-with-default-hero/original.png‎

143 KB
Loading

‎src/content/docs/img/screenshots/quick-start/create-conversation-session/02-create-with-selected-hero/metadata.json‎

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
{
2+
"schemaVersion": 2,
3+
"assetId": "02-create-with-selected-hero",
4+
"slug": "02-create-with-selected-hero",
5+
"title": "HagiCode presets panel with hero selection",
6+
"tags": [
7+
"admin-ui",
8+
"presets",
9+
"hero-selection",
10+
"session-list",
11+
"dark-theme",
12+
"modal-panel"
13+
],
14+
"source": {
15+
"type": "imported",
16+
"originalPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/screenshot-staging/quick-start/create-conversation-session/02-create-with-selected-hero.png",
17+
"importedAt": "2026-03-28T15:34:49.743Z"
18+
},
19+
"paths": {
20+
"assetDir": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/src/content/docs/img/screenshots/quick-start/create-conversation-session/02-create-with-selected-hero",
21+
"original": "original.png"
22+
},
23+
"generated": {
24+
"tags": [],
25+
"title": "02 Create With Selected Hero"
26+
},
27+
"status": {
28+
"generation": "skipped",
29+
"recognition": "succeeded",
30+
"thumbnail": "skipped"
31+
},
32+
"providerPayload": {
33+
"analysis": {
34+
"provider": "codex-cli",
35+
"model": "gpt-5.4",
36+
"provenance": {
37+
"providerId": "codex",
38+
"provider": "codex-cli",
39+
"model": "gpt-5.4",
40+
"promptId": "default-analysis-prompt.txt",
41+
"promptPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/node_modules/@hagicode/imgbin/prompts/default-analysis-prompt.txt",
42+
"promptSourceType": "default",
43+
"sceneType": "admin-ui",
44+
"attempt": 1,
45+
"mode": "initial",
46+
"updatedAt": "2026-03-28T15:35:03.670Z",
47+
"analysisContextType": "file",
48+
"analysisContextPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/prompts/screenshot-analysis-context.txt",
49+
"analysisContextPreview": "HagiCode docs screenshot analysis context Use this file as auxiliary context for screenshots managed under repos/docs. T"
50+
},
51+
"validation": {
52+
"accepted": true,
53+
"diagnostics": []
54+
},
55+
"retryHistory": [],
56+
"raw": {
57+
"title": "HagiCode presets panel with hero selection",
58+
"tags": [
59+
"admin-ui",
60+
"presets",
61+
"hero-selection",
62+
"session-list",
63+
"dark-theme",
64+
"modal-panel"
65+
],
66+
"description": "A dark HagiCode interface shows a Presets panel for chatting with a hero, with provider tabs, avatar cards, and a session list with status badges on the left."
67+
}
68+
},
69+
"vision": {
70+
"title": "HagiCode presets panel with hero selection",
71+
"tags": [
72+
"admin-ui",
73+
"presets",
74+
"hero-selection",
75+
"session-list",
76+
"dark-theme",
77+
"modal-panel"
78+
],
79+
"description": "A dark HagiCode interface shows a Presets panel for chatting with a hero, with provider tabs, avatar cards, and a session list with status badges on the left."
80+
}
81+
},
82+
"timestamps": {
83+
"createdAt": "2026-03-28T15:34:49.743Z",
84+
"updatedAt": "2026-03-28T15:35:03.677Z"
85+
},
86+
"recognized": {
87+
"title": "HagiCode presets panel with hero selection",
88+
"tags": [
89+
"admin-ui",
90+
"presets",
91+
"hero-selection",
92+
"session-list",
93+
"dark-theme",
94+
"modal-panel"
95+
],
96+
"description": "A dark HagiCode interface shows a Presets panel for chatting with a hero, with provider tabs, avatar cards, and a session list with status badges on the left.",
97+
"provider": "codex-cli",
98+
"providerId": "codex",
99+
"model": "gpt-5.4",
100+
"updatedAt": "2026-03-28T15:35:03.670Z",
101+
"overwriteApplied": false,
102+
"promptId": "default-analysis-prompt.txt",
103+
"promptPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/node_modules/@hagicode/imgbin/prompts/default-analysis-prompt.txt",
104+
"promptSourceType": "default",
105+
"sceneType": "admin-ui",
106+
"provenance": {
107+
"providerId": "codex",
108+
"provider": "codex-cli",
109+
"model": "gpt-5.4",
110+
"promptId": "default-analysis-prompt.txt",
111+
"promptPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/node_modules/@hagicode/imgbin/prompts/default-analysis-prompt.txt",
112+
"promptSourceType": "default",
113+
"sceneType": "admin-ui",
114+
"attempt": 1,
115+
"mode": "initial",
116+
"updatedAt": "2026-03-28T15:35:03.670Z",
117+
"analysisContextType": "file",
118+
"analysisContextPath": "/home/newbe36524/repos/newbe36524/hagicode-mono/repos/docs/prompts/screenshot-analysis-context.txt",
119+
"analysisContextPreview": "HagiCode docs screenshot analysis context Use this file as auxiliary context for screenshots managed under repos/docs. T"
120+
},
121+
"validation": {
122+
"accepted": true,
123+
"diagnostics": []
124+
},
125+
"retryHistory": []
126+
},
127+
"description": "A dark HagiCode interface shows a Presets panel for chatting with a hero, with provider tabs, avatar cards, and a session list with status badges on the left.",
128+
"extra": {
129+
"docsScreenshot": {
130+
"category": "quick-start/create-conversation-session",
131+
"categorySegments": [
132+
"quick-start",
133+
"create-conversation-session"
134+
],
135+
"relativeSourcePath": "quick-start/create-conversation-session/02-create-with-selected-hero.png",
136+
"duplicateStrategy": "direct"
137+
}
138+
}
139+
}

‎src/content/docs/img/screenshots/quick-start/create-conversation-session/02-create-with-selected-hero/original.png‎

590 KB
Loading

0 commit comments

Comments
 (0)