cotutor 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +247 -21
- package/NOTICE +42 -0
- package/README.md +92 -20
- package/bin/cotutor.js +4 -4
- package/cards/canvas/card.css +8 -0
- package/cards/canvas/card.md +68 -0
- package/cards/choice/card.css +18 -0
- package/cards/choice/card.md +55 -0
- package/cards/code/card.css +5 -0
- package/cards/code/card.md +46 -0
- package/cards/dictation/card.css +10 -0
- package/cards/dictation/card.md +97 -0
- package/cards/image/card.css +10 -0
- package/cards/image/card.md +52 -0
- package/cards/lecture/card.css +9 -0
- package/cards/lecture/card.md +69 -0
- package/cards/paint/card.css +20 -0
- package/cards/paint/card.md +77 -0
- package/cards/photo/card.css +15 -0
- package/cards/photo/card.md +61 -0
- package/cards/read/card.css +6 -0
- package/cards/read/card.md +51 -0
- package/cards/text/card.css +3 -0
- package/cards/text/card.md +69 -0
- package/cards/tianzige/card.css +17 -0
- package/cards/tianzige/card.md +78 -0
- package/cards/tutor/card.css +66 -0
- package/cards/tutor/card.md +148 -0
- package/cards/word/card.css +24 -0
- package/cards/word/card.md +91 -0
- package/cards//346/235/277/344/271/246/346/200/216/344/271/210/345/206/231.md +159 -0
- package/dist/app/activity-eval-rules.d.ts +62 -0
- package/dist/app/activity-eval-rules.js +276 -0
- package/dist/app/activity-eval.d.ts +65 -0
- package/dist/app/activity-eval.js +158 -0
- package/dist/app/build.d.ts +11 -0
- package/dist/app/build.js +45 -0
- package/dist/app/cli/activities.d.ts +63 -0
- package/dist/app/cli/activities.js +158 -0
- package/dist/{cli → app/cli}/cert.js +3 -3
- package/dist/app/cli/chalk/bake.d.ts +10 -0
- package/dist/app/cli/chalk/bake.js +58 -0
- package/dist/app/cli/chalk/browser.d.ts +16 -0
- package/dist/app/cli/chalk/browser.js +142 -0
- package/dist/app/cli/chalk/build.d.ts +14 -0
- package/dist/app/cli/chalk/build.js +100 -0
- package/dist/app/cli/chalk/dub.d.ts +51 -0
- package/dist/app/cli/chalk/dub.js +106 -0
- package/dist/app/cli/chalk/load-scene.d.ts +34 -0
- package/dist/app/cli/chalk/load-scene.js +117 -0
- package/dist/app/cli/chalk/main.d.ts +7 -0
- package/dist/app/cli/chalk/main.js +198 -0
- package/dist/app/cli/chalk/serve.d.ts +4 -0
- package/dist/app/cli/chalk/serve.js +28 -0
- package/dist/app/cli/chalk/snap.d.ts +65 -0
- package/dist/app/cli/chalk/snap.js +103 -0
- package/dist/app/cli/chalk/typecheck.d.ts +7 -0
- package/dist/app/cli/chalk/typecheck.js +51 -0
- package/dist/{cli → app/cli}/doctor.d.ts +4 -3
- package/dist/app/cli/doctor.js +617 -0
- package/dist/app/cli/grades.d.ts +14 -0
- package/dist/app/cli/grades.js +44 -0
- package/dist/{cli → app/cli}/init.d.ts +3 -1
- package/dist/app/cli/init.js +155 -0
- package/dist/app/cli/main.js +715 -0
- package/dist/app/cli/migrate.d.ts +58 -0
- package/dist/app/cli/migrate.js +253 -0
- package/dist/{cli → app/cli}/serve.d.ts +12 -5
- package/dist/app/cli/serve.js +98 -0
- package/dist/app/cli/shipped.d.ts +30 -0
- package/dist/app/cli/shipped.js +47 -0
- package/dist/app/cli/skeleton.d.ts +38 -0
- package/dist/app/cli/skeleton.js +161 -0
- package/dist/app/cli/skills.d.ts +55 -0
- package/dist/app/cli/skills.js +189 -0
- package/dist/app/cli/themes.d.ts +52 -0
- package/dist/app/cli/themes.js +148 -0
- package/dist/{cli → app/cli}/tutors.d.ts +15 -26
- package/dist/{cli → app/cli}/tutors.js +86 -110
- package/dist/app/cli/usage.d.ts +2 -0
- package/dist/app/cli/usage.js +30 -0
- package/dist/app/dictation/recognize.d.ts +18 -0
- package/dist/app/dictation/recognize.js +6 -0
- package/dist/app/dictation/route.d.ts +52 -0
- package/dist/app/dictation/route.js +510 -0
- package/dist/app/diff.d.ts +11 -0
- package/dist/app/diff.js +71 -0
- package/dist/app/http/access.d.ts +62 -0
- package/dist/app/http/access.js +180 -0
- package/dist/app/http/app.d.ts +246 -0
- package/dist/app/http/app.js +1212 -0
- package/dist/app/http/dev-activities.d.ts +115 -0
- package/dist/app/http/dev-activities.js +193 -0
- package/dist/app/http/dev-overview.d.ts +108 -0
- package/dist/app/http/dev-overview.js +209 -0
- package/dist/app/http/dev-tutor-files.d.ts +80 -0
- package/dist/app/http/dev-tutor-files.js +151 -0
- package/dist/app/http/parent-home.d.ts +37 -0
- package/dist/app/http/parent-home.js +203 -0
- package/dist/app/http/range.d.ts +9 -0
- package/dist/app/http/range.js +19 -0
- package/dist/app/http/raw-view.d.ts +117 -0
- package/dist/app/http/raw-view.js +149 -0
- package/dist/app/http/send-file.d.ts +7 -0
- package/dist/app/http/send-file.js +29 -0
- package/dist/{server → app/http}/stage.d.ts +9 -0
- package/dist/{server → app/http}/stage.js +34 -6
- package/dist/app/http/theme.d.ts +13 -0
- package/dist/app/http/theme.js +41 -0
- package/dist/app/machine/bailian.d.ts +28 -0
- package/dist/app/machine/bailian.js +88 -0
- package/dist/app/mock/mock-live.d.ts +16 -0
- package/dist/app/mock/mock-live.js +140 -0
- package/dist/{server → app/mock}/mock.d.ts +36 -5
- package/dist/app/mock/mock.js +1117 -0
- package/dist/app/replay.d.ts +94 -0
- package/dist/app/replay.js +170 -0
- package/dist/app/skills/analyze-doc.d.ts +3 -0
- package/dist/app/skills/analyze-doc.js +47 -0
- package/dist/app/skills/home-doc.d.ts +5 -0
- package/dist/app/skills/home-doc.js +112 -0
- package/dist/app/skills/tune-doc.d.ts +3 -0
- package/dist/app/skills/tune-doc.js +80 -0
- package/dist/app/talk/list.d.ts +11 -0
- package/dist/app/talk/list.js +9 -0
- package/dist/app/talk/route.d.ts +16 -0
- package/dist/app/talk/route.js +142 -0
- package/dist/app/workspace.d.ts +58 -0
- package/dist/{cli → app}/workspace.js +77 -52
- package/dist/app/ws/route.d.ts +25 -0
- package/dist/app/ws/route.js +29 -0
- package/dist/app/ws/ws.d.ts +31 -0
- package/dist/app/ws/ws.js +169 -0
- package/dist/board/canvas-chat.d.ts +97 -0
- package/dist/board/canvas-chat.js +175 -0
- package/dist/board/card-guards.d.ts +15 -0
- package/dist/board/card-guards.js +38 -0
- package/dist/board/cards/canvas.d.ts +41 -0
- package/dist/board/cards/canvas.js +83 -0
- package/dist/{cards → board/cards}/choice.js +0 -12
- package/dist/{cards → board/cards}/code.js +0 -3
- package/dist/board/cards/dictation.d.ts +42 -0
- package/dist/board/cards/dictation.js +105 -0
- package/dist/board/cards/docs.d.ts +47 -0
- package/dist/board/cards/docs.js +152 -0
- package/dist/{cards → board/cards}/image.js +1 -10
- package/dist/board/cards/index.d.ts +62 -0
- package/dist/board/cards/index.js +144 -0
- package/dist/{cards → board/cards}/kind.d.ts +10 -4
- package/dist/board/cards/kind.js +9 -0
- package/dist/board/cards/lecture.d.ts +26 -0
- package/dist/board/cards/lecture.js +62 -0
- package/dist/board/cards/paint.d.ts +38 -0
- package/dist/board/cards/paint.js +85 -0
- package/dist/board/cards/photo.d.ts +15 -0
- package/dist/board/cards/photo.js +29 -0
- package/dist/{cards → board/cards}/read.js +1 -10
- package/dist/board/cards/text.d.ts +20 -0
- package/dist/board/cards/text.js +59 -0
- package/dist/board/cards/tianzige.d.ts +16 -0
- package/dist/board/cards/tianzige.js +64 -0
- package/dist/board/cards/tutor.d.ts +72 -0
- package/dist/board/cards/tutor.js +134 -0
- package/dist/board/cards/word.d.ts +20 -0
- package/dist/board/cards/word.js +76 -0
- package/dist/board/lecture.d.ts +100 -0
- package/dist/board/lecture.js +204 -0
- package/dist/board/paper.d.ts +20 -0
- package/dist/board/paper.js +76 -0
- package/dist/board/parse.d.ts +120 -0
- package/dist/board/parse.js +330 -0
- package/dist/board/presentation.d.ts +295 -0
- package/dist/board/presentation.js +615 -0
- package/dist/board/sections.d.ts +16 -0
- package/dist/board/sections.js +130 -0
- package/dist/brain/api-tools.d.ts +8 -0
- package/dist/brain/api-tools.js +190 -0
- package/dist/brain/api.d.ts +62 -0
- package/dist/brain/api.js +411 -0
- package/dist/brain/cli/adapters.d.ts +60 -0
- package/dist/brain/cli/adapters.js +91 -0
- package/dist/brain/cli/qwen.d.ts +11 -0
- package/dist/brain/cli/qwen.js +141 -0
- package/dist/brain/cli/run-plan.d.ts +59 -0
- package/dist/brain/cli/run-plan.js +71 -0
- package/dist/brain/cli/run.d.ts +35 -0
- package/dist/brain/cli/run.js +256 -0
- package/dist/brain/cli/stream-json.d.ts +18 -0
- package/dist/brain/cli/stream-json.js +86 -0
- package/dist/brain/cli/types.d.ts +144 -0
- package/dist/brain/cli/types.js +3 -0
- package/dist/brain/cli/warm.d.ts +53 -0
- package/dist/brain/cli/warm.js +103 -0
- package/dist/brain/index.d.ts +145 -0
- package/dist/brain/index.js +74 -0
- package/dist/brain/stream.d.ts +20 -0
- package/dist/brain/stream.js +70 -0
- package/dist/brain/transcript.d.ts +45 -0
- package/dist/brain/transcript.js +132 -0
- package/dist/chalk/actions.d.ts +37 -0
- package/dist/chalk/actions.js +69 -0
- package/dist/chalk/bundle.d.ts +26 -0
- package/dist/chalk/bundle.js +69 -0
- package/dist/chalk/check.d.ts +28 -0
- package/dist/chalk/check.js +291 -0
- package/dist/chalk/circle.d.ts +64 -0
- package/dist/chalk/circle.js +193 -0
- package/dist/chalk/clock.d.ts +84 -0
- package/dist/chalk/clock.js +84 -0
- package/dist/chalk/geometry.d.ts +44 -0
- package/dist/chalk/geometry.js +139 -0
- package/dist/chalk/glyphs/capitals.d.ts +12 -0
- package/dist/chalk/glyphs/capitals.js +264 -0
- package/dist/chalk/glyphs/index.d.ts +21 -0
- package/dist/chalk/glyphs/index.js +18 -0
- package/dist/chalk/glyphs/letters.d.ts +13 -0
- package/dist/chalk/glyphs/letters.js +280 -0
- package/dist/chalk/glyphs/metrics.d.ts +33 -0
- package/dist/chalk/glyphs/metrics.js +28 -0
- package/dist/chalk/glyphs/registry.d.ts +7 -0
- package/dist/chalk/glyphs/registry.js +8 -0
- package/dist/chalk/glyphs/sample.d.ts +32 -0
- package/dist/chalk/glyphs/sample.js +102 -0
- package/dist/chalk/glyphs/skeleton.d.ts +64 -0
- package/dist/chalk/glyphs/skeleton.js +126 -0
- package/dist/chalk/glyphs/types.d.ts +58 -0
- package/dist/chalk/glyphs/types.js +17 -0
- package/dist/chalk/index.d.ts +23 -0
- package/dist/chalk/index.js +15 -0
- package/dist/chalk/manifest.d.ts +41 -0
- package/dist/chalk/manifest.js +6 -0
- package/dist/chalk/paint.d.ts +180 -0
- package/dist/chalk/paint.js +210 -0
- package/dist/chalk/pointer.d.ts +8 -0
- package/dist/chalk/pointer.js +21 -0
- package/dist/chalk/prepare.d.ts +11 -0
- package/dist/chalk/prepare.js +15 -0
- package/dist/chalk/scene-schema.d.ts +199 -0
- package/dist/chalk/scene-schema.js +91 -0
- package/dist/chalk/seed.d.ts +3 -0
- package/dist/chalk/seed.js +10 -0
- package/dist/chalk/text-metrics.d.ts +8 -0
- package/dist/chalk/text-metrics.js +156 -0
- package/dist/chalk/timeline.d.ts +47 -0
- package/dist/chalk/timeline.js +84 -0
- package/dist/chalk/types.d.ts +150 -0
- package/dist/chalk/types.js +8 -0
- package/dist/lib/index.d.ts +14 -12
- package/dist/lib/index.js +14 -12
- package/dist/media/draw.d.ts +23 -0
- package/dist/media/draw.js +44 -0
- package/dist/media/mp3.d.ts +6 -0
- package/dist/media/mp3.js +58 -0
- package/dist/media/mp4.d.ts +1 -0
- package/dist/media/mp4.js +58 -0
- package/dist/media/tts-voices.d.ts +18 -0
- package/dist/media/tts-voices.js +606 -0
- package/dist/media/tts.d.ts +56 -0
- package/dist/media/tts.js +174 -0
- package/dist/media/vision.d.ts +25 -0
- package/dist/media/vision.js +71 -0
- package/dist/memory/commit.d.ts +67 -0
- package/dist/memory/commit.js +130 -0
- package/dist/memory/context.d.ts +86 -0
- package/dist/memory/context.js +97 -0
- package/dist/memory/diary.d.ts +84 -0
- package/dist/memory/diary.js +183 -0
- package/dist/memory/grade.d.ts +2 -0
- package/dist/memory/grade.js +7 -0
- package/dist/{lib → memory}/plan.d.ts +1 -1
- package/dist/{lib → memory}/plan.js +1 -1
- package/dist/memory/proposals.d.ts +11 -0
- package/dist/memory/proposals.js +43 -0
- package/dist/memory/retrieval.d.ts +44 -0
- package/dist/memory/retrieval.js +157 -0
- package/dist/{lib → memory}/timetable.d.ts +0 -3
- package/dist/{lib → memory}/timetable.js +0 -11
- package/dist/memory/vault-notes.d.ts +165 -0
- package/dist/memory/vault-notes.js +359 -0
- package/dist/memory/vault.d.ts +70 -0
- package/dist/memory/vault.js +169 -0
- package/dist/realtime/bailian.d.ts +120 -0
- package/dist/realtime/bailian.js +288 -0
- package/dist/realtime/cues.d.ts +51 -0
- package/dist/realtime/cues.js +94 -0
- package/dist/realtime/listen.d.ts +32 -0
- package/dist/realtime/listen.js +53 -0
- package/dist/realtime/preview.d.ts +23 -0
- package/dist/realtime/preview.js +38 -0
- package/dist/realtime/prompt.d.ts +8 -0
- package/dist/realtime/prompt.js +13 -0
- package/dist/realtime/voices.d.ts +19 -0
- package/dist/realtime/voices.js +71 -0
- package/dist/runtime/activities.d.ts +17 -0
- package/dist/runtime/activities.js +46 -0
- package/dist/runtime/activity-state.d.ts +22 -0
- package/dist/runtime/activity-state.js +83 -0
- package/dist/runtime/activity.d.ts +63 -0
- package/dist/runtime/activity.js +428 -0
- package/dist/runtime/agent-file.d.ts +24 -0
- package/dist/runtime/agent-file.js +59 -0
- package/dist/runtime/auto-bookkeep.d.ts +30 -0
- package/dist/runtime/auto-bookkeep.js +84 -0
- package/dist/{lib → runtime/context}/context-pack.d.ts +3 -3
- package/dist/runtime/context/context-pack.js +182 -0
- package/dist/runtime/context/thread-digest.d.ts +4 -0
- package/dist/runtime/context/thread-digest.js +35 -0
- package/dist/runtime/context/tutor-rules.d.ts +25 -0
- package/dist/runtime/context/tutor-rules.js +47 -0
- package/dist/runtime/delivery/delivery.d.ts +94 -0
- package/dist/runtime/delivery/delivery.js +145 -0
- package/dist/runtime/delivery/playback.d.ts +25 -0
- package/dist/runtime/delivery/playback.js +29 -0
- package/dist/runtime/delivery/player.d.ts +145 -0
- package/dist/runtime/delivery/player.js +221 -0
- package/dist/runtime/delivery/queue.d.ts +89 -0
- package/dist/runtime/delivery/queue.js +59 -0
- package/dist/runtime/home/edit.d.ts +39 -0
- package/dist/runtime/home/edit.js +132 -0
- package/dist/runtime/home/home.d.ts +180 -0
- package/dist/runtime/home/home.js +311 -0
- package/dist/runtime/home/store.d.ts +142 -0
- package/dist/runtime/home/store.js +440 -0
- package/dist/runtime/journal/conversation.d.ts +46 -0
- package/dist/runtime/journal/conversation.js +89 -0
- package/dist/runtime/journal/events.d.ts +27 -0
- package/dist/runtime/journal/events.js +136 -0
- package/dist/runtime/journal/kid-log.d.ts +105 -0
- package/dist/runtime/journal/kid-log.js +133 -0
- package/dist/runtime/journal/ledger.d.ts +17 -0
- package/dist/{lib → runtime/journal}/ledger.js +7 -40
- package/dist/runtime/journal/mix.d.ts +33 -0
- package/dist/runtime/journal/mix.js +88 -0
- package/dist/runtime/journal/mouth-index.d.ts +26 -0
- package/dist/runtime/journal/mouth-index.js +34 -0
- package/dist/runtime/journal/mouth.d.ts +54 -0
- package/dist/runtime/journal/mouth.js +102 -0
- package/dist/runtime/journal/recorder.d.ts +46 -0
- package/dist/runtime/journal/recorder.js +58 -0
- package/dist/runtime/journal/store.d.ts +123 -0
- package/dist/runtime/journal/store.js +316 -0
- package/dist/runtime/kid-input.d.ts +16 -0
- package/dist/runtime/kid-input.js +195 -0
- package/dist/runtime/kid-view.d.ts +124 -0
- package/dist/runtime/kid-view.js +157 -0
- package/dist/runtime/lecture.d.ts +86 -0
- package/dist/runtime/lecture.js +237 -0
- package/dist/runtime/live/call.d.ts +219 -0
- package/dist/runtime/live/call.js +1211 -0
- package/dist/runtime/live/turns.d.ts +48 -0
- package/dist/runtime/live/turns.js +102 -0
- package/dist/runtime/runner.d.ts +289 -0
- package/dist/runtime/runner.js +898 -0
- package/dist/runtime/talk-run.d.ts +21 -0
- package/dist/runtime/talk-run.js +34 -0
- package/dist/scenes/dictation/match.d.ts +57 -0
- package/dist/scenes/dictation/match.js +255 -0
- package/dist/scenes/dictation/recognize.d.ts +86 -0
- package/dist/scenes/dictation/recognize.js +163 -0
- package/dist/scenes/dictation/store.d.ts +112 -0
- package/dist/scenes/dictation/store.js +99 -0
- package/dist/scenes/look.d.ts +26 -0
- package/dist/scenes/look.js +1 -0
- package/dist/scenes/paint/painter.d.ts +84 -0
- package/dist/scenes/paint/painter.js +170 -0
- package/dist/scenes/paint/prompt.d.ts +23 -0
- package/dist/scenes/paint/prompt.js +36 -0
- package/dist/scenes/talk/en-words.d.ts +8 -0
- package/dist/scenes/talk/en-words.js +44 -0
- package/dist/scenes/talk/list.d.ts +44 -0
- package/dist/scenes/talk/list.js +88 -0
- package/dist/scenes/talk/store.d.ts +27 -0
- package/dist/scenes/talk/store.js +61 -0
- package/dist/scenes/talk/warmup.d.ts +16 -0
- package/dist/scenes/talk/warmup.js +39 -0
- package/dist/schema/activity.d.ts +149 -0
- package/dist/schema/activity.js +113 -0
- package/dist/schema/board.d.ts +143 -2
- package/dist/schema/board.js +15 -3
- package/dist/schema/config.d.ts +309 -94
- package/dist/schema/config.js +259 -72
- package/dist/schema/context-pack.d.ts +76 -14
- package/dist/schema/context-pack.js +91 -10
- package/dist/{lib/conversation.d.ts → schema/conversation-files.d.ts} +11 -33
- package/dist/schema/conversation-files.js +26 -0
- package/dist/schema/conversation.d.ts +385 -49
- package/dist/schema/conversation.js +135 -19
- package/dist/schema/events.d.ts +138 -0
- package/dist/schema/events.js +1 -0
- package/dist/schema/home.d.ts +46 -0
- package/dist/schema/home.js +30 -0
- package/dist/schema/index.d.ts +14 -3
- package/dist/schema/index.js +14 -3
- package/dist/schema/kid-device.d.ts +20 -0
- package/dist/schema/kid-device.js +32 -0
- package/dist/schema/ledger.d.ts +8 -63
- package/dist/schema/ledger.js +7 -31
- package/dist/schema/memory.d.ts +73 -0
- package/dist/schema/memory.js +47 -0
- package/dist/schema/plan.d.ts +2 -2
- package/dist/schema/plan.js +2 -2
- package/dist/schema/sections.d.ts +32 -25
- package/dist/schema/sections.js +21 -22
- package/dist/schema/theme.d.ts +25 -0
- package/dist/schema/theme.js +26 -0
- package/dist/schema/timetable.d.ts +2 -2
- package/dist/schema/timetable.js +2 -2
- package/dist/schema/workspace.d.ts +41 -0
- package/dist/schema/workspace.js +9 -0
- package/dist/shared/errors.d.ts +8 -0
- package/dist/shared/errors.js +13 -0
- package/dist/shared/home.d.ts +2 -0
- package/dist/shared/home.js +16 -0
- package/dist/shared/human-notes.d.ts +5 -0
- package/dist/shared/human-notes.js +7 -0
- package/dist/shared/qianwen.d.ts +50 -0
- package/dist/shared/qianwen.js +109 -0
- package/dist/shared/time.d.ts +9 -0
- package/dist/shared/time.js +22 -0
- package/dist/shared/tokens.d.ts +18 -0
- package/dist/shared/tokens.js +11 -0
- package/dist/shared/wav.d.ts +10 -0
- package/dist/shared/wav.js +50 -0
- package/dist/stage/chunk-226TNLQA.js +129 -0
- package/dist/stage/chunk-24LGQEKE.js +1 -0
- package/dist/stage/chunk-25XV6UY3.js +10 -0
- package/dist/stage/chunk-2AZI3NHJ.js +1 -0
- package/dist/stage/chunk-2BQZTTBE.js +1 -0
- package/dist/stage/chunk-2M7CGY3Y.js +11 -0
- package/dist/stage/chunk-2VR4WFQ7.js +10 -0
- package/dist/stage/chunk-2ZYXBUWG.js +9 -0
- package/dist/stage/chunk-32LAWMGY.js +1 -0
- package/dist/stage/chunk-3LEMTSOO.js +11 -0
- package/dist/stage/chunk-3QCKGZYE.js +32 -0
- package/dist/stage/chunk-44P66WFA.js +1 -0
- package/dist/stage/chunk-4AM6FRR6.js +7 -0
- package/dist/stage/chunk-4QDE4SUK.js +1 -0
- package/dist/stage/chunk-4QESHV3U.js +1 -0
- package/dist/stage/chunk-4SG5QPHB.js +2 -0
- package/dist/stage/chunk-4T4UVCOC.js +1 -0
- package/dist/stage/chunk-4WUEPPG3.js +34 -0
- package/dist/stage/chunk-4YCN6UZ5.js +99 -0
- package/dist/stage/chunk-5V7ZY2AP.js +1 -0
- package/dist/stage/chunk-5VS5Y2VJ.js +6 -0
- package/dist/stage/chunk-5W4NO2ZD.js +62 -0
- package/dist/stage/chunk-65CRNICM.js +1 -0
- package/dist/stage/chunk-66MULO7F.js +5 -0
- package/dist/stage/chunk-6COFQTBS.js +162 -0
- package/dist/stage/chunk-6VZG3M3I.js +8 -0
- package/dist/stage/chunk-7HVDH43T.js +1 -0
- package/dist/stage/chunk-7JLJN4EZ.js +8 -0
- package/dist/stage/chunk-7QDSP4LN.js +1 -0
- package/dist/stage/chunk-7R6OQAO3.js +1 -0
- package/dist/stage/chunk-7VTTHZKW.js +7 -0
- package/dist/stage/chunk-ATHR5KEN.js +10 -0
- package/dist/stage/chunk-B6R5LTP2.js +36 -0
- package/dist/stage/chunk-BD4WE264.js +1 -0
- package/dist/stage/chunk-BONANU47.js +206 -0
- package/dist/stage/chunk-BTVW7OFK.js +89 -0
- package/dist/stage/chunk-BUTJIDHG.js +8 -0
- package/dist/stage/chunk-C2IPYMML.js +84 -0
- package/dist/stage/chunk-C54FTPPV.js +9 -0
- package/dist/stage/chunk-C6LOUF2Z.js +90 -0
- package/dist/stage/chunk-CFF3PILO.js +339 -0
- package/dist/stage/chunk-CI2FQ2JY.js +9 -0
- package/dist/stage/chunk-CW5O4RV7.js +12 -0
- package/dist/stage/chunk-CYABNQYD.js +1 -0
- package/dist/stage/chunk-D7FFA4NS.js +15 -0
- package/dist/stage/chunk-DUNNXU6Z.js +8 -0
- package/dist/stage/chunk-E3E4Q6JF.js +6 -0
- package/dist/stage/chunk-EB3U3LH7.js +9 -0
- package/dist/stage/chunk-EGSZ736B.js +8 -0
- package/dist/stage/chunk-EOBXW5VQ.js +2 -0
- package/dist/stage/chunk-ERZC3B7Y.js +11 -0
- package/dist/stage/chunk-ESDOOBIH.js +11 -0
- package/dist/stage/chunk-EVU4QAL4.js +178 -0
- package/dist/stage/chunk-EVVZI2NY.js +39 -0
- package/dist/stage/chunk-FBKAZUKD.js +39 -0
- package/dist/stage/chunk-FDVKYQJN.js +1 -0
- package/dist/stage/chunk-FGPVYHVR.js +5 -0
- package/dist/stage/chunk-FHUD4AZC.js +1 -0
- package/dist/stage/chunk-FKUJ2DMY.js +96 -0
- package/dist/stage/chunk-FNZGVIJV.js +1 -0
- package/dist/stage/chunk-GBYSEGYM.js +78 -0
- package/dist/stage/chunk-GCO4TDHX.js +1 -0
- package/dist/stage/chunk-GKTML2LG.js +10 -0
- package/dist/stage/chunk-GMDIHHXQ.js +11 -0
- package/dist/stage/chunk-GOUNACI3.js +10 -0
- package/dist/stage/chunk-GXAYATPF.js +3 -0
- package/dist/stage/chunk-H2K2DDXV.js +8 -0
- package/dist/stage/chunk-H3UJI6ZY.js +13 -0
- package/dist/stage/chunk-H6PUGCME.js +7 -0
- package/dist/stage/chunk-HNBUIMIG.js +1 -0
- package/dist/stage/chunk-HRZY2BJQ.js +10 -0
- package/dist/stage/chunk-HSPJGALW.js +30 -0
- package/dist/stage/chunk-IBYORHIP.js +25 -0
- package/dist/stage/chunk-IHF4EWTY.js +1 -0
- package/dist/stage/chunk-ISBRPNKI.js +1 -0
- package/dist/stage/chunk-IZ3OI3C2.js +2 -0
- package/dist/stage/chunk-JEFZAC2R.js +1 -0
- package/dist/stage/chunk-JFIGRDPO.js +1 -0
- package/dist/stage/chunk-JFVYBOOC.js +9 -0
- package/dist/stage/chunk-JGD4TUTQ.js +1 -0
- package/dist/stage/chunk-JO4BEHDH.js +4 -0
- package/dist/stage/chunk-JOWBS42C.js +1 -0
- package/dist/stage/chunk-JP3TM2TG.js +1 -0
- package/dist/stage/chunk-JVK2C52O.js +1 -0
- package/dist/stage/chunk-K4I76XBX.js +14 -0
- package/dist/stage/chunk-KA6CZZ4M.js +1 -0
- package/dist/stage/chunk-KESSJ36M.js +1 -0
- package/dist/stage/chunk-LKATEVRU.js +1 -0
- package/dist/stage/chunk-LS4EJ2EI.js +1 -0
- package/dist/stage/chunk-LUKJQC2X.js +70 -0
- package/dist/stage/chunk-LWULR3SM.js +1 -0
- package/dist/stage/chunk-LWVRFMKX.js +2 -0
- package/dist/stage/chunk-LXC4ZBPZ.js +1 -0
- package/dist/stage/chunk-M2UP255H.js +1 -0
- package/dist/stage/chunk-MAPPXUZQ.js +231 -0
- package/dist/stage/chunk-MBMPW7Z5.js +1 -0
- package/dist/stage/chunk-MD3HMMTK.js +1 -0
- package/dist/stage/chunk-MLPCUIKR.js +17 -0
- package/dist/stage/chunk-MNQIRPDQ.js +8 -0
- package/dist/stage/chunk-MRG7MJVS.js +1 -0
- package/dist/stage/chunk-MU6EXW72.js +10 -0
- package/dist/stage/chunk-MVU2X6LU.js +4 -0
- package/dist/stage/chunk-N6UA5CZV.js +36 -0
- package/dist/stage/chunk-NLZIT2TJ.js +7 -0
- package/dist/stage/chunk-NOJR3J7M.js +1 -0
- package/dist/stage/chunk-NT7ARDOL.js +1 -0
- package/dist/stage/chunk-NWOGMPZH.js +1 -0
- package/dist/stage/chunk-NXE4KMG3.js +40 -0
- package/dist/stage/chunk-O4YCZXD2.js +257 -0
- package/dist/stage/chunk-OAJZ7HLK.js +1 -0
- package/dist/stage/chunk-OCFCFASO.js +1 -0
- package/dist/stage/chunk-ODGPG5RY.js +7 -0
- package/dist/stage/chunk-ODUEA52Q.js +3 -0
- package/dist/stage/chunk-OGDJ3FCI.js +1 -0
- package/dist/stage/chunk-OLDJ55TT.js +1 -0
- package/dist/stage/chunk-OOCL4ATI.js +2 -0
- package/dist/stage/chunk-OQEFDUDV.js +1 -0
- package/dist/stage/chunk-OQWVEWG7.js +4 -0
- package/dist/stage/chunk-OUIX6BGK.js +1 -0
- package/dist/stage/chunk-OV7OZYUO.js +7 -0
- package/dist/stage/chunk-PFGDY33O.js +1 -0
- package/dist/stage/chunk-PFJDUJB3.js +139 -0
- package/dist/stage/chunk-PGEW76ER.js +1 -0
- package/dist/stage/chunk-PP76TAQX.js +32 -0
- package/dist/stage/chunk-PTBOP4OT.js +2 -0
- package/dist/stage/chunk-PX2RVHCK.js +1 -0
- package/dist/stage/chunk-Q7K3PNAD.js +1 -0
- package/dist/stage/chunk-QDDPLZDB.js +1 -0
- package/dist/stage/chunk-QLGLZ77F.js +1 -0
- package/dist/stage/chunk-QOPFDFHI.js +1 -0
- package/dist/stage/chunk-QXT4KAEJ.js +1 -0
- package/dist/stage/chunk-R4YVZCIT.js +1 -0
- package/dist/stage/chunk-R6P6EHWA.js +62 -0
- package/dist/stage/chunk-RCH3OXBI.js +9 -0
- package/dist/stage/chunk-RHPE44I2.js +1 -0
- package/dist/stage/chunk-RJ2R4FVC.js +1 -0
- package/dist/stage/chunk-RJH2YVTD.js +1 -0
- package/dist/stage/chunk-RLWWW5OB.js +6 -0
- package/dist/stage/chunk-S3WO35Z7.js +120 -0
- package/dist/stage/chunk-S7ZGX6MW.js +1 -0
- package/dist/stage/chunk-SIAWX27B.js +1 -0
- package/dist/stage/chunk-SLG4X622.js +1 -0
- package/dist/stage/chunk-SLJRBC77.js +168 -0
- package/dist/stage/chunk-SRORWQJZ.js +1 -0
- package/dist/stage/chunk-STZTUIIF.js +2 -0
- package/dist/stage/chunk-SVQ6MWNV.js +9 -0
- package/dist/stage/chunk-TL3HLL2S.js +132 -0
- package/dist/stage/chunk-U3DOE6SF.js +24 -0
- package/dist/stage/chunk-UABQIZKW.js +6 -0
- package/dist/stage/chunk-UDK3R764.js +1 -0
- package/dist/stage/chunk-UFF4E54B.js +41 -0
- package/dist/stage/chunk-UFP5Q4AY.js +1 -0
- package/dist/stage/chunk-UMH2TSW2.js +72 -0
- package/dist/stage/chunk-UTASVNF5.js +10 -0
- package/dist/stage/chunk-UW7ML5ML.js +88 -0
- package/dist/stage/chunk-V3J7F6OP.js +1 -0
- package/dist/stage/chunk-VEHP5B5Q.js +5 -0
- package/dist/stage/chunk-VRXWB733.js +9 -0
- package/dist/stage/chunk-VVDHBBS5.js +5 -0
- package/dist/stage/chunk-VYFOH6FU.js +106 -0
- package/dist/stage/chunk-W3VZTLQS.js +3 -0
- package/dist/stage/chunk-W7WNRWTZ.js +8 -0
- package/dist/stage/chunk-WHUCV53C.js +1 -0
- package/dist/stage/chunk-WULMYHIF.js +1 -0
- package/dist/stage/chunk-X54EX7AW.js +9 -0
- package/dist/stage/chunk-X565ISZM.js +1 -0
- package/dist/stage/chunk-XGZMDECB.js +1 -0
- package/dist/stage/chunk-XHONC4RF.js +172 -0
- package/dist/stage/chunk-XIK4XQ6E.js +24 -0
- package/dist/stage/chunk-XJQQWFTE.js +1 -0
- package/dist/stage/chunk-XM4WOU3I.js +13 -0
- package/dist/stage/chunk-XM7Y5HP5.js +38 -0
- package/dist/stage/chunk-XNYYRGD5.js +292 -0
- package/dist/stage/chunk-XOYVR3SV.js +1 -0
- package/dist/stage/chunk-XQIW5HCE.js +1 -0
- package/dist/stage/chunk-YEWL7FUW.js +8 -0
- package/dist/stage/chunk-YI55PY3V.js +1 -0
- package/dist/stage/chunk-YM63HI6W.js +1 -0
- package/dist/stage/chunk-YNLGLU4P.js +9 -0
- package/dist/stage/chunk-YTNMNOWP.js +1 -0
- package/dist/stage/chunk-YV62XKTC.js +1 -0
- package/dist/stage/chunk-YVBA3QW6.js +1 -0
- package/dist/stage/chunk-Z2SY2HOC.js +1 -0
- package/dist/stage/chunk-ZBTCQEBK.js +10 -0
- package/dist/stage/chunk-ZCUFN74D.js +1 -0
- package/dist/stage/chunk-ZHOULXEJ.js +11 -0
- package/dist/stage/chunk-ZTRZIET2.js +1 -0
- package/dist/stage/index.html +1 -0
- package/dist/stage/stage.css +1 -1
- package/dist/stage/stage.js +1 -4383
- package/dist/ui/dev/dev-page.d.ts +1 -0
- package/dist/ui/dev/dev-page.js +2248 -0
- package/dist/ui/dev/dev-theme.d.ts +6 -0
- package/dist/ui/dev/dev-theme.js +67 -0
- package/dist/ui/dev/qr-page.d.ts +8 -0
- package/dist/ui/dev/qr-page.js +61 -0
- package/dist/ui/dev/voice-gallery-page.d.ts +1 -0
- package/dist/ui/dev/voice-gallery-page.js +121 -0
- package/dist/ui/dev/voice-scenes.d.ts +21 -0
- package/dist/ui/dev/voice-scenes.js +30 -0
- package/dist/ui/dictation/en-box.d.ts +2 -0
- package/dist/ui/dictation/en-box.js +86 -0
- package/dist/ui/dictation/en-page.d.ts +1 -0
- package/dist/ui/dictation/en-page.js +484 -0
- package/dist/ui/dictation/page.d.ts +1 -0
- package/dist/ui/dictation/page.js +1084 -0
- package/dist/ui/dictation/parent-page.d.ts +1 -0
- package/dist/ui/dictation/parent-page.js +234 -0
- package/dist/ui/dictation/reel-mode.d.ts +1 -0
- package/dist/ui/dictation/reel-mode.js +87 -0
- package/dist/ui/dictation/reel-page.d.ts +1 -0
- package/dist/ui/dictation/reel-page.js +62 -0
- package/dist/ui/dictation/reel.d.ts +163 -0
- package/dist/ui/dictation/reel.js +436 -0
- package/dist/ui/dictation/ui.d.ts +44 -0
- package/dist/ui/dictation/ui.js +80 -0
- package/dist/ui/dictation/unlock.d.ts +7 -0
- package/dist/ui/dictation/unlock.js +16 -0
- package/dist/ui/kid/audio-client.d.ts +11 -0
- package/dist/ui/kid/audio-client.js +74 -0
- package/dist/ui/kid/board-mark-art.d.ts +37 -0
- package/dist/ui/kid/board-mark-art.js +5 -0
- package/dist/ui/kid/board-mark.d.ts +24 -0
- package/dist/ui/kid/board-mark.js +58 -0
- package/dist/ui/kid/kid-log.d.ts +15 -0
- package/dist/ui/kid/kid-log.js +87 -0
- package/dist/ui/kid/kid-nav.d.ts +11 -0
- package/dist/ui/kid/kid-nav.js +22 -0
- package/dist/ui/kid/kid-page.d.ts +9 -0
- package/dist/ui/kid/kid-page.js +3719 -0
- package/dist/ui/kid/letters.d.ts +26 -0
- package/dist/ui/kid/letters.js +51 -0
- package/dist/ui/kid/photo-edit.d.ts +83 -0
- package/dist/ui/kid/photo-edit.js +106 -0
- package/dist/ui/kid/photo-ui.d.ts +23 -0
- package/dist/ui/kid/photo-ui.js +60 -0
- package/dist/ui/kid/reel.d.ts +419 -0
- package/dist/ui/kid/reel.js +648 -0
- package/dist/ui/kid/tianzige.d.ts +8 -0
- package/dist/ui/kid/tianzige.js +45 -0
- package/dist/ui/kid/tutor-face.d.ts +35 -0
- package/dist/ui/kid/tutor-face.js +84 -0
- package/dist/ui/kid/voice-ui.d.ts +70 -0
- package/dist/ui/kid/voice-ui.js +316 -0
- package/dist/ui/kid/voice-view.d.ts +71 -0
- package/dist/ui/kid/voice-view.js +75 -0
- package/dist/ui/kid/word-draw.d.ts +2 -0
- package/dist/ui/kid/word-draw.js +107 -0
- package/dist/ui/kid/word-emoji.d.ts +10 -0
- package/dist/ui/kid/word-emoji.js +66 -0
- package/dist/ui/kid/word-layout.d.ts +25 -0
- package/dist/ui/kid/word-layout.js +29 -0
- package/dist/ui/parent/parent-home-page.d.ts +1 -0
- package/dist/ui/parent/parent-home-page.js +414 -0
- package/dist/ui/parent/parent-page.d.ts +2 -0
- package/dist/ui/parent/parent-page.js +507 -0
- package/dist/ui/shared/brand.d.ts +36 -0
- package/dist/ui/shared/brand.js +51 -0
- package/dist/ui/shared/favicon.d.ts +12 -0
- package/dist/ui/shared/favicon.js +96 -0
- package/dist/ui/shared/icon.d.ts +9 -0
- package/dist/ui/shared/icon.js +35 -0
- package/dist/ui/shared/inline-lib.d.ts +1 -0
- package/dist/ui/shared/inline-lib.js +28 -0
- package/dist/ui/shared/logo.d.ts +31 -0
- package/dist/ui/shared/logo.js +43 -0
- package/dist/ui/shared/page-dom.d.ts +12 -0
- package/dist/ui/shared/page-dom.js +36 -0
- package/dist/ui/shared/png.d.ts +1 -0
- package/dist/ui/shared/png.js +45 -0
- package/dist/ui/shared/qr-svg.d.ts +3 -0
- package/dist/ui/shared/qr-svg.js +32 -0
- package/dist/ui/shared/qr.d.ts +14 -0
- package/dist/ui/shared/qr.js +281 -0
- package/dist/ui/shared/reel-dock.d.ts +22 -0
- package/dist/ui/shared/reel-dock.js +365 -0
- package/dist/ui/shared/tutor-color.d.ts +15 -0
- package/dist/ui/shared/tutor-color.js +47 -0
- package/dist/ui/talk/page.d.ts +6 -0
- package/dist/ui/talk/page.js +294 -0
- package/grades/grade-2/README.md +11 -0
- package/grades/grade-2/VALIDATION.md +41 -0
- package/grades/grade-2/agents/chinese-tutor/activities//344/275/240/350/257/264/346/210/221/347/224/273.md +157 -0
- package/grades/grade-2/agents/chinese-tutor/activities//344/275/240/350/257/264/346/210/221/347/224/273./344/276/213/345/255/220.md +78 -0
- package/grades/grade-2/agents/chinese-tutor/activities//344/276/213/345/255/220/345/233/276//345/200/237/344/274/236.jpg +0 -0
- package/grades/grade-2/agents/chinese-tutor/activities//344/276/213/345/255/220/345/233/276//345/260/217/347/214/264/346/221/230/346/241/203.jpg +0 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/206/231/350/257/235.md +64 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/206/231/350/257/235./344/276/213/345/255/220.md +31 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/220/254/345/206/231.md +48 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/244/215/344/271/240.md +79 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/244/215/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/chinese-tutor/activities//345/260/217/350/257/276/345/240/202.md +53 -0
- package/grades/grade-2/agents/chinese-tutor/activities//346/211/271/346/224/271.md +81 -0
- package/grades/grade-2/agents/chinese-tutor/activities//346/211/271/346/224/271./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/chinese-tutor/activities//347/234/213/345/233/276/350/257/264/350/257/235.md +94 -0
- package/grades/grade-2/agents/chinese-tutor/activities//347/234/213/345/233/276/350/257/264/350/257/235./344/276/213/345/255/220.md +63 -0
- package/grades/grade-2/agents/chinese-tutor/activities//351/242/204/344/271/240.md +82 -0
- package/grades/grade-2/agents/chinese-tutor/activities//351/242/204/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/chinese-tutor.md +59 -0
- package/grades/grade-2/agents/english-tutor/activities//345/217/243/350/257/255/350/257/276.md +149 -0
- package/grades/grade-2/agents/english-tutor/activities//345/217/243/350/257/255/350/257/276./344/276/213/345/255/220.md +13 -0
- package/grades/grade-2/agents/english-tutor/activities//345/220/254/345/206/231.md +47 -0
- package/grades/grade-2/agents/english-tutor/activities//345/244/215/344/271/240.md +78 -0
- package/grades/grade-2/agents/english-tutor/activities//345/244/215/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/english-tutor/activities//345/260/217/350/257/276/345/240/202.md +53 -0
- package/grades/grade-2/agents/english-tutor/activities//346/211/271/346/224/271.md +80 -0
- package/grades/grade-2/agents/english-tutor/activities//346/211/271/346/224/271./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/english-tutor/activities//351/242/204/344/271/240.md +86 -0
- package/grades/grade-2/agents/english-tutor/activities//351/242/204/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/english-tutor.md +57 -0
- package/grades/grade-2/agents/math-tutor/activities//345/244/215/344/271/240.md +78 -0
- package/grades/grade-2/agents/math-tutor/activities//345/244/215/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/math-tutor/activities//345/260/217/350/257/276/345/240/202.md +56 -0
- package/grades/grade-2/agents/math-tutor/activities//345/260/217/350/257/276/345/240/202./344/276/213/345/255/220.md +52 -0
- package/grades/grade-2/agents/math-tutor/activities//346/211/271/346/224/271.md +80 -0
- package/grades/grade-2/agents/math-tutor/activities//346/211/271/346/224/271./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/math-tutor/activities//351/242/204/344/271/240.md +81 -0
- package/grades/grade-2/agents/math-tutor/activities//351/242/204/344/271/240./344/276/213/345/255/220.md +35 -0
- package/grades/grade-2/agents/math-tutor.md +51 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/index.json +44 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/step-1.mp3 +0 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/step-2.mp3 +0 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/step-3.mp3 +0 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/step-4.mp3 +0 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/audio/step-5.mp3 +0 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/bake.json +1 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/manifest.json +63 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen/scene.json +247 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen.md +40 -0
- package/grades/grade-2/examples/2026-10-27-pingjunfen.ts +26 -0
- package/grades/grade-2/examples//345/271/263/345/235/207/345/210/206./344/276/213/345/255/220.md +24 -0
- package/grades/grade-2/examples//346/225/260/345/255/246/345/271/263/345/235/207/345/210/206.md +42 -0
- package/grades/grade-2/validation/2026-10-27.json +4410 -0
- package/package.json +26 -15
- package/skills/chalk-cli/SKILL.md +62 -0
- package/skills/chalk-scene/SKILL.md +91 -0
- package/skills/chalk-teaching/SKILL.md +82 -0
- package/skills/chalk-teaching/models//344/272/244/351/224/231/346/225/260/345/210/227/345/210/206/350/241/214.md +8 -0
- package/skills/chalk-teaching/models//345/207/221/345/215/201.md +7 -0
- package/skills/chalk-teaching/models//345/221/250/346/234/237/350/247/204/345/276/213.md +6 -0
- package/skills/chalk-teaching/models//345/256/236/347/211/251/345/233/276-/345/242/236/345/207/217.md +6 -0
- package/skills/chalk-teaching/models//345/256/236/347/211/251/345/233/276-/346/257/224/345/244/232/345/260/221-/346/261/202/345/244/247/346/225/260/346/261/202/345/260/217/346/225/260.md +7 -0
- package/skills/chalk-teaching/models//345/256/236/347/211/251/345/233/276-/346/257/224/345/244/232/345/260/221-/346/261/202/345/267/256.md +6 -0
- package/skills/chalk-teaching/models//345/260/217/346/243/222/350/277/233/344/275/215/345/212/240.md +7 -0
- package/skills/chalk-teaching/models//345/260/217/346/243/222/351/200/200/344/275/215/345/207/217.md +6 -0
- package/skills/chalk-teaching/models//346/216/222/351/230/237/347/202/271/351/230/265.md +7 -0
- package/skills/chalk-teaching/models//346/227/266/351/227/264/346/225/260/350/275/264.md +6 -0
- package/skills/chalk-teaching/models//346/245/274/345/261/202/351/227/264/351/232/224/345/233/276.md +7 -0
- package/skills/chalk-teaching/models//347/240/264/345/215/201.md +7 -0
- package/skills/chalk-teaching/models//347/253/226/345/274/217/351/200/200/344/275/215.md +6 -0
- package/skills/chalk-teaching/models//347/272/277/346/256/265/345/233/276.md +7 -0
- package/skills/chalk-teaching/models-index.md +24 -0
- package/skills/chalk-teaching/references//350/256/262/350/247/243/346/250/241/346/235/277/344/270/211/346/241/243.md +32 -0
- package/skills/chalk-teaching/references//350/257/264/346/230/216/346/226/207/344/273/266.md +102 -0
- package/skills/chalk-verify/SKILL.md +57 -0
- package/skills/chalk-verify/references//350/257/204/345/210/244/346/240/207/345/207/206.md +69 -0
- package/skills/cotutor-analyze/SKILL.md +106 -0
- package/skills/cotutor-analyze/references//345/221/275/344/273/244/344/270/216/346/226/207/344/273/266.md +31 -0
- package/skills/cotutor-board/SKILL.md +373 -0
- package/skills/cotutor-board/references/README.md +38 -0
- package/skills/cotutor-board/references/canvas.md +68 -0
- package/skills/cotutor-board/references/choice.md +55 -0
- package/skills/cotutor-board/references/code.md +46 -0
- package/skills/cotutor-board/references/image.md +52 -0
- package/skills/cotutor-board/references/lecture.md +69 -0
- package/skills/cotutor-board/references/paint.md +77 -0
- package/skills/cotutor-board/references/photo.md +61 -0
- package/skills/cotutor-board/references/read.md +51 -0
- package/skills/cotutor-board/references/text.md +69 -0
- package/skills/cotutor-board/references/tianzige.md +78 -0
- package/skills/cotutor-board/references/word.md +91 -0
- package/skills/cotutor-home/SKILL.md +169 -0
- package/skills/cotutor-home/references/dictation.md +97 -0
- package/skills/cotutor-home/references/tutor.md +148 -0
- package/skills/cotutor-home/references//345/221/275/344/273/244.md +21 -0
- package/skills/cotutor-home/references//351/246/226/351/241/265/350/257/255/346/263/225.md +142 -0
- package/skills/cotutor-tune/SKILL.md +147 -0
- package/skills/cotutor-tune/references//345/255/227/346/256/265.md +50 -0
- package/skills/cotutor-tutor/SKILL.md +261 -0
- package/skills/cotutor-tutor/references//344/270/212/344/270/213/346/226/207/345/214/205.md +78 -0
- package/themes/default/kid.css +86 -0
- package/themes/default/theme.json +26 -0
- package/agents/chinese-tutor.md +0 -67
- package/agents/homework-tutor.md +0 -17
- package/agents/math-tutor.md +0 -68
- package/agents/planner.md +0 -18
- package/agents/reading-tutor.md +0 -65
- package/agents/scene-maker.md +0 -41
- package/dist/cards/canvas.d.ts +0 -22
- package/dist/cards/canvas.js +0 -65
- package/dist/cards/fill.d.ts +0 -14
- package/dist/cards/fill.js +0 -64
- package/dist/cards/index.d.ts +0 -48
- package/dist/cards/index.js +0 -115
- package/dist/cards/kind.js +0 -7
- package/dist/cards/scene.d.ts +0 -24
- package/dist/cards/scene.js +0 -67
- package/dist/cards/text.d.ts +0 -18
- package/dist/cards/text.js +0 -41
- package/dist/cli/doctor.js +0 -355
- package/dist/cli/init.js +0 -116
- package/dist/cli/main.js +0 -243
- package/dist/cli/serve.js +0 -56
- package/dist/cli/skeleton.d.ts +0 -39
- package/dist/cli/skeleton.js +0 -184
- package/dist/cli/skills.d.ts +0 -40
- package/dist/cli/skills.js +0 -170
- package/dist/cli/workspace.d.ts +0 -69
- package/dist/lib/agent-file.d.ts +0 -10
- package/dist/lib/agent-file.js +0 -16
- package/dist/lib/board.d.ts +0 -15
- package/dist/lib/board.js +0 -107
- package/dist/lib/context-pack.js +0 -55
- package/dist/lib/conversation.js +0 -88
- package/dist/lib/kid-board.d.ts +0 -148
- package/dist/lib/kid-board.js +0 -294
- package/dist/lib/kid-view.d.ts +0 -63
- package/dist/lib/kid-view.js +0 -93
- package/dist/lib/ledger.d.ts +0 -29
- package/dist/lib/run-plan.d.ts +0 -30
- package/dist/lib/run-plan.js +0 -32
- package/dist/lib/sections.d.ts +0 -12
- package/dist/lib/sections.js +0 -151
- package/dist/lib/stream.d.ts +0 -15
- package/dist/lib/stream.js +0 -69
- package/dist/lib/transcript.d.ts +0 -36
- package/dist/lib/transcript.js +0 -95
- package/dist/server/app.d.ts +0 -74
- package/dist/server/app.js +0 -406
- package/dist/server/kid-page.d.ts +0 -1
- package/dist/server/kid-page.js +0 -768
- package/dist/server/mock.js +0 -403
- package/dist/server/parent-page.d.ts +0 -8
- package/dist/server/parent-page.js +0 -393
- package/dist/server/runner.d.ts +0 -64
- package/dist/server/runner.js +0 -277
- package/dist/server/scene-props.d.ts +0 -16
- package/dist/server/scene-props.js +0 -39
- package/dist/server/store.d.ts +0 -43
- package/dist/server/store.js +0 -210
- package/dist/server/tts.d.ts +0 -51
- package/dist/server/tts.js +0 -99
- /package/dist/{cli → app/cli}/cert.d.ts +0 -0
- /package/dist/{cli → app/cli}/main.d.ts +0 -0
- /package/dist/{cards → board/cards}/choice.d.ts +0 -0
- /package/dist/{cards → board/cards}/code.d.ts +0 -0
- /package/dist/{cards → board/cards}/image.d.ts +0 -0
- /package/dist/{cards → board/cards}/read.d.ts +0 -0
|
@@ -0,0 +1,2248 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 工作台 /dev(2026-09-22 之前叫家长端 /parent;现在家长端是 /parent = 记录与首页,给不懂技术的家长日常用,这页给有技术背景的家长与开发者):
|
|
3
|
+
* 六个标签(概览 / 对话 / 老师团 / activity / 音色 / 设置)+「看原文」抽屉,零依赖内联脚本,只走 /api/*。
|
|
4
|
+
* 2026-09-11 重做:一轮 = 一张卡(问句 → 板书 → 埋点 → 孩子看到 → 通知块),板书按 kind 渲染成卡片而不是把围栏原文倒给家长;
|
|
5
|
+
* 顶栏与输入框各自钉死(grid-rows auto/1fr/auto + min-height:0,不再硬算 100vh - 47px:顶栏一换行就错位,composer 被顶出视口);
|
|
6
|
+
* 老师团一位一行、九项政策折叠、改过的才亮;设置分路径 / 服务 / 配音三块,配音能当场试一句。
|
|
7
|
+
* 看原文 = 把一轮拆成几站(上下文包 / 时间线 / 老师原文 / 解析结果 / 下发给孩子 / 读了什么 / 转录),数据来自 /api/conversations/<老师>/<日期>/raw/<job>。
|
|
8
|
+
* 放在 .ts 里而不是 .html,是因为 tsc 不拷贝静态文件,dist 里就少一份。
|
|
9
|
+
* 改这里注意:整份是模板字符串——页面脚本里不要用反引号与 ${},换行写 \\n,正则里别写 \\/。
|
|
10
|
+
*/
|
|
11
|
+
import { faviconLinks } from "../shared/favicon.js";
|
|
12
|
+
import { DEV_CSS } from "./dev-theme.js";
|
|
13
|
+
import { pageDomJs } from "../shared/page-dom.js";
|
|
14
|
+
import { BRAND_CSS, BRAND_NAME, BRAND_URL, brandLogo } from "../shared/brand.js";
|
|
15
|
+
export const DEV_PAGE = `<!doctype html>
|
|
16
|
+
<html lang="zh-CN">
|
|
17
|
+
<meta charset="utf-8">
|
|
18
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
19
|
+
${faviconLinks()}
|
|
20
|
+
<title>cotutor 工作台</title>
|
|
21
|
+
<style>
|
|
22
|
+
${DEV_CSS}
|
|
23
|
+
body { height:100vh; overflow:hidden; display:grid; grid-template-columns:232px minmax(0,1fr); }
|
|
24
|
+
|
|
25
|
+
/* ---------- 侧栏:坐在纸上,当前那项白底浮起 ---------- */
|
|
26
|
+
#side { display:flex; flex-direction:column; gap:14px; padding:18px 12px 16px 14px; overflow:auto; min-height:0; }
|
|
27
|
+
${BRAND_CSS}
|
|
28
|
+
#side .brand { display:flex; align-items:center; gap:9px; padding:2px 8px; color:inherit; text-decoration:none; }
|
|
29
|
+
#side .brand .logo { width:30px; height:30px; border-radius:9px; background:var(--accent); display:grid; place-items:center; flex:none; }
|
|
30
|
+
#side .brand b { font-size:17px; font-weight:700; letter-spacing:-.01em; }
|
|
31
|
+
#side .brand small { font-size:13px; color:var(--muted); }
|
|
32
|
+
#side .ws { display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:var(--r-item); background:var(--surface); box-shadow:0 0 0 1px var(--line); min-width:0; }
|
|
33
|
+
#side .ws .ini { width:28px; height:28px; border-radius:50%; background:var(--sunk); display:grid; place-items:center; font-size:13px; font-weight:600; color:var(--ink-2); flex:none; }
|
|
34
|
+
#side .ws span { display:flex; flex-direction:column; min-width:0; }
|
|
35
|
+
#side .ws b { font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
|
36
|
+
#side .ws small { font:400 11.5px/1.4 var(--mono); color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
|
37
|
+
#side nav { display:flex; flex-direction:column; gap:2px; }
|
|
38
|
+
#side nav a { display:flex; align-items:center; gap:10px; height:38px; padding:0 12px; border-radius:var(--r-ctl); color:var(--ink-2); font-size:14px; white-space:nowrap; }
|
|
39
|
+
#side nav a:hover { background:rgba(255,255,255,.6); color:var(--ink); }
|
|
40
|
+
#side nav a.on { background:var(--surface); color:var(--ink); font-weight:600; box-shadow:var(--lift),0 0 0 1px var(--line); }
|
|
41
|
+
#side nav a svg { flex:none; }
|
|
42
|
+
#side nav a .out { margin-left:auto; color:var(--muted); }
|
|
43
|
+
#side nav a .badge { margin-left:auto; font:600 11.5px/1 var(--mono); color:#fff; background:var(--accent); border-radius:999px; padding:3px 7px; }
|
|
44
|
+
#side nav .grp { font-size:12px; color:var(--muted); padding:12px 12px 4px; letter-spacing:.04em; }
|
|
45
|
+
#side nav hr { border:0; height:1px; background:var(--line); margin:10px 10px; }
|
|
46
|
+
#side .health { margin-top:auto; display:flex; flex-direction:column; gap:4px; padding:11px 12px; border-radius:var(--r-item); background:var(--surface); box-shadow:0 0 0 1px var(--line); }
|
|
47
|
+
#side .health div { display:flex; align-items:center; gap:8px; }
|
|
48
|
+
#side .health b { font-size:13px; font-weight:600; }
|
|
49
|
+
#side .health b.bad { color:var(--err); }
|
|
50
|
+
#side .health b.warn { color:var(--warn); }
|
|
51
|
+
#side .health .dot.warn { box-shadow:0 0 0 3px var(--warn-soft); }
|
|
52
|
+
#side .health .dot { box-shadow:0 0 0 3px var(--ok-soft); }
|
|
53
|
+
#side .health .dot.err { box-shadow:0 0 0 3px var(--err-soft); }
|
|
54
|
+
#side .health small { font:400 11.5px/1.5 var(--mono); color:var(--muted); word-break:break-all; white-space:pre-line; }
|
|
55
|
+
|
|
56
|
+
main { display:none; min-height:0; min-width:0; }
|
|
57
|
+
main.on { display:block; overflow:auto; }
|
|
58
|
+
.ph { display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; min-height:44px; }
|
|
59
|
+
.ph h1 { margin:0; font-size:24px; font-weight:650; letter-spacing:-.01em; }
|
|
60
|
+
.ph .sub { font-size:13px; color:var(--muted); }
|
|
61
|
+
.ph .right { margin-left:auto; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
|
|
62
|
+
|
|
63
|
+
/* 头像:家长首页那个缺口环(学科色)+ 白脸;emoji 或图片 */
|
|
64
|
+
.av { position:relative; width:34px; height:34px; flex:none; display:inline-block; vertical-align:middle; color:var(--muted); }
|
|
65
|
+
.av svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
|
|
66
|
+
.av circle { fill:none; stroke:currentColor; stroke-width:8; stroke-linecap:round; stroke-dasharray:221.17 55.29; transform-origin:50px 50px; transform:rotate(36deg); }
|
|
67
|
+
.av .face { position:absolute; left:15%; top:15%; width:70%; height:70%; border-radius:50%; background:var(--surface); display:grid; place-items:center; font-size:15px; line-height:1; overflow:hidden; }
|
|
68
|
+
.av .face img { width:100%; height:100%; object-fit:cover; display:block; }
|
|
69
|
+
.av.lg { width:44px; height:44px; } .av.lg .face { font-size:19px; }
|
|
70
|
+
.av.sm { width:28px; height:28px; } .av.sm .face { font-size:12px; }
|
|
71
|
+
|
|
72
|
+
/* ---------- 概览 ---------- */
|
|
73
|
+
#overview .wrap { max-width:1240px; }
|
|
74
|
+
.tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:4px; padding:8px; }
|
|
75
|
+
.tiles > * { display:flex; flex-direction:column; align-items:center; gap:7px; padding:16px 8px 14px; border-radius:var(--r-turn); color:var(--ink); border:0; background:none; cursor:pointer; text-align:center; }
|
|
76
|
+
.tiles > *:hover { background:var(--surface-2); color:var(--ink); }
|
|
77
|
+
.tiles .ic { width:40px; height:40px; border-radius:12px; background:var(--sunk); color:var(--ink-2); display:grid; place-items:center; }
|
|
78
|
+
.tiles .ic.hot { background:var(--accent-soft); color:var(--accent); }
|
|
79
|
+
.tiles b { font-size:14px; font-weight:600; }
|
|
80
|
+
.tiles small { font-size:12px; color:var(--muted); }
|
|
81
|
+
.tiles small.num { font-size:11.5px; }
|
|
82
|
+
.cols3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:16px; }
|
|
83
|
+
.cols2 { display:flex; flex-wrap:wrap; gap:16px; align-items:flex-start; }
|
|
84
|
+
.blk { background:var(--surface); border-radius:var(--r-card); padding:20px 22px; display:flex; flex-direction:column; gap:12px; min-width:0; }
|
|
85
|
+
.blk > .hd { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
|
|
86
|
+
.blk h2 { margin:0; font-size:16px; font-weight:600; }
|
|
87
|
+
.blk h3 { margin:0; font-size:14px; font-weight:600; }
|
|
88
|
+
.blk .hd .sub { font-size:12.5px; color:var(--muted); }
|
|
89
|
+
.blk .hd .right { margin-left:auto; display:flex; gap:8px; align-items:center; }
|
|
90
|
+
.hero { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
|
|
91
|
+
.hero .big { font-size:44px; font-weight:650; line-height:1; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
|
|
92
|
+
.hero .mid { font-size:28px; font-weight:650; line-height:1.1; font-variant-numeric:tabular-nums; }
|
|
93
|
+
.hero span { font-size:13px; color:var(--muted); }
|
|
94
|
+
.rule { height:1px; background:var(--line-soft); }
|
|
95
|
+
.kv { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
|
|
96
|
+
.kv.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
|
|
97
|
+
.kv > div { display:flex; flex-direction:column; gap:3px; min-width:0; }
|
|
98
|
+
.kv span { font-size:12px; color:var(--muted); }
|
|
99
|
+
.kv b { font:600 18px/1.3 var(--mono); font-variant-numeric:tabular-nums; }
|
|
100
|
+
.kv b small { font-size:12px; color:var(--muted); font-weight:400; }
|
|
101
|
+
.kv .st { align-self:flex-start; }
|
|
102
|
+
.bars { display:flex; align-items:flex-end; gap:10px; height:150px; padding-top:16px; border-bottom:1px solid var(--line); }
|
|
103
|
+
.bars .b { flex:1; min-width:0; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; }
|
|
104
|
+
.bars .b i { display:block; width:100%; max-width:30px; background:var(--accent-line); border-radius:4px 4px 0 0; min-height:2px; }
|
|
105
|
+
.bars .b.today i { background:var(--accent); }
|
|
106
|
+
.bars .b span { font:400 11.5px/1 var(--mono); color:var(--ink-2); visibility:hidden; }
|
|
107
|
+
.bars .b.lab span { visibility:visible; }
|
|
108
|
+
.bars .b:hover span { visibility:visible; }
|
|
109
|
+
.axis { display:flex; gap:10px; }
|
|
110
|
+
.axis span { flex:1; min-width:0; text-align:center; font:400 11.5px/1 var(--mono); color:var(--muted); }
|
|
111
|
+
.axis span.today { color:var(--ink); font-weight:600; }
|
|
112
|
+
.meter { display:flex; flex-direction:column; gap:6px; }
|
|
113
|
+
.meter .t { display:flex; align-items:baseline; gap:8px; }
|
|
114
|
+
.meter .t b { font-size:13px; font-weight:600; }
|
|
115
|
+
.meter .t span { margin-left:auto; font:400 12px/1 var(--mono); color:var(--muted); }
|
|
116
|
+
.tbl { overflow-x:auto; margin:0 -22px; }
|
|
117
|
+
.tbl .tr { display:grid; grid-template-columns:minmax(170px,2fr) 104px 52px 84px 64px 84px; gap:12px; align-items:center; padding:9px 22px; border-bottom:1px solid var(--line-soft); min-width:600px; color:var(--ink); }
|
|
118
|
+
.tbl .tr.th { font-size:12px; color:var(--muted); padding-top:4px; }
|
|
119
|
+
.tbl a.tr:hover { background:var(--surface-2); color:var(--ink); }
|
|
120
|
+
.tbl .tr .r { text-align:right; font-family:var(--mono); font-variant-numeric:tabular-nums; }
|
|
121
|
+
.tbl .tr .who { display:flex; align-items:center; gap:11px; min-width:0; }
|
|
122
|
+
.tbl .tr .who span { display:flex; flex-direction:column; min-width:0; }
|
|
123
|
+
.tbl .tr .who b { font-size:14px; font-weight:600; }
|
|
124
|
+
.tbl .tr .who small { font:400 11.5px/1.4 var(--mono); color:var(--muted); }
|
|
125
|
+
.tbl .tr .tag { justify-self:start; }
|
|
126
|
+
.tbl .tr .vis { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--ok); }
|
|
127
|
+
.tbl .tr .vis.off { color:var(--muted); }
|
|
128
|
+
.issue { display:flex; gap:12px; align-items:flex-start; padding:11px 12px; border-radius:var(--r-item); background:var(--surface-2); box-shadow:0 0 0 1px var(--line-soft); color:var(--ink); border:0; text-align:left; cursor:pointer; width:100%; }
|
|
129
|
+
.issue:hover { box-shadow:0 0 0 1px var(--accent-line); }
|
|
130
|
+
.issue .st { flex:none; }
|
|
131
|
+
.issue .tx { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
|
|
132
|
+
.issue .tx b { font-size:13.5px; font-weight:600; }
|
|
133
|
+
.issue .tx span { font-size:12.5px; color:var(--ink-2); word-break:break-word; }
|
|
134
|
+
.issue .go { flex:none; font-size:12.5px; color:var(--accent); line-height:20px; }
|
|
135
|
+
.jsissue { display:flex; flex-direction:column; gap:6px; }
|
|
136
|
+
.issue.static { cursor:default; }
|
|
137
|
+
.issue.static:hover { box-shadow:0 0 0 1px var(--line-soft); }
|
|
138
|
+
.jsmore { padding:4px 12px 8px; display:flex; flex-direction:column; gap:6px; align-items:flex-start; }
|
|
139
|
+
.jsmore[hidden] { display:none; }
|
|
140
|
+
.jsmore pre { margin:0; max-width:100%; overflow-x:auto; font:400 11.5px/1.5 var(--mono); color:var(--ink-2); white-space:pre-wrap; word-break:break-all; }
|
|
141
|
+
.stack { display:flex; flex-direction:column; gap:16px; min-width:0; }
|
|
142
|
+
.devs { overflow-x:auto; margin:0 -22px; }
|
|
143
|
+
.devs .dr { display:grid; grid-template-columns:minmax(120px,1.2fr) minmax(150px,1.5fr) 104px 104px 72px; gap:12px; align-items:center; padding:9px 22px; border-bottom:1px solid var(--line-soft); min-width:600px; font-size:13.5px; }
|
|
144
|
+
.devs .dr.th { font-size:12px; color:var(--muted); padding-top:4px; }
|
|
145
|
+
.devs .dr .r { text-align:right; font-family:var(--mono); font-variant-numeric:tabular-nums; }
|
|
146
|
+
.devs .dr .muted { font:400 12px/1.4 var(--mono); }
|
|
147
|
+
.devs .dr .lab { display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-width:0; }
|
|
148
|
+
.dname { border:0; background:transparent; padding:0; font:600 14px/1.4 var(--sans); color:var(--ink); cursor:text; text-align:left; }
|
|
149
|
+
.dname.none { font-weight:400; color:var(--muted); }
|
|
150
|
+
.dname:hover { color:var(--accent); }
|
|
151
|
+
.dname-in { width:100%; height:30px; font-size:14px; padding:0 8px; border:0; box-shadow:0 0 0 1.5px var(--accent-line); border-radius:8px; background:var(--surface); }
|
|
152
|
+
.dname-in:focus { outline:0; }
|
|
153
|
+
details.older summary { font-size:12.5px; color:var(--muted); cursor:pointer; }
|
|
154
|
+
.checks { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
|
|
155
|
+
.probs { display:flex; flex-direction:column; gap:8px; }
|
|
156
|
+
.prob { display:flex; gap:10px; align-items:flex-start; }
|
|
157
|
+
.prob .st { flex:none; }
|
|
158
|
+
.prob .tx { display:flex; flex-direction:column; gap:1px; min-width:0; font-size:12.5px; color:var(--ink-2); word-break:break-word; }
|
|
159
|
+
.prob .tx b { font-size:12.5px; color:var(--ink); }
|
|
160
|
+
.prob .tx .fix { color:var(--muted); }
|
|
161
|
+
.allck summary { cursor:pointer; font-size:12.5px; color:var(--muted); }
|
|
162
|
+
.checks .ck { display:inline-flex; align-items:center; gap:6px; font:400 12px/1.4 var(--mono); color:var(--ink); background:var(--ground); border-radius:7px; padding:4px 9px; }
|
|
163
|
+
.checks .ck.bad { background:var(--warn-soft); color:var(--warn); }
|
|
164
|
+
.checks .ck.err { background:var(--err-soft); color:var(--err); }
|
|
165
|
+
.muted { color:var(--muted); }
|
|
166
|
+
.note { font-size:12.5px; color:var(--muted); margin:0; }
|
|
167
|
+
|
|
168
|
+
/* ---------- 对话 ---------- */
|
|
169
|
+
#chat.on { display:grid; grid-template-columns:200px minmax(0,1fr); gap:16px; padding:20px 28px 20px 8px; overflow:hidden; height:100vh; }
|
|
170
|
+
#chat > aside { overflow:auto; display:flex; flex-direction:column; gap:3px; min-height:0; }
|
|
171
|
+
#chat > aside .head { font-size:12px; color:var(--muted); padding:8px 10px 6px; letter-spacing:.04em; }
|
|
172
|
+
#chat > aside .tutor { display:flex; gap:10px; align-items:center; padding:7px 10px; border-radius:var(--r-item); cursor:pointer; }
|
|
173
|
+
#chat > aside .tutor:hover { background:rgba(255,255,255,.6); }
|
|
174
|
+
#chat > aside .tutor.on { background:var(--surface); box-shadow:0 0 0 1px var(--line); }
|
|
175
|
+
#chat > aside .tutor.hid { opacity:.6; }
|
|
176
|
+
#chat > aside .tutor .who { min-width:0; flex:1; display:flex; flex-direction:column; }
|
|
177
|
+
#chat > aside .tutor .who b { font-size:14px; font-weight:600; }
|
|
178
|
+
#chat > aside .tutor .who span { font:400 11.5px/1.4 var(--mono); color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
|
179
|
+
#chat > aside .foot { margin:10px 10px 0; font-size:12px; color:var(--muted); line-height:1.6; }
|
|
180
|
+
|
|
181
|
+
#thread { display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:12px; min-height:0; min-width:0; }
|
|
182
|
+
.thread-top { display:flex; align-items:center; gap:10px 14px; flex-wrap:wrap; min-height:44px; }
|
|
183
|
+
.thread-top .who { display:flex; align-items:center; gap:10px; font-weight:650; font-size:22px; }
|
|
184
|
+
.thread-top select, #composer .row select { font:500 12.5px/1 var(--mono); border:0; box-shadow:0 0 0 1px var(--line); border-radius:999px; padding:7px 10px; background:var(--surface); color:var(--ink); }
|
|
185
|
+
.today { margin-left:auto; display:flex; align-items:center; gap:6px 16px; font:500 12.5px/1 var(--mono); color:var(--muted); font-variant-numeric:tabular-nums; flex-wrap:wrap; }
|
|
186
|
+
.today b { color:var(--ink); font-weight:600; }
|
|
187
|
+
|
|
188
|
+
#msgs { overflow:auto; padding:16px; background:var(--sunk); border-radius:var(--r-card); min-height:0; }
|
|
189
|
+
.stream { max-width:960px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }
|
|
190
|
+
.sep { text-align:center; font-size:12.5px; color:var(--muted); display:flex; flex-direction:column; align-items:center; gap:4px; margin-top:6px; }
|
|
191
|
+
.sep b { color:var(--ink); font-weight:600; }
|
|
192
|
+
.thread-head { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; font:500 12.5px/1 var(--mono); color:var(--muted); }
|
|
193
|
+
.stars { display:inline-flex; gap:1px; }
|
|
194
|
+
.stars .star { border:0; background:none; font-size:16px; line-height:1; padding:0 1px; color:var(--off); cursor:pointer; }
|
|
195
|
+
.stars .star.on { color:var(--warn-dot); }
|
|
196
|
+
.thread-head .booked { font:500 12px/1 var(--sans); color:var(--ok); background:var(--ok-soft); border-radius:999px; padding:4px 10px; }
|
|
197
|
+
.turn { background:var(--surface); border-radius:var(--r-turn); overflow:hidden; }
|
|
198
|
+
.turn.bad { box-shadow:0 0 0 1px var(--err-line); }
|
|
199
|
+
.ask { display:flex; gap:10px; padding:13px 18px; border-bottom:1px solid var(--line-soft); align-items:flex-start; }
|
|
200
|
+
.ask .tag { font:600 12px/22px var(--sans); padding:0 8px; border-radius:var(--r-tag); flex:none; background:var(--sunk); color:var(--muted); }
|
|
201
|
+
.ask.from-kid .tag { background:var(--kid-soft); color:var(--kid); }
|
|
202
|
+
.ask .q { flex:1; min-width:0; white-space:pre-wrap; word-break:break-word; font-size:15px; }
|
|
203
|
+
.ask .q .did { display:block; margin-top:6px; font-size:13.5px; color:var(--kid); background:var(--kid-soft); border-radius:8px; padding:4px 10px; white-space:normal; }
|
|
204
|
+
.ask .when { font:400 12px/22px var(--mono); color:var(--muted); flex:none; font-variant-numeric:tabular-nums; text-align:right; }
|
|
205
|
+
|
|
206
|
+
.board { padding:14px 18px 8px; display:flex; flex-direction:column; gap:9px; }
|
|
207
|
+
.line { display:flex; gap:10px; color:var(--ink-2); }
|
|
208
|
+
.line .n { font:400 11.5px/22px var(--mono); color:var(--faint); width:18px; text-align:right; flex:none; font-variant-numeric:tabular-nums; }
|
|
209
|
+
.line p { margin:0; min-width:0; }
|
|
210
|
+
.line mark { background:none; color:var(--accent); border-bottom:1.5px solid var(--accent-line); }
|
|
211
|
+
.line.ask-line p::after { content:"停下等孩子"; font:400 11.5px/1 var(--mono); color:var(--muted); margin-left:8px; }
|
|
212
|
+
.card { border-radius:var(--r-ctl); box-shadow:0 0 0 1px var(--line); margin-left:28px; overflow:hidden; }
|
|
213
|
+
.card .kindbar { display:flex; align-items:center; gap:8px; padding:5px 12px; background:var(--surface-2); border-bottom:1px solid var(--line-soft); font:400 11.5px/1.6 var(--mono); color:var(--muted); }
|
|
214
|
+
.card .kindbar i { width:7px; height:7px; border-radius:2px; background:var(--accent-line); display:block; }
|
|
215
|
+
.card .kindbar .more { margin-left:auto; }
|
|
216
|
+
.card .body { padding:12px 14px; }
|
|
217
|
+
.card.step .body { display:flex; gap:11px; align-items:flex-start; }
|
|
218
|
+
.card.step .idx { font:600 13px/22px var(--mono); width:22px; height:22px; border-radius:50%; background:var(--accent); color:#fff; text-align:center; flex:none; }
|
|
219
|
+
.card .body b { font-size:14.5px; display:block; }
|
|
220
|
+
.card .body p { margin:2px 0 0; color:var(--ink-2); white-space:pre-wrap; }
|
|
221
|
+
.card.formula .body { text-align:center; font:400 20px/1.5 var(--serif); padding:16px 14px; color:var(--ink); }
|
|
222
|
+
.card.quote .body { font-style:italic; text-align:center; }
|
|
223
|
+
.opt { display:flex; align-items:center; gap:10px; padding:7px 10px; box-shadow:0 0 0 1px var(--line); border-radius:8px; margin-top:6px; background:var(--surface); }
|
|
224
|
+
.opt .k { font:400 12px/1 var(--mono); color:var(--muted); width:14px; flex:none; }
|
|
225
|
+
.opt.right { box-shadow:0 0 0 1.5px var(--ok); }
|
|
226
|
+
.opt .ans { margin-left:auto; font:600 11.5px/1 var(--sans); color:var(--ok); background:var(--ok-soft); padding:3px 7px; border-radius:5px; flex:none; }
|
|
227
|
+
.rseg { display:inline-block; box-shadow:0 0 0 1px var(--line); background:var(--surface); border-radius:var(--r-tag); padding:3px 8px; margin:0 6px 6px 0; font-size:14px; }
|
|
228
|
+
.card img { max-width:100%; border-radius:6px; display:block; }
|
|
229
|
+
.card pre { margin:0; font:400 13px/1.7 var(--mono); white-space:pre-wrap; word-break:break-word; color:var(--ink-2); }
|
|
230
|
+
.card .meta2 { font:400 12px/1.6 var(--mono); color:var(--muted); }
|
|
231
|
+
|
|
232
|
+
.turn-foot { display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:9px 18px; border-top:1px solid var(--line-soft); background:var(--surface-2); }
|
|
233
|
+
.turn-foot .right { margin-left:auto; display:flex; gap:4px; }
|
|
234
|
+
.linkish { font:500 12.5px/1 var(--sans); color:var(--ink-2); background:none; border:0; cursor:pointer; height:28px; padding:0 10px; border-radius:8px; display:inline-flex; align-items:center; }
|
|
235
|
+
.linkish:hover { color:var(--accent); background:var(--accent-soft); }
|
|
236
|
+
.linkish.on, .linkish.go { color:var(--accent); background:var(--accent-soft); }
|
|
237
|
+
|
|
238
|
+
.kidview { border-top:1px solid var(--line-soft); padding:10px 18px; display:flex; gap:10px; align-items:flex-start; }
|
|
239
|
+
.kidview .lab { font:600 12px/22px var(--sans); color:var(--kid); background:var(--kid-soft); border-radius:var(--r-tag); padding:0 8px; flex:none; }
|
|
240
|
+
.kidview p { margin:0; font-size:13.5px; line-height:22px; color:var(--ink-2); min-width:0; }
|
|
241
|
+
.kidview p span { color:var(--muted); }
|
|
242
|
+
.kidview.parent .lab { color:var(--parent); background:var(--parent-soft); }
|
|
243
|
+
|
|
244
|
+
.notice { display:flex; gap:12px; padding:12px 18px; border-top:1px solid var(--line-soft); align-items:flex-start; }
|
|
245
|
+
.notice .ico { font:700 12px/20px var(--mono); width:20px; height:20px; border-radius:6px; text-align:center; flex:none; color:#fff; }
|
|
246
|
+
.notice h5 { margin:0 0 2px; font-size:13.5px; font-weight:600; }
|
|
247
|
+
.notice p { margin:0; font-size:13px; color:var(--ink-2); white-space:pre-wrap; }
|
|
248
|
+
.notice.note { background:var(--accent-soft); } .notice.note .ico { background:var(--accent); }
|
|
249
|
+
.notice.err { background:var(--err-soft); border-top-color:var(--err-line); } .notice.err .ico { background:var(--err); }
|
|
250
|
+
.notice.err p { font:400 12px/1.6 var(--mono); color:var(--err); word-break:break-word; }
|
|
251
|
+
.notice.warn { background:var(--info-soft); } .notice.warn .ico { background:var(--info); }
|
|
252
|
+
.running { display:flex; align-items:center; gap:10px; padding:12px 18px; border-top:1px solid var(--line-soft); color:var(--accent); font-size:13.5px; font-weight:500; }
|
|
253
|
+
.running::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px var(--accent-soft); flex:none; }
|
|
254
|
+
.running.dead { color:var(--muted); font-weight:400; } .running.dead::before { background:var(--off); box-shadow:none; }
|
|
255
|
+
.trace { padding:0 18px 12px; }
|
|
256
|
+
.trace .tool, .trace .done { font:400 12.5px/1.6 var(--mono); color:var(--muted); white-space:pre-wrap; word-break:break-word; }
|
|
257
|
+
.trace .tool-error { font:400 12.5px/1.6 var(--mono); color:var(--err); white-space:pre-wrap; }
|
|
258
|
+
.trace .say { white-space:pre-wrap; color:var(--ink-2); margin:4px 0; }
|
|
259
|
+
.trace details { font-size:13px; color:var(--muted); margin:4px 0; }
|
|
260
|
+
.trace summary { cursor:pointer; }
|
|
261
|
+
.trace .sub { border-left:2px dashed var(--line); padding-left:8px; margin:4px 0; }
|
|
262
|
+
.empty { color:var(--muted); text-align:center; margin-top:70px; }
|
|
263
|
+
|
|
264
|
+
#composer { background:var(--surface); border-radius:var(--r-card); padding:12px; display:flex; flex-direction:column; gap:10px; box-shadow:var(--lift),0 0 0 1px var(--line); }
|
|
265
|
+
#composer .box { display:flex; gap:10px; align-items:flex-end; }
|
|
266
|
+
#composer textarea { flex:1; min-height:52px; max-height:160px; padding:6px 8px; border:0; outline:0; background:transparent; resize:vertical; font-size:15px; }
|
|
267
|
+
#composer .row { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
|
|
268
|
+
#composer .row select { background:var(--ground); box-shadow:none; max-width:260px; }
|
|
269
|
+
#composer .row .hint { margin-left:auto; font:400 12px/1 var(--mono); color:var(--muted); padding:0; }
|
|
270
|
+
#composer .photo-btn { display:inline-flex; align-items:center; gap:6px; font:500 12.5px/1 var(--sans); border-radius:999px; padding:7px 11px; background:var(--ground); cursor:pointer; color:var(--ink-2); }
|
|
271
|
+
#composer .photo-btn input { display:none; }
|
|
272
|
+
#composer .send { height:38px; padding:0 20px; border-radius:11px; }
|
|
273
|
+
#photos { display:flex; gap:8px; flex-wrap:wrap; }
|
|
274
|
+
#photos:empty { display:none; }
|
|
275
|
+
#photos .p { position:relative; }
|
|
276
|
+
#photos img { height:64px; width:auto; border-radius:8px; box-shadow:0 0 0 1px var(--line); display:block; }
|
|
277
|
+
#photos .x { position:absolute; top:-6px; right:-6px; width:20px; height:20px; border-radius:10px; border:0; background:var(--ink); color:var(--surface); font-size:13px; line-height:20px; padding:0; cursor:pointer; }
|
|
278
|
+
.ask .q .photos { display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
|
|
279
|
+
.ask .q .photos img { height:96px; width:auto; border-radius:8px; box-shadow:0 0 0 1px var(--line); display:block; background:var(--surface); }
|
|
280
|
+
|
|
281
|
+
/* ---------- 看原文:盖住侧栏右边整块,像一页 ---------- */
|
|
282
|
+
#drawer { position:fixed; top:0; left:232px; right:0; bottom:0; background:var(--ground); display:none; grid-template-rows:auto minmax(0,1fr); gap:16px; padding:20px 28px 24px 8px; z-index:20; }
|
|
283
|
+
#drawer.on { display:grid; }
|
|
284
|
+
.dhead { display:flex; flex-direction:column; gap:6px; }
|
|
285
|
+
.dhead .crumb { display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--muted); flex-wrap:wrap; }
|
|
286
|
+
.dhead .crumb button { border:0; background:none; padding:0; color:var(--muted); cursor:pointer; font-size:12.5px; }
|
|
287
|
+
.dhead .crumb button:hover { color:var(--accent); }
|
|
288
|
+
.dhead .line2 { display:flex; align-items:center; gap:10px 12px; flex-wrap:wrap; }
|
|
289
|
+
.dhead h1 { margin:0; font-size:24px; font-weight:650; }
|
|
290
|
+
.dhead .jobid { font:600 12.5px/1 var(--mono); background:var(--accent-soft); color:var(--accent); padding:5px 9px; border-radius:7px; }
|
|
291
|
+
.dhead .who2 { font:400 12.5px/1.5 var(--mono); color:var(--muted); }
|
|
292
|
+
.dhead .acts { margin-left:auto; display:flex; gap:8px; flex-wrap:wrap; }
|
|
293
|
+
.dbody { display:grid; grid-template-columns:232px minmax(0,1fr); gap:16px; min-height:0; }
|
|
294
|
+
.rail { background:var(--surface); border-radius:var(--r-card); padding:8px; overflow:auto; align-self:start; max-height:100%; }
|
|
295
|
+
.rail button { display:flex; gap:10px; align-items:flex-start; text-align:left; background:none; border:0; border-radius:var(--r-item); padding:9px 11px; cursor:pointer; width:100%; }
|
|
296
|
+
.rail button:hover { background:var(--surface-2); }
|
|
297
|
+
.rail button.on { background:var(--ground); }
|
|
298
|
+
.rail .dot { margin-top:7px; }
|
|
299
|
+
.rail .lab { min-width:0; }
|
|
300
|
+
.rail .lab b { display:block; font-size:14px; font-weight:500; }
|
|
301
|
+
.rail button.on .lab b { font-weight:600; }
|
|
302
|
+
.rail .lab span { display:block; font:400 11.5px/1.5 var(--mono); color:var(--muted); }
|
|
303
|
+
.dcontent { min-width:0; overflow:auto; background:var(--surface); border-radius:var(--r-card); }
|
|
304
|
+
.ctop { display:flex; align-items:center; gap:10px; padding:12px 18px; border-bottom:1px solid var(--line-soft); font:400 12px/1.5 var(--mono); color:var(--muted); flex-wrap:wrap; }
|
|
305
|
+
.ctop .right { margin-left:auto; display:flex; gap:4px; }
|
|
306
|
+
.raw { font:400 13.5px/1.9 var(--mono); padding:10px 0 20px; }
|
|
307
|
+
.rl { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:0 14px; padding-right:18px; }
|
|
308
|
+
.rl .n { color:var(--faint); text-align:right; user-select:none; font-variant-numeric:tabular-nums; }
|
|
309
|
+
.rl .t { white-space:pre-wrap; word-break:break-word; color:var(--ink-2); }
|
|
310
|
+
.rl .a { font-size:11.5px; color:var(--muted); white-space:nowrap; align-self:center; }
|
|
311
|
+
.rl.say .t { color:var(--ink); } .rl.say .a { color:var(--ok); }
|
|
312
|
+
.rl.card { background:var(--surface-2); } .rl.card.open .t, .rl.card.open .a { color:var(--accent); }
|
|
313
|
+
.rl.section { background:var(--ground); } .rl.section .t { color:var(--muted); }
|
|
314
|
+
.rl.tail { background:var(--surface-2); } .rl.tail .t { color:var(--muted); } .rl.tail .a { color:var(--warn); }
|
|
315
|
+
.rl.warnline { background:var(--warn-soft); }
|
|
316
|
+
.rawwarn { margin:6px 18px 6px 62px; padding:9px 12px; background:var(--warn-soft); border-radius:var(--r-ctl); font:400 13px/1.6 var(--sans); color:var(--ink-2); }
|
|
317
|
+
.rawwarn b { font:600 12px/1.6 var(--mono); color:var(--warn); margin-right:8px; }
|
|
318
|
+
.dsec { padding:18px; display:flex; flex-direction:column; gap:10px; }
|
|
319
|
+
.dsec h5 { margin:0; font-size:14px; font-weight:600; }
|
|
320
|
+
.dsec pre { margin:0; font:400 13px/1.7 var(--mono); background:var(--surface-2); box-shadow:0 0 0 1px var(--line-soft); border-radius:var(--r-ctl); padding:11px 12px; white-space:pre-wrap; word-break:break-word; color:var(--ink-2); max-height:340px; overflow:auto; }
|
|
321
|
+
.dsec .hintline { font-size:13px; color:var(--muted); margin:0; }
|
|
322
|
+
.gantt { display:grid; grid-template-columns:64px 1fr; row-gap:8px; align-items:center; font-size:12.5px; }
|
|
323
|
+
.gantt .ln { color:var(--ink-2); font-family:var(--mono); font-size:12px; }
|
|
324
|
+
.gantt .tr { position:relative; height:20px; background:var(--ground); border-radius:5px; }
|
|
325
|
+
.gantt .sp { position:absolute; top:4px; height:12px; min-width:3px; border-radius:3px; background:var(--accent); cursor:pointer; }
|
|
326
|
+
.gantt .sp.warn { background:var(--warn-dot); } .gantt .sp.fail { background:var(--err); } .gantt .sp.tick { width:3px; }
|
|
327
|
+
.gantt .sp.on { outline:2px solid var(--ink); }
|
|
328
|
+
.gantt .ax { grid-column:2; display:flex; justify-content:space-between; color:var(--muted); font-family:var(--mono); font-size:11px; }
|
|
329
|
+
.dsec details summary { cursor:pointer; font-size:13px; color:var(--muted); }
|
|
330
|
+
.dline { display:grid; grid-template-columns:16px minmax(0,1fr); gap:8px; font:400 13px/1.8 var(--mono); padding:0 4px; border-radius:4px; }
|
|
331
|
+
.dline .s { text-align:center; font-weight:600; }
|
|
332
|
+
.dline.add { background:var(--ok-soft); } .dline.add .s { color:var(--ok); }
|
|
333
|
+
.dline.del { background:var(--err-soft); } .dline.del .s { color:var(--err); }
|
|
334
|
+
.dline.same .s { color:var(--off); }
|
|
335
|
+
.kline { display:flex; gap:10px; align-items:baseline; padding:6px 0; border-bottom:1px solid var(--line-soft); }
|
|
336
|
+
.kline .n2 { font:400 11.5px/1.6 var(--mono); color:var(--faint); width:18px; flex:none; }
|
|
337
|
+
.kline .cut { color:var(--muted); text-decoration:line-through; text-decoration-color:var(--err); }
|
|
338
|
+
.kline .kidstate { color:var(--kid); }
|
|
339
|
+
.kline .au { margin-left:auto; font:500 12px/1 var(--mono); color:var(--ok); flex:none; }
|
|
340
|
+
.kline .au.bad { color:var(--err); }
|
|
341
|
+
.kline .au.none { color:var(--muted); }
|
|
342
|
+
|
|
343
|
+
/* ---------- 老师团 / 音色 / 设置 ---------- */
|
|
344
|
+
.wrap { max-width:1040px; padding:20px 28px 40px 8px; display:flex; flex-direction:column; gap:16px; }
|
|
345
|
+
.panel { background:var(--surface); border-radius:var(--r-card); overflow:hidden; }
|
|
346
|
+
.panel > header { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:16px 20px; border-bottom:1px solid var(--line-soft); }
|
|
347
|
+
.panel > header h4 { margin:0; font-size:16px; font-weight:600; }
|
|
348
|
+
.panel > header .sub { font:400 12.5px/1.4 var(--sans); color:var(--muted); }
|
|
349
|
+
.panel > header .right { margin-left:auto; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
|
|
350
|
+
.fb { font-size:13px; color:var(--ok); white-space:pre-wrap; }
|
|
351
|
+
.fb.bad { color:var(--err); }
|
|
352
|
+
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px 18px; padding:18px 20px; }
|
|
353
|
+
.field { display:flex; flex-direction:column; gap:6px; min-width:0; }
|
|
354
|
+
.field label { font-size:12.5px; color:var(--muted); }
|
|
355
|
+
.field input, .field select { height:36px; font-size:14px; padding:0 10px; border:0; box-shadow:0 0 0 1px var(--line); border-radius:9px; background:var(--surface); width:100%; }
|
|
356
|
+
.field input:focus, .field select:focus { outline:0; box-shadow:0 0 0 1.5px var(--accent-line); }
|
|
357
|
+
/* 学科色的色块:自动 + 三门主科 + 八种,都是白字压得住的深色;不开放随便填 */
|
|
358
|
+
.swatches { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
|
|
359
|
+
.swatches .sw { width:28px; height:28px; border-radius:50%; border:0; box-shadow:inset 0 0 0 2px rgba(255,255,255,.35); cursor:pointer; padding:0; }
|
|
360
|
+
.swatches .sw.auto { width:auto; height:28px; padding:0 12px; border-radius:14px; font-size:12.5px; color:#fff; }
|
|
361
|
+
.swatches .sw.on { box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink); }
|
|
362
|
+
.field.changed input, .field.changed select { box-shadow:0 0 0 1.5px var(--accent); }
|
|
363
|
+
.field.changed > label::after { content:" · 改过"; color:var(--accent); font-weight:600; }
|
|
364
|
+
.field .foot { font:400 12px/1.4 var(--mono); color:var(--muted); }
|
|
365
|
+
.field.chk { flex-direction:row; align-items:center; gap:8px; }
|
|
366
|
+
.field.chk input { width:16px; height:16px; box-shadow:none; }
|
|
367
|
+
.field.chk label { font-size:14px; color:var(--ink); }
|
|
368
|
+
.hint { color:var(--muted); font-size:13px; padding:0 20px 16px; margin:0; }
|
|
369
|
+
.roster .row { display:flex; align-items:center; gap:12px 16px; padding:13px 20px; border-top:1px solid var(--line-soft); cursor:pointer; flex-wrap:wrap; }
|
|
370
|
+
.roster .row:first-child { border-top:0; }
|
|
371
|
+
.roster .row:hover { background:var(--surface-2); }
|
|
372
|
+
.roster .row .name { min-width:150px; display:flex; flex-direction:column; }
|
|
373
|
+
.roster .row .name b { font-size:15px; font-weight:600; }
|
|
374
|
+
.roster .row .name span { font:400 12px/1.5 var(--mono); color:var(--muted); }
|
|
375
|
+
.roster .row .tags { display:flex; gap:6px; flex-wrap:wrap; flex:1; }
|
|
376
|
+
.tag.tuned { background:var(--accent-soft); color:var(--accent); }
|
|
377
|
+
.tag.mute { background:none; box-shadow:inset 0 0 0 1px var(--line); color:var(--muted); }
|
|
378
|
+
.roster .row .caret { width:30px; height:30px; border-radius:8px; background:var(--ground); display:grid; place-items:center; color:var(--ink-2); font-size:12px; flex:none; }
|
|
379
|
+
.roster .row .caret.up svg { transform:rotate(180deg); }
|
|
380
|
+
.roster .row.off { opacity:.55; }
|
|
381
|
+
.rowbody { border-top:1px solid var(--line-soft); background:var(--surface-2); padding:18px 20px 20px; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px 18px; }
|
|
382
|
+
.rowbody .full { grid-column:1/-1; display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
|
|
383
|
+
.rowbody textarea { grid-column:1/-1; width:100%; min-height:280px; font:13.5px/1.6 var(--mono); padding:10px 12px; border:0; box-shadow:0 0 0 1px var(--line); border-radius:var(--r-ctl); resize:vertical; background:var(--surface); }
|
|
384
|
+
.pathrow { display:grid; grid-template-columns:minmax(124px,188px) minmax(0,1fr) minmax(0,1.1fr); gap:12px; align-items:center; padding:10px 20px; border-top:1px solid var(--line-soft); }
|
|
385
|
+
.pathrow:first-of-type { border-top:0; }
|
|
386
|
+
.pathrow .k { font-size:14px; }
|
|
387
|
+
.pathrow .k small { display:block; color:var(--muted); font-size:12.5px; }
|
|
388
|
+
.pathrow input { height:34px; font:400 13px/1 var(--mono); padding:0 10px; border:0; box-shadow:0 0 0 1px var(--line); border-radius:9px; background:var(--surface); width:100%; }
|
|
389
|
+
.pathrow .resolved { font:400 12px/1.4 var(--mono); color:var(--muted); word-break:break-all; }
|
|
390
|
+
.migrate { box-shadow:0 0 0 1.5px var(--warn-dot); }
|
|
391
|
+
.migrate > header { background:var(--warn-soft); }
|
|
392
|
+
.gaps { margin:0; padding:14px 20px; list-style:none; display:flex; flex-direction:column; gap:7px; }
|
|
393
|
+
.gaps li { display:flex; gap:9px; font-size:14px; align-items:baseline; }
|
|
394
|
+
.gaps li .plus { font:600 13px/1 var(--mono); color:var(--ok); }
|
|
395
|
+
.gaps li .minus { color:var(--muted); }
|
|
396
|
+
|
|
397
|
+
.field .withbtn { display:flex; gap:6px; align-items:center; }
|
|
398
|
+
.field .withbtn input { flex:1; min-width:0; }
|
|
399
|
+
.field .withbtn .btn { flex:none; height:36px; }
|
|
400
|
+
.voices header .for { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--muted); white-space:nowrap; }
|
|
401
|
+
.voices header .for select { font-size:13.5px; height:34px; padding:0 8px; border:0; box-shadow:0 0 0 1px var(--line); border-radius:9px; background:var(--surface); max-width:180px; }
|
|
402
|
+
.voices .now { display:flex; align-items:center; gap:10px; padding:12px 20px; border-bottom:1px solid var(--line-soft); flex-wrap:wrap; }
|
|
403
|
+
.voices .now small { font:400 12px/1.4 var(--mono); color:var(--muted); }
|
|
404
|
+
.voices .now .muted { color:var(--muted); }
|
|
405
|
+
.handrow { display:flex; align-items:center; gap:10px; padding:12px 20px; flex-wrap:wrap; }
|
|
406
|
+
.handrow .muted { color:var(--muted); }
|
|
407
|
+
.voices .filters { display:flex; gap:8px; padding:12px 20px; border-bottom:1px solid var(--line-soft); flex-wrap:wrap; background:var(--surface-2); }
|
|
408
|
+
.voices .filters input, .voices .filters select { height:34px; font-size:13.5px; padding:0 10px; border:0; box-shadow:0 0 0 1px var(--line); border-radius:9px; background:var(--surface); }
|
|
409
|
+
.voices .filters input[type=search] { flex:1 1 220px; min-width:0; }
|
|
410
|
+
.voices .filters .sample { flex:1 1 100%; }
|
|
411
|
+
.voices .vlist { max-height:calc(100vh - 360px); overflow:auto; }
|
|
412
|
+
.vrow { display:grid; grid-template-columns:auto minmax(150px,1.3fr) 76px minmax(90px,1fr) minmax(80px,1fr) auto auto; align-items:center; gap:12px; padding:9px 20px; border-top:1px solid var(--line-soft); }
|
|
413
|
+
.vrow:first-child { border-top:0; }
|
|
414
|
+
.vrow.mine { background:var(--accent-soft); }
|
|
415
|
+
.vrow .play { min-width:78px; font:500 12.5px/1 var(--mono); }
|
|
416
|
+
.vrow .play.on { box-shadow:0 0 0 1px var(--accent); color:var(--accent); background:var(--accent-soft); }
|
|
417
|
+
.vrow .vname { min-width:0; }
|
|
418
|
+
.vrow .vname b { display:block; font-size:14.5px; font-weight:600; }
|
|
419
|
+
.vrow .vname span { display:block; font:400 11.5px/1.5 var(--mono); color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
|
|
420
|
+
.vrow .vmeta, .vrow .vtrait, .vrow .vscene { font-size:13px; color:var(--muted); }
|
|
421
|
+
.vrow .vtrait { color:var(--ink); }
|
|
422
|
+
.vrow .tags { display:flex; gap:6px; flex-wrap:wrap; }
|
|
423
|
+
.vrow .pick { font-size:12.5px; height:30px; padding:0 10px; }
|
|
424
|
+
|
|
425
|
+
/* ---------- activity:列表(每位老师先是新话题 = 老师文件)/ 原文 / 检查·预览·和出厂比 ---------- */
|
|
426
|
+
.act-wrap { max-width:none; }
|
|
427
|
+
.act { display:grid; grid-template-columns:212px minmax(0,1fr) minmax(300px,380px); gap:16px; align-items:start; }
|
|
428
|
+
.alist { display:flex; flex-direction:column; gap:10px; position:sticky; top:0; }
|
|
429
|
+
.alist .grp { display:flex; flex-direction:column; gap:2px; }
|
|
430
|
+
.alist .gh { display:flex; align-items:center; gap:8px; padding:4px 10px 6px; font-size:12.5px; color:var(--muted); }
|
|
431
|
+
.alist .note { margin:4px 10px 0; line-height:1.6; }
|
|
432
|
+
.ai { display:flex; align-items:center; gap:8px; width:100%; padding:8px 10px; border:0; border-radius:var(--r-item); background:none; text-align:left; cursor:pointer; color:var(--ink); }
|
|
433
|
+
.ai:hover { background:rgba(255,255,255,.6); }
|
|
434
|
+
.ai.on { background:var(--surface); box-shadow:0 0 0 1px var(--line); }
|
|
435
|
+
.ai .tx { display:flex; flex-direction:column; min-width:0; flex:1; }
|
|
436
|
+
.ai b { font-size:14px; font-weight:500; }
|
|
437
|
+
.ai.on b { font-weight:600; }
|
|
438
|
+
.ai small { font:400 11px/1.5 var(--mono); color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
|
439
|
+
.ai .st { flex:none; font-size:11.5px; }
|
|
440
|
+
.ai.tf:not(:last-child) { margin-bottom:2px; box-shadow:inset 0 -1px 0 var(--line-soft); border-radius:var(--r-item) var(--r-item) 0 0; }
|
|
441
|
+
.ai.tf.on { box-shadow:0 0 0 1px var(--line); border-radius:var(--r-item); }
|
|
442
|
+
.aside details summary { cursor:pointer; font-size:12.5px; color:var(--ink-2); padding:4px 0; }
|
|
443
|
+
.aside details[open] summary { margin-bottom:6px; }
|
|
444
|
+
.ed { display:flex; flex-direction:column; min-width:0; overflow:clip; }
|
|
445
|
+
.ed .banner { display:flex; gap:12px; align-items:flex-start; flex-wrap:wrap; padding:12px 18px; background:var(--warn-soft); }
|
|
446
|
+
.ed .banner[hidden] { display:none; }
|
|
447
|
+
.ed .banner .tx { flex:1 1 260px; min-width:0; font-size:13px; color:var(--ink-2); }
|
|
448
|
+
.ed .banner .st { background:var(--surface); color:var(--warn); }
|
|
449
|
+
.ehead { display:flex; flex-direction:column; gap:6px; padding:16px 18px 12px; }
|
|
450
|
+
.ehead .l1 { display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; }
|
|
451
|
+
.ehead h2 { margin:0; font-size:20px; font-weight:650; }
|
|
452
|
+
.ehead .right { margin-left:auto; display:flex; align-items:center; gap:8px; }
|
|
453
|
+
.ehead .dirty { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--accent); }
|
|
454
|
+
.ehead .dirty::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--accent); }
|
|
455
|
+
.ehead .clean { font-size:12.5px; color:var(--muted); }
|
|
456
|
+
.ehead .l2 { font:400 12px/1.5 var(--mono); color:var(--muted); word-break:break-all; }
|
|
457
|
+
.ehead .l3 { font-size:13px; color:var(--ink-2); }
|
|
458
|
+
.secs { display:flex; gap:4px; overflow-x:auto; padding:8px 12px; background:var(--surface-2); border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); position:sticky; top:0; z-index:2; }
|
|
459
|
+
.secs button { flex:none; display:flex; flex-direction:column; padding:5px 10px; border:0; border-radius:9px; background:none; cursor:pointer; text-align:left; color:var(--ink); }
|
|
460
|
+
.secs button:hover { background:rgba(255,255,255,.7); }
|
|
461
|
+
.secs button.on { background:var(--surface); box-shadow:0 0 0 1px var(--line); }
|
|
462
|
+
.secs button b { font-size:12.5px; font-weight:400; white-space:nowrap; }
|
|
463
|
+
.secs button.on b { font-weight:600; }
|
|
464
|
+
.secs button small { font-size:10.5px; color:var(--muted); white-space:nowrap; }
|
|
465
|
+
/* 原文:透明的 textarea 叠在逐行底色层上,两层同字、同宽、同折行;textarea 跟着内容长高,不自己滚 */
|
|
466
|
+
.code { position:relative; }
|
|
467
|
+
.code .bd, .code .eta { font:13.5px/24px var(--sans); white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal; letter-spacing:0; tab-size:4; }
|
|
468
|
+
.code .bd { position:absolute; inset:0; padding:10px 18px 14px 0; pointer-events:none; color:transparent; }
|
|
469
|
+
.code .eta { display:block; position:relative; z-index:1; width:100%; min-height:240px; margin:0; border:0; outline:0; resize:none; overflow:hidden; background:transparent; padding:10px 18px 14px 58px; color:var(--ink); caret-color:var(--accent); }
|
|
470
|
+
.ln { position:relative; padding-left:58px; min-height:24px; }
|
|
471
|
+
.ln .no { position:absolute; left:0; top:0; width:44px; text-align:right; font:400 11.5px/24px var(--mono); color:var(--faint); }
|
|
472
|
+
.ln .dt { position:absolute; left:48px; top:9px; width:6px; height:6px; border-radius:50%; }
|
|
473
|
+
.ln .tx { color:transparent; }
|
|
474
|
+
.ln.cur { background:#FBFAF7; }
|
|
475
|
+
.ln.head { background:var(--surface-2); }
|
|
476
|
+
.ln.head .no { color:var(--ink-2); }
|
|
477
|
+
.ln.mod { background:#FDF6F1; } .ln.mod .no { color:var(--accent); } .ln.mod .dt { background:var(--accent); }
|
|
478
|
+
.ln.warn { background:var(--warn-soft); } .ln.warn .no { color:var(--warn); } .ln.warn .dt { background:var(--warn-dot); }
|
|
479
|
+
.ln.bad { background:#FDF4F2; } .ln.bad .no { color:var(--err); } .ln.bad .dt { background:var(--err); }
|
|
480
|
+
.ebar { display:flex; align-items:center; flex-wrap:wrap; gap:6px 14px; padding:9px 18px; background:var(--surface-2); border-top:1px solid var(--line-soft); font-size:12px; color:var(--muted); }
|
|
481
|
+
.ebar .bad { color:var(--err); } .ebar .ok { color:var(--ok); }
|
|
482
|
+
.aside { position:sticky; top:0; max-height:calc(100vh - 40px); overflow:auto; }
|
|
483
|
+
.aside .tabs { padding:12px 14px; border-bottom:1px solid var(--line-soft); position:sticky; top:0; background:var(--surface); z-index:1; }
|
|
484
|
+
.aside .tabs .seg { display:flex; width:100%; }
|
|
485
|
+
.aside .tabs .seg > * { flex:1; justify-content:center; }
|
|
486
|
+
.aside .body { padding:16px 18px 18px; display:flex; flex-direction:column; gap:12px; }
|
|
487
|
+
.aside h3 { margin:0; font-size:13.5px; font-weight:600; }
|
|
488
|
+
.aside .srow { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
|
|
489
|
+
.ilist { display:flex; flex-direction:column; gap:6px; }
|
|
490
|
+
.iss { display:flex; gap:10px; align-items:flex-start; width:100%; text-align:left; padding:9px 11px; border:0; border-radius:11px; background:var(--surface-2); box-shadow:0 0 0 1px var(--line-soft); cursor:pointer; color:var(--ink); }
|
|
491
|
+
.iss:hover { box-shadow:0 0 0 1px var(--accent-line); }
|
|
492
|
+
.iss b { flex:none; width:52px; font-size:11.5px; line-height:20px; color:var(--warn); }
|
|
493
|
+
.iss.fix b { color:var(--err); }
|
|
494
|
+
.iss span { font-size:12.5px; line-height:20px; color:var(--ink-2); word-break:break-word; }
|
|
495
|
+
.kv2 { display:grid; grid-template-columns:72px minmax(0,1fr); gap:7px 10px; font-size:12.5px; }
|
|
496
|
+
.kv2 .k { color:var(--muted); }
|
|
497
|
+
.kv2 .v { font-size:12px; word-break:break-word; }
|
|
498
|
+
.hb { display:flex; gap:10px; align-items:flex-start; padding:9px 11px; border-radius:11px; background:var(--ground); }
|
|
499
|
+
.hb .tx { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
|
|
500
|
+
.hb b { font-size:13px; font-weight:600; }
|
|
501
|
+
.hb small { font-size:12px; color:var(--muted); word-break:break-word; }
|
|
502
|
+
.hb .st { flex:none; }
|
|
503
|
+
.cmd { display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:10px; background:var(--ground); }
|
|
504
|
+
.cmd code { flex:1; min-width:0; font:400 12px/1.5 var(--mono); word-break:break-all; }
|
|
505
|
+
.pv { margin:0; max-height:52vh; overflow:auto; padding:12px 14px; border-radius:12px; background:var(--surface-2); box-shadow:0 0 0 1px var(--line-soft); font:12.5px/1.75 var(--sans); white-space:pre-wrap; word-break:break-word; color:var(--ink); }
|
|
506
|
+
.pv.tool { font:12px/1.7 var(--mono); }
|
|
507
|
+
.pvf { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
|
|
508
|
+
.pvf .wide { grid-column:1/-1; }
|
|
509
|
+
.chips { display:flex; flex-wrap:wrap; gap:6px; }
|
|
510
|
+
.hunk { border-radius:11px; overflow:hidden; box-shadow:0 0 0 1px var(--line-soft); }
|
|
511
|
+
.hunk .hh { display:block; width:100%; text-align:left; border:0; padding:5px 11px; background:var(--surface-2); font:400 11.5px/1.5 var(--mono); color:var(--muted); cursor:pointer; }
|
|
512
|
+
.hunk .hh:hover { color:var(--accent); }
|
|
513
|
+
.hl { display:grid; grid-template-columns:18px minmax(0,1fr); padding:4px 10px; font-size:12.5px; line-height:1.6; }
|
|
514
|
+
.hl b { font-family:var(--mono); }
|
|
515
|
+
.hl span { word-break:break-word; white-space:pre-wrap; }
|
|
516
|
+
.hl.del { background:var(--err-soft); } .hl.del b { color:var(--err); }
|
|
517
|
+
.hl.add { background:var(--ok-soft); } .hl.add b { color:var(--ok); }
|
|
518
|
+
.modal { position:fixed; inset:0; background:rgba(43,43,43,.28); display:grid; place-items:center; padding:16px; z-index:40; }
|
|
519
|
+
.dlg { width:100%; max-width:480px; max-height:80vh; overflow:auto; background:var(--surface); border-radius:var(--r-card); padding:22px 24px 18px; display:flex; flex-direction:column; gap:12px; box-shadow:0 18px 50px -20px rgba(43,43,43,.45); }
|
|
520
|
+
.dlg h3 { margin:0; font-size:17px; font-weight:650; }
|
|
521
|
+
.dlg p { margin:0; font-size:13.5px; line-height:1.7; color:var(--ink-2); }
|
|
522
|
+
.dlg ul { margin:0; padding-left:20px; font-size:13.5px; line-height:1.8; color:var(--ink-2); }
|
|
523
|
+
.dlg .acts { display:flex; justify-content:flex-end; gap:8px; margin-top:4px; }
|
|
524
|
+
.av.xs { width:22px; height:22px; } .av.xs .face { font-size:10px; }
|
|
525
|
+
#side nav a .badge.err { background:var(--err); }
|
|
526
|
+
@media (max-width:1180px) {
|
|
527
|
+
.act { grid-template-columns:200px minmax(0,1fr); }
|
|
528
|
+
.act > .aside { grid-column:1/-1; position:static; max-height:none; }
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
@media (max-width:760px) {
|
|
532
|
+
body { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); }
|
|
533
|
+
#side { flex-direction:row; align-items:center; padding:10px 12px; gap:10px; overflow-x:auto; overflow-y:hidden; border-bottom:1px solid var(--line); }
|
|
534
|
+
#side .ws, #side .health, #side nav .grp, #side nav hr, #side .brand small { display:none; }
|
|
535
|
+
#side nav { flex-direction:row; }
|
|
536
|
+
#side nav a { height:34px; padding:0 10px; }
|
|
537
|
+
main.on { height:auto; }
|
|
538
|
+
#chat.on { grid-template-columns:1fr; padding:12px 16px; height:100%; }
|
|
539
|
+
#chat > aside { display:none; }
|
|
540
|
+
.wrap, #overview .wrap { padding:16px; }
|
|
541
|
+
#drawer { left:0; padding:12px 16px; }
|
|
542
|
+
.dbody { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); }
|
|
543
|
+
.rail { display:flex; gap:4px; overflow-x:auto; }
|
|
544
|
+
.rail button { width:auto; white-space:nowrap; }
|
|
545
|
+
.rail .lab span { display:none; }
|
|
546
|
+
.rl { grid-template-columns:34px minmax(0,1fr); }
|
|
547
|
+
.rl .a { display:none; }
|
|
548
|
+
.pathrow { grid-template-columns:1fr; gap:6px; }
|
|
549
|
+
.vrow { grid-template-columns:auto minmax(0,1fr) auto; row-gap:4px; }
|
|
550
|
+
.vrow .vmeta, .vrow .vscene { display:none; }
|
|
551
|
+
.vrow .vtrait { grid-column:2; }
|
|
552
|
+
.vrow .tags { grid-column:2; }
|
|
553
|
+
.voices .vlist { max-height:none; }
|
|
554
|
+
#composer .row .hint { display:none; }
|
|
555
|
+
.act { grid-template-columns:1fr; }
|
|
556
|
+
.alist { position:static; }
|
|
557
|
+
.voices header .sub .cmd { display:none; }
|
|
558
|
+
}
|
|
559
|
+
</style>
|
|
560
|
+
<aside id="side">
|
|
561
|
+
<a class="brand ct-hover" href="${BRAND_URL}" target="_blank" rel="noopener" data-cotutor-brand><span class="logo ct-draw">${brandLogo({ size: 18, outer: '#fff', innerOpacity: 0.75 })}</span><b>${BRAND_NAME}</b><small>工作台</small></a>
|
|
562
|
+
<div class="ws"><span class="ini" id="ws-ini">·</span><span><b id="title">cotutor</b><small id="ws-root"></small></span></div>
|
|
563
|
+
<nav>
|
|
564
|
+
<a href="#overview" data-tab="overview"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.5 10.5 12 3.5l8.5 7V20a1 1 0 0 1-1 1h-4.5v-6h-6v6H4.5a1 1 0 0 1-1-1z"/></svg>概览</a>
|
|
565
|
+
<a href="#chat" data-tab="chat"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 5.5A1.5 1.5 0 0 1 5.5 4h13A1.5 1.5 0 0 1 20 5.5v9a1.5 1.5 0 0 1-1.5 1.5H9l-5 4z"/><path d="M8 9h8M8 12h5"/></svg>对话<span class="badge" id="busy" hidden></span></a>
|
|
566
|
+
<span class="grp">老师</span>
|
|
567
|
+
<a href="#team" data-tab="team"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="9" cy="8" r="3.5"/><path d="M2.5 20c.8-3.6 3.4-5.5 6.5-5.5s5.7 1.9 6.5 5.5"/><path d="M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14.8c1.8.7 3 2.4 3.5 5.2"/></svg>老师团</a>
|
|
568
|
+
<a href="#activity" data-tab="activity" title="孩子从首页一个按钮进去的一种做法:看、改、检查、看老师收到什么"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 3.5h8.5L19 8v12.5H6z"/><path d="M14 3.5V8h5M9.5 12.5h6M9.5 16h4"/></svg>activity<span class="badge err" id="act-bad" hidden></span></a>
|
|
569
|
+
<a href="#voices" data-tab="voices"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12h1.5M7 8.5v7M11 5v14M15 8v8M19 10.5v3"/></svg>音色</a>
|
|
570
|
+
<span class="grp">工具</span>
|
|
571
|
+
<a href="/dev/qr" target="_blank" title="iPad / iPhone 用相机扫,不用输地址"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3.5" y="3.5" width="6.5" height="6.5" rx="1"/><rect x="14" y="3.5" width="6.5" height="6.5" rx="1"/><rect x="3.5" y="14" width="6.5" height="6.5" rx="1"/><path d="M14 14h3v3h-3zM20.5 14v.5M17 20.5h3.5V17"/></svg>扫码打开<span class="out">↗</span></a>
|
|
572
|
+
<a href="/dev/voice" target="_blank" title="老师页那颗「头像 + 按住说话」的每一种样子(声音是模拟的);调动画时看这一页"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="8" cy="12" r="4.5"/><path d="M15 9.5a4 4 0 0 1 0 5M18 7a7.5 7.5 0 0 1 0 10"/></svg>按钮样张<span class="out">↗</span></a>
|
|
573
|
+
<span class="grp">去看</span>
|
|
574
|
+
<a href="/" target="_blank" title="孩子端:孩子在 iPad 上看到的"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="4" y="3" width="16" height="18" rx="2.5"/><path d="M10.5 18h3"/></svg>孩子端<span class="out">↗</span></a>
|
|
575
|
+
<a href="/parent" target="_blank" title="家长端:日常看孩子的板书、看录像、打星、删话题、记账;iPad 上扫码进的就是它"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 4h11l3 3v13H5z"/><path d="M9 10h6M9 14h4"/></svg>家长端<span class="out">↗</span></a>
|
|
576
|
+
<hr>
|
|
577
|
+
<a href="#settings" data-tab="settings"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="3"/><path d="M12 2.5v3M12 18.5v3M2.5 12h3M18.5 12h3M5.3 5.3l2.1 2.1M16.6 16.6l2.1 2.1M5.3 18.7l2.1-2.1M16.6 7.4l2.1-2.1"/></svg>设置</a>
|
|
578
|
+
</nav>
|
|
579
|
+
<div class="health"><div><span class="dot" id="health-dot"></span><b id="health">……</b></div><small id="health-sub"></small></div>
|
|
580
|
+
</aside>
|
|
581
|
+
<main id="overview"></main>
|
|
582
|
+
<main id="chat">
|
|
583
|
+
<aside>
|
|
584
|
+
<div class="head">老师</div>
|
|
585
|
+
<div id="tutors"></div>
|
|
586
|
+
<p class="foot">淡的 = 孩子端不露的老师,这里照常能说话。</p>
|
|
587
|
+
</aside>
|
|
588
|
+
<section id="thread">
|
|
589
|
+
<div class="thread-top" id="top"></div>
|
|
590
|
+
<div id="msgs"><p class="empty">左边选一位老师</p></div>
|
|
591
|
+
<form id="composer">
|
|
592
|
+
<div class="box">
|
|
593
|
+
<textarea id="text" placeholder="对老师说……" aria-label="对老师说"></textarea>
|
|
594
|
+
</div>
|
|
595
|
+
<div id="photos"></div>
|
|
596
|
+
<div class="row">
|
|
597
|
+
<select id="from" title="以谁的身份说"><option value="kid">身份 孩子</option><option value="system">身份 系统</option></select>
|
|
598
|
+
<select id="runtime" title="运行时"></select>
|
|
599
|
+
<select id="thread-pick" title="接着哪个话题说"></select>
|
|
600
|
+
<label class="photo-btn" title="作业照片:落 captures/,老师自己看图认题"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 8h3l2-3h6l2 3h3v11H4z"/><circle cx="12" cy="13" r="3.5"/></svg>照片<input id="photo-in" type="file" accept="image/*" multiple></label>
|
|
601
|
+
<span class="hint">⌘/Ctrl + Enter</span>
|
|
602
|
+
<button type="submit" class="btn primary send" id="send">发送</button>
|
|
603
|
+
</div>
|
|
604
|
+
</form>
|
|
605
|
+
</section>
|
|
606
|
+
</main>
|
|
607
|
+
<main id="team"></main>
|
|
608
|
+
<main id="activity"></main>
|
|
609
|
+
<main id="voices"></main>
|
|
610
|
+
<main id="settings"></main>
|
|
611
|
+
<div id="drawer"></div>
|
|
612
|
+
<script>
|
|
613
|
+
(() => {
|
|
614
|
+
// $ / h / api(page-dom.ts,几页共用;这页没有 #toast)
|
|
615
|
+
${pageDomJs(4000)}
|
|
616
|
+
const copy = (text, btn) => {
|
|
617
|
+
const done = () => { const old = btn.textContent; btn.textContent = '复制好了'; setTimeout(() => { btn.textContent = old; }, 1200); };
|
|
618
|
+
if (navigator.clipboard) navigator.clipboard.writeText(text).then(done, () => {});
|
|
619
|
+
else { const ta = h('textarea', { style: 'position:fixed;left:-9999px' }, text); document.body.append(ta); ta.select(); document.execCommand('copy'); ta.remove(); done(); }
|
|
620
|
+
};
|
|
621
|
+
const download = (name, text) => {
|
|
622
|
+
const a = h('a', { href: URL.createObjectURL(new Blob([text], { type: 'text/plain' })), download: name });
|
|
623
|
+
document.body.append(a);
|
|
624
|
+
a.click();
|
|
625
|
+
a.remove();
|
|
626
|
+
};
|
|
627
|
+
|
|
628
|
+
const TABS = ['overview', 'chat', 'team', 'activity', 'voices', 'settings'];
|
|
629
|
+
const hashState = () => {
|
|
630
|
+
// #chat?raw=<job> 开某一轮的看原文;#activity?a=<老师>/<名> 开某个 activity
|
|
631
|
+
const parts = location.hash.slice(1).split('?');
|
|
632
|
+
const tab = parts[0] || 'overview';
|
|
633
|
+
const q = new URLSearchParams(parts[1] || '');
|
|
634
|
+
return { tab: TABS.includes(tab) ? tab : 'overview', raw: q.get('raw'), a: q.get('a') };
|
|
635
|
+
};
|
|
636
|
+
const state = { config: null, tutor: null, date: null, today: null, dates: [], view: null, timer: null, tab: hashState().tab, raw: null, rawJob: null, station: 'source' };
|
|
637
|
+
|
|
638
|
+
// ---- 顶栏与标签 ----
|
|
639
|
+
const showTab = (tab) => {
|
|
640
|
+
state.tab = tab;
|
|
641
|
+
for (const a of document.querySelectorAll('#side a[data-tab]')) a.classList.toggle('on', a.dataset.tab === tab);
|
|
642
|
+
for (const m of document.querySelectorAll('main')) m.classList.toggle('on', m.id === tab);
|
|
643
|
+
if (tab === 'overview') renderOverview();
|
|
644
|
+
if (tab === 'activity') renderActivities();
|
|
645
|
+
if (tab === 'team') renderTeam();
|
|
646
|
+
if (tab === 'voices') renderVoices();
|
|
647
|
+
if (tab === 'settings') renderSettings();
|
|
648
|
+
if (tab !== 'voices') stopPreview();
|
|
649
|
+
};
|
|
650
|
+
for (const a of document.querySelectorAll('#side a[data-tab]')) a.addEventListener('click', (e) => { e.preventDefault(); location.hash = '#' + a.dataset.tab; showTab(a.dataset.tab); });
|
|
651
|
+
|
|
652
|
+
const refreshHealth = async () => {
|
|
653
|
+
const el = $('#health');
|
|
654
|
+
try {
|
|
655
|
+
const hh = await api('GET', '/api/health');
|
|
656
|
+
// 仓里的提交变了:serve 还跑着起来时那份代码(build.ts)
|
|
657
|
+
const changed = !hh.configError && hh.changed;
|
|
658
|
+
el.textContent = hh.configError ? 'cotutor.json 改坏了' : changed ? '代码更新了,重起 serve 才用上' : '服务正常';
|
|
659
|
+
el.classList.toggle('bad', Boolean(hh.configError));
|
|
660
|
+
el.classList.toggle('warn', Boolean(changed));
|
|
661
|
+
$('#health-dot').className = 'dot' + (hh.configError ? ' err' : changed ? ' warn' : '');
|
|
662
|
+
const ran = (hh.started ? '起了 ' + ago(hh.started) : '') + (hh.version ? ' · v' + hh.version : '') + (hh.commit ? '\\n' + hh.commit + (hh.dirty ? '*' : '') : '');
|
|
663
|
+
$('#health-sub').textContent = hh.configError ? '仍用上一份:' + hh.configError.split('\\n')[0] : changed ? ran + ' · 仓里是 ' + hh.head : ran;
|
|
664
|
+
$('#health-sub').title = hh.dirty ? '* = 起来时仓里有没提交的改动' : '';
|
|
665
|
+
} catch (e) {
|
|
666
|
+
el.textContent = '后端不通';
|
|
667
|
+
el.classList.add('bad');
|
|
668
|
+
$('#health-dot').className = 'dot err';
|
|
669
|
+
$('#health-sub').textContent = '服务停了,或改了 src/ 正在重起';
|
|
670
|
+
}
|
|
671
|
+
};
|
|
672
|
+
|
|
673
|
+
const loadConfig = async () => {
|
|
674
|
+
state.config = await api('GET', '/api/config');
|
|
675
|
+
// 孩子端的设备:对话页每轮写设备名
|
|
676
|
+
state.devices = await api('GET', '/api/dev/devices').catch(() => ({}));
|
|
677
|
+
$('#title').textContent = state.config.title;
|
|
678
|
+
$('#ws-ini').textContent = (state.config.title || '·').slice(0, 1);
|
|
679
|
+
$('#ws-root').textContent = state.config.root || '';
|
|
680
|
+
document.title = state.config.title + ' · 工作台';
|
|
681
|
+
$('#runtime').replaceChildren(...state.config.runtimes.map((p) => h('option', { value: p, selected: p === state.config.runtime }, p === state.config.runtime ? p + '(缺省)' : p)));
|
|
682
|
+
renderTutors();
|
|
683
|
+
};
|
|
684
|
+
|
|
685
|
+
// ---- 对话:左栏 ----
|
|
686
|
+
/** 头像:和孩子端同一条判定——是图片路径就走 /api/kid/avatar/<老师>(figshot 写的),否则当 emoji 显示 */
|
|
687
|
+
const isAvatarImage = (v) => Boolean(v) && /\.(png|jpe?g|webp|svg)$/i.test(v);
|
|
688
|
+
/** 学科色:「自动」= 不写 color(三门主科固定色,其余按先后分);点一个色块 = 写进 cotutor.json */
|
|
689
|
+
const colorField = (t, c) => {
|
|
690
|
+
const box = h('div', { class: 'swatches', 'data-f': 'color', 'data-v': t.color || '' });
|
|
691
|
+
const pick = (v) => { box.dataset.v = v; for (const b of box.children) b.classList.toggle('on', (b.dataset.c || '') === v); };
|
|
692
|
+
const sw = (hex, label) => h('button', { type: 'button', class: 'sw' + (hex ? '' : ' auto'), 'data-c': hex, title: label, 'aria-label': label, style: 'background:' + (hex || (t.color ? '#9a958c' : c.colors[t.name])), on: { click: () => pick(hex) } }, hex ? '' : '自动');
|
|
693
|
+
box.append(sw('', '自动'), ...Object.entries(c.palette.subject).map(([s, hex]) => sw(hex, s + '的颜色 ' + hex)), ...c.palette.auto.map((hex) => sw(hex, hex)));
|
|
694
|
+
pick(t.color || '');
|
|
695
|
+
return h('div', { class: 'field', style: 'grid-column:span 2' }, h('label', {}, '学科色(头像的环、新话题气泡,白字压在上面;自动 = 主科固定、其余不撞色)'), box);
|
|
696
|
+
};
|
|
697
|
+
/** 头像:家长首页那个缺口环,环是学科色;size = sm / lg / 空 */
|
|
698
|
+
const RING = '<svg viewBox="0 0 100 100" aria-hidden="true"><circle cx="50" cy="50" r="44"/></svg>';
|
|
699
|
+
const avatarEl = (t, size) => {
|
|
700
|
+
const el = h('span', { class: 'av' + (size ? ' ' + size : ''), style: 'color:' + ((state.config && state.config.colors[t.name]) || 'var(--muted)') });
|
|
701
|
+
el.innerHTML = RING;
|
|
702
|
+
el.append(h('span', { class: 'face' }, ...(isAvatarImage(t.avatar) ? [h('img', { src: '/api/kid/avatar/' + t.name + '?v=' + avatarV, alt: '' })] : [t.avatar || '🙂'])));
|
|
703
|
+
return el;
|
|
704
|
+
};
|
|
705
|
+
const avatarV = Date.now();
|
|
706
|
+
const renderTutors = () => {
|
|
707
|
+
const list = state.config.tutors.filter((t) => t.enabled);
|
|
708
|
+
if (state.tutor && !list.some((t) => t.name === state.tutor)) { state.tutor = null; state.view = null; $('#msgs').replaceChildren(h('p', { class: 'empty' }, '这位老师已关闭')); }
|
|
709
|
+
$('#tutors').replaceChildren(...list.map((t) => h('div', { class: 'tutor' + (t.name === state.tutor ? ' on' : '') + (t.hidden ? ' hid' : ''), on: { click: () => pickTutor(t.name) } },
|
|
710
|
+
avatarEl(t),
|
|
711
|
+
h('span', { class: 'who' }, h('b', {}, t.display), h('span', {}, t.name + (t.hidden ? ' · 不露脸' : t.subject ? ' · ' + t.subject : ''))))));
|
|
712
|
+
};
|
|
713
|
+
|
|
714
|
+
const pickTutor = async (name, date) => {
|
|
715
|
+
state.tutor = name;
|
|
716
|
+
renderTutors();
|
|
717
|
+
const d = await api('GET', '/api/conversations/' + name);
|
|
718
|
+
state.dates = d.dates.includes(d.today) ? d.dates : [d.today, ...d.dates];
|
|
719
|
+
state.today = d.today;
|
|
720
|
+
state.date = date || d.today;
|
|
721
|
+
await loadDay();
|
|
722
|
+
};
|
|
723
|
+
|
|
724
|
+
const loadDay = async () => {
|
|
725
|
+
if (!state.tutor || !state.date) return;
|
|
726
|
+
const box = $('#msgs');
|
|
727
|
+
const stick = box.scrollHeight - box.scrollTop - box.clientHeight < 60;
|
|
728
|
+
state.view = await api('GET', '/api/conversations/' + state.tutor + '/' + state.date);
|
|
729
|
+
renderTop();
|
|
730
|
+
renderDay();
|
|
731
|
+
renderThreadPick();
|
|
732
|
+
if (stick) box.scrollTop = box.scrollHeight;
|
|
733
|
+
clearTimeout(state.timer);
|
|
734
|
+
if (state.view.running) state.timer = setTimeout(loadDay, 2000);
|
|
735
|
+
$('#send').disabled = Boolean(state.view.running);
|
|
736
|
+
$('#busy').hidden = !state.view.running;
|
|
737
|
+
$('#busy').textContent = state.view.running ? '在跑' : '';
|
|
738
|
+
};
|
|
739
|
+
|
|
740
|
+
// 用时:10 秒内带一位小数,两分钟内整秒,再长按分钟
|
|
741
|
+
const secs = (ms) => (ms < 10000 ? (ms / 1000).toFixed(1) + 's' : ms < 120000 ? Math.round(ms / 1000) + 's' : Math.round(ms / 6000) / 10 + 'min');
|
|
742
|
+
const ago = (iso) => { const s = Math.max(0, (Date.now() - Date.parse(iso)) / 1000); return s < 3600 ? Math.round(s / 60) + ' 分' : s < 86400 ? Math.floor(s / 3600) + ' 时 ' + Math.round((s % 3600) / 60) + ' 分' : Math.floor(s / 86400) + ' 天'; };
|
|
743
|
+
const median = (xs) => { const a = xs.slice().sort((x, y) => x - y); return a.length ? a[Math.floor(a.length / 2)] : null; };
|
|
744
|
+
const tutorOf = (name) => state.config.tutors.find((x) => x.name === name) || { display: name, avatar: '' };
|
|
745
|
+
|
|
746
|
+
const renderTop = () => {
|
|
747
|
+
const t = tutorOf(state.tutor);
|
|
748
|
+
const v = state.view;
|
|
749
|
+
const done = v.index.messages.filter((m) => m.result !== 'running');
|
|
750
|
+
const first = median(done.map((m) => m.timing && m.timing.firstCardMs).filter((x) => x !== undefined && x !== null));
|
|
751
|
+
const whole = median(done.map((m) => m.timing && m.timing.doneMs).filter((x) => x !== undefined && x !== null));
|
|
752
|
+
// 这天老师用的 token(输入 / 输出;没报的轮不算,src/shared/tokens.ts)
|
|
753
|
+
const used = v.index.messages.filter((m) => m.tokens);
|
|
754
|
+
const tk = { in: used.reduce((a, m) => a + m.tokens.in, 0), out: used.reduce((a, m) => a + m.tokens.out, 0) };
|
|
755
|
+
$('#top').replaceChildren(
|
|
756
|
+
h('span', { class: 'who' }, avatarEl(t), h('span', {}, t.display)),
|
|
757
|
+
h('select', { title: '哪一天', on: { change: (e) => { state.date = e.target.value; loadDay(); } } },
|
|
758
|
+
...state.dates.map((x) => h('option', { value: x, selected: x === state.date }, x === state.today ? x + '(今天)' : x))),
|
|
759
|
+
h('span', { class: 'today' },
|
|
760
|
+
h('span', {}, (state.date === state.today ? '今日 ' : '这天 '), h('b', {}, String(v.index.messages.length)), ' 轮'),
|
|
761
|
+
used.length ? h('span', { title: '老师用的 token:输入 / 输出' }, 'token ', h('b', {}, kTok(tk.in) + ' / ' + kTok(tk.out))) : null,
|
|
762
|
+
first !== null ? h('span', {}, '首卡中位 ', h('b', {}, secs(first))) : null,
|
|
763
|
+
whole !== null ? h('span', {}, '整轮中位 ', h('b', {}, secs(whole))) : null,
|
|
764
|
+
v.index.session ? h('span', {}, '会话 ' + v.index.session.id.slice(0, 8)) : null,
|
|
765
|
+
// 记账(《obsidian仓库设计.md》§4):这天每个还没记过的话题各起一轮,老师回「## 记账」,应用写进 vault 的日记
|
|
766
|
+
v.index.messages.length ? h('button', { class: 'btn ink small', type: 'button', title: '给这天还没记过的话题记账:话题名、孩子问的话、打分够的摘要、观察,写进 Obsidian 的日记', on: { click: bookkeep } }, '记账') : null));
|
|
767
|
+
};
|
|
768
|
+
|
|
769
|
+
const bookkeep = async () => {
|
|
770
|
+
try {
|
|
771
|
+
const r = await api('POST', '/api/conversations/' + state.tutor + '/' + state.date + '/bookkeep', {});
|
|
772
|
+
const lines = [];
|
|
773
|
+
if (r.queued.length) lines.push('记账 ' + r.queued.length + ' 个话题:' + r.queued.join('、') + '(老师在写,一会儿刷新看「已记进日记」)');
|
|
774
|
+
for (const s of r.skipped) lines.push('话题 ' + s.thread + ' 跳过:' + s.why);
|
|
775
|
+
alert(lines.join('\\n') || '没有要记的话题');
|
|
776
|
+
await loadDay();
|
|
777
|
+
} catch (e) { alert(e.message); }
|
|
778
|
+
};
|
|
779
|
+
|
|
780
|
+
// 话题打星:1–5,再点同一颗清掉;≥ keepScore 的话题记账时摘要与骨架才进日记,低的只记孩子问的话与观察
|
|
781
|
+
const starsEl = (id) => {
|
|
782
|
+
const cur = (state.view.index.ratings || {})[id] || 0;
|
|
783
|
+
const booked = (state.view.index.booked || {})[id];
|
|
784
|
+
const row = h('span', { class: 'stars', title: '这个话题值不值得记进日记:打分够了记账时摘要才进;再点同一颗清掉' });
|
|
785
|
+
for (let i = 1; i <= 5; i++) row.append(h('button', { type: 'button', class: 'star' + (i <= cur ? ' on' : ''), on: { click: async () => {
|
|
786
|
+
try { await api('PUT', '/api/conversations/' + state.tutor + '/' + state.date + '/threads/' + encodeURIComponent(id) + '/rating', { rating: i === cur ? null : i }); await loadDay(); } catch (e) { alert(e.message); }
|
|
787
|
+
} } }, '★'));
|
|
788
|
+
return h('span', { class: 'thread-head' }, row, booked ? h('span', { class: 'booked' }, '已记进日记') : null);
|
|
789
|
+
};
|
|
790
|
+
|
|
791
|
+
const renderThreadPick = () => {
|
|
792
|
+
const list = [];
|
|
793
|
+
const seen = new Set();
|
|
794
|
+
for (const m of state.view.index.messages) {
|
|
795
|
+
const id = m.thread || m.job;
|
|
796
|
+
if (!seen.has(id)) { seen.add(id); list.push({ id, text: m.text }); }
|
|
797
|
+
}
|
|
798
|
+
$('#thread-pick').replaceChildren(
|
|
799
|
+
h('option', { value: '' }, list.length ? '接着当前话题' : '新话题'),
|
|
800
|
+
h('option', { value: 'new' }, '+ 新话题'),
|
|
801
|
+
...list.map((x) => h('option', { value: x.id }, '话题 ' + x.id + ' ' + x.text.slice(0, 10))));
|
|
802
|
+
};
|
|
803
|
+
|
|
804
|
+
// ---- 板书:按 kind 渲染成卡,不把围栏原文倒给家长 ----
|
|
805
|
+
const marked = (line) => {
|
|
806
|
+
const el = h('p', {});
|
|
807
|
+
const phrases = (line.marks || []).map((m) => m.phrase).filter(Boolean);
|
|
808
|
+
let rest = line.text;
|
|
809
|
+
if (!phrases.length) { el.textContent = rest; return el; }
|
|
810
|
+
while (rest) {
|
|
811
|
+
let at = -1;
|
|
812
|
+
let word = '';
|
|
813
|
+
for (const p of phrases) { const i = rest.indexOf(p); if (i >= 0 && (at < 0 || i < at)) { at = i; word = p; } }
|
|
814
|
+
if (at < 0) { el.append(rest); break; }
|
|
815
|
+
if (at > 0) el.append(rest.slice(0, at));
|
|
816
|
+
el.append(h('mark', {}, word));
|
|
817
|
+
rest = rest.slice(at + word.length);
|
|
818
|
+
}
|
|
819
|
+
return el;
|
|
820
|
+
};
|
|
821
|
+
|
|
822
|
+
const KIND_LABEL = { text: '文字', read: '点读', choice: '选择', fill: '填空', image: '图片', tianzige: '田字格', word: '单词', lecture: '小课堂', canvas: '画板', code: '原样' };
|
|
823
|
+
const cardEl = (card, n) => {
|
|
824
|
+
const p = card.props || {};
|
|
825
|
+
const style = card.kind === 'text' ? (p.style || 'plain') : '';
|
|
826
|
+
const box = h('div', { class: 'card ' + card.kind + ' ' + style });
|
|
827
|
+
box.append(h('div', { class: 'kindbar' }, h('i', {}), card.kind + (p.style ? ' · ' + p.style : ''), h('span', { class: 'more' }, '卡 ' + (n + 1) + ' · ' + (p.ask === true ? '提问(应用补的)' : KIND_LABEL[card.kind] || card.kind))));
|
|
828
|
+
const body = h('div', { class: 'body' });
|
|
829
|
+
if (card.kind === 'text') body.append(...(p.title ? [h('b', {}, p.title)] : []), h('p', { style: 'margin:0' }, p.text || ''));
|
|
830
|
+
else if (card.kind === 'read') body.append(...(p.segments || []).map((s) => h('span', { class: 'rseg' }, s)));
|
|
831
|
+
else if (card.kind === 'choice') {
|
|
832
|
+
const ans = p.answer || [];
|
|
833
|
+
body.append(h('div', {}, p.question || ''));
|
|
834
|
+
(p.options || []).forEach((o, i) => body.append(h('div', { class: 'opt' + (ans.includes(i) ? ' right' : '') },
|
|
835
|
+
h('span', { class: 'k' }, 'ABCDEFGHIJ'[i] || String(i + 1)), o, ans.includes(i) ? h('span', { class: 'ans' }, '答案') : null)));
|
|
836
|
+
if (p.multi) body.append(h('div', { class: 'meta2' }, '多选'));
|
|
837
|
+
} else if (card.kind === 'image') {
|
|
838
|
+
body.append(h('img', { src: /^https?:/.test(p.src || '') ? p.src : '/api/kid/image?p=' + encodeURIComponent(p.src || ''), alt: p.caption || '' }), p.caption ? h('p', {}, p.caption) : null);
|
|
839
|
+
} else if (card.kind === 'lecture') {
|
|
840
|
+
body.append(h('div', {}, h('b', {}, p.title || p.bundle), p.ready === false ? h('span', { class: 'meta2' }, ' · 课读不出来') : null),
|
|
841
|
+
p.text ? h('p', {}, p.text) : null,
|
|
842
|
+
h('div', { class: 'meta2' }, '课 ' + p.bundle + (typeof p.from === 'number' ? ' · ' + Math.floor(p.from / 60000) + ':' + String(Math.floor(p.from / 1000) % 60).padStart(2, '0') + (typeof p.to === 'number' ? '–' + Math.floor(p.to / 60000) + ':' + String(Math.floor(p.to / 1000) % 60).padStart(2, '0') : '') : '')));
|
|
843
|
+
} else if (card.kind === 'canvas') {
|
|
844
|
+
body.append(h('div', {}, p.prompt || '(没写题目)'),
|
|
845
|
+
h('div', { class: 'meta2' }, p.base && p.base.bundle ? '底图课包 ' + p.base.bundle : p.base && p.base.skeletons ? '行内骨架 ' + p.base.skeletons.length + ' 个' : '空白画板'));
|
|
846
|
+
} else body.append(h('pre', {}, p.text || ''));
|
|
847
|
+
box.append(body);
|
|
848
|
+
return box;
|
|
849
|
+
};
|
|
850
|
+
|
|
851
|
+
/** 卡与讲稿按原来的顺序摆回去:句子的 anchor = 它前面最后一张卡 */
|
|
852
|
+
const boardEl = (section) => {
|
|
853
|
+
const box = h('div', { class: 'board' });
|
|
854
|
+
let put = 0;
|
|
855
|
+
const flush = (upto) => { while (put <= upto && put < section.cards.length) { box.append(cardEl(section.cards[put], put)); put++; } };
|
|
856
|
+
section.lines.forEach((l, i) => {
|
|
857
|
+
flush(l.anchor === null || l.anchor === undefined ? -1 : l.anchor);
|
|
858
|
+
// 孩子端只在末句问句停下(board/presentation.ts 的 advance);中间的问句念完就接下一句,不缀
|
|
859
|
+
const waits = l.ask && i === section.lines.length - 1;
|
|
860
|
+
box.append(h('div', { class: 'line' + (waits ? ' ask-line' : '') }, h('span', { class: 'n' }, String(i + 1)), marked(l)));
|
|
861
|
+
});
|
|
862
|
+
flush(section.cards.length - 1);
|
|
863
|
+
return box;
|
|
864
|
+
};
|
|
865
|
+
|
|
866
|
+
const rowsEl = (rows) => {
|
|
867
|
+
const out = [];
|
|
868
|
+
let subs = [];
|
|
869
|
+
const flushSubs = () => { if (subs.length) { out.push(h('details', { class: 'sub' }, h('summary', {}, '子代理 · ' + subs.length + ' 条'), ...subs)); subs = []; } };
|
|
870
|
+
const one = (r) => {
|
|
871
|
+
if (r.kind === 'fold') return h('details', {}, h('summary', {}, '用了 ' + r.tools.length + ' 步工具'), ...r.tools.map((t) => h('div', { class: 'tool' }, t.text)));
|
|
872
|
+
if (r.kind === 'text') return h('div', { class: 'say' }, r.text);
|
|
873
|
+
return h('div', { class: r.kind }, r.text);
|
|
874
|
+
};
|
|
875
|
+
for (const r of rows) {
|
|
876
|
+
if (r.kind !== 'fold' && r.sub) { subs.push(one(r)); continue; }
|
|
877
|
+
flushSubs();
|
|
878
|
+
out.push(one(r));
|
|
879
|
+
}
|
|
880
|
+
flushSubs();
|
|
881
|
+
return out;
|
|
882
|
+
};
|
|
883
|
+
|
|
884
|
+
const FROM = { kid: '孩子', system: '系统' };
|
|
885
|
+
const SLOW_FIRST = 15000;
|
|
886
|
+
|
|
887
|
+
/** 一轮一张卡:问句 → 板书 → 埋点 → 孩子看到 → 通知块,五段各有自己的容器与颜色 */
|
|
888
|
+
const turnEl = (m) => {
|
|
889
|
+
const v = state.view;
|
|
890
|
+
const t = tutorOf(state.tutor);
|
|
891
|
+
const el = h('article', { class: 'turn' + (m.result === 'error' ? ' bad' : '') });
|
|
892
|
+
const q = h('div', { class: 'q' }, m.text);
|
|
893
|
+
if (m.cards && m.cards.length) q.append(h('span', { class: 'did' }, '板书上做的 · ', ...m.cards.map((c) => h('span', {}, c.card + ' ' + c.text + ' '))));
|
|
894
|
+
if (m.focus && m.focus.card) q.append(h('span', { class: 'did' }, '开着 ' + m.focus.card));
|
|
895
|
+
// 作业照片(R5):缩略图,点开看原图(转录里能看到老师 Read 了哪张)
|
|
896
|
+
if (m.photos && m.photos.length) q.append(h('div', { class: 'photos' }, ...m.photos.map((p) => h('a', { href: '/api/kid/image?p=' + encodeURIComponent(p), target: '_blank', title: p }, h('img', { src: '/api/kid/image?p=' + encodeURIComponent(p), alt: p, loading: 'lazy' })))));
|
|
897
|
+
el.append(h('div', { class: 'ask from-' + m.from },
|
|
898
|
+
h('span', { class: 'tag' }, FROM[m.from] || m.from),
|
|
899
|
+
q,
|
|
900
|
+
h('span', { class: 'when' }, m.at.slice(11) + ' · ' + m.job + (m.action === 'submit' ? ' · 交答案' : '') + (m.via ? ' · 首页「' + m.via.label + '」' : '') + (m.continues ? ' · 接着 ' + m.continues.date + ' ' + m.continues.thread : ''))));
|
|
901
|
+
|
|
902
|
+
if (m.section && (m.section.cards.length || m.section.lines.length)) el.append(boardEl(m.section));
|
|
903
|
+
else if (m.result === 'ok' && m.kidText) el.append(h('div', { class: 'board' }, h('div', { class: 'line' }, h('span', { class: 'n' }, '1'), h('p', {}, m.kidText))));
|
|
904
|
+
|
|
905
|
+
const foot = h('div', { class: 'turn-foot' }, h('span', { class: 'chip' }, (isAvatarImage(t.avatar) ? '' : (t.avatar || '') + ' ') + t.display));
|
|
906
|
+
if (m.timing) {
|
|
907
|
+
if (m.timing.firstReadyMs !== undefined) foot.append(h('span', { class: 'chip' + (m.timing.firstReadyMs > SLOW_FIRST ? ' slow' : '') }, '首句就绪 ', h('b', {}, secs(m.timing.firstReadyMs))));
|
|
908
|
+
if (m.timing.firstCardMs !== undefined) foot.append(h('span', { class: 'chip' + (m.timing.firstCardMs > SLOW_FIRST ? ' slow' : '') }, '首卡 ', h('b', {}, secs(m.timing.firstCardMs))));
|
|
909
|
+
if (m.timing.doneMs !== undefined) foot.append(h('span', { class: 'chip' }, '整轮 ', h('b', {}, secs(m.timing.doneMs))));
|
|
910
|
+
}
|
|
911
|
+
if (m.tokens) foot.append(h('span', { class: 'chip', title: '这一轮老师用的 token(输入 / 输出)' }, h('b', {}, m.tokens.in + ' / ' + m.tokens.out), ' token'));
|
|
912
|
+
if (m.artifacts && m.artifacts.length) foot.append(h('span', { class: 'chip' }, '课包 ' + m.artifacts.join(', ')));
|
|
913
|
+
if (m.deviceId) { const dv = (state.devices || {})[m.deviceId]; foot.append(h('span', { class: 'chip', title: '孩子端开在哪台设备上(概览的设备卡里起名)' }, dv ? dv.name || dv.label : '设备 ' + m.deviceId.slice(0, 4))); }
|
|
914
|
+
const rows = v.runs[m.job] || [];
|
|
915
|
+
const trace = h('div', { class: 'trace', style: 'display:none' }, ...rowsEl(rows));
|
|
916
|
+
const traceBtn = h('button', { class: 'linkish', type: 'button', on: { click: () => {
|
|
917
|
+
const on = trace.style.display === 'none';
|
|
918
|
+
trace.style.display = on ? 'block' : 'none';
|
|
919
|
+
traceBtn.classList.toggle('on', on);
|
|
920
|
+
} } }, '转录 ' + rows.length);
|
|
921
|
+
foot.append(h('span', { class: 'right' },
|
|
922
|
+
h('button', { class: 'linkish go', type: 'button', on: { click: () => openRaw(m.job) } }, '看原文'),
|
|
923
|
+
rows.length ? traceBtn : null));
|
|
924
|
+
el.append(foot, trace);
|
|
925
|
+
|
|
926
|
+
if (m.result === 'ok') {
|
|
927
|
+
const kid = h('p', {});
|
|
928
|
+
if (m.kidText) kid.append(m.kidText.replace(/\\n/g, ' '));
|
|
929
|
+
else kid.append(h('span', {}, '(这轮没有给孩子的话)'));
|
|
930
|
+
if (m.section) kid.append(h('span', {}, ' · 板书 ' + m.section.cards.length + ' 张卡 ' + m.section.lines.length + ' 句'));
|
|
931
|
+
el.append(h('div', { class: 'kidview' }, h('span', { class: 'lab' }, '孩子看到'), kid));
|
|
932
|
+
}
|
|
933
|
+
if (m.parentText) el.append(h('div', { class: 'kidview parent' }, h('span', { class: 'lab' }, '给家长'), h('p', {}, m.parentText.replace(/^## 家长\\s*/, ''))));
|
|
934
|
+
|
|
935
|
+
if (m.result === 'error') el.append(h('div', { class: 'notice err' }, h('span', { class: 'ico' }, '!'), h('div', {}, h('h5', {}, '本轮出错:' + (m.error || '未知')), h('p', {}, v.errors[m.job] || ''))));
|
|
936
|
+
if (m.remembered && m.remembered.length) el.append(h('div', { class: 'notice note' }, h('span', { class: 'ico' }, '✎'), h('div', {}, h('h5', {}, (m.tidy ? '整理了记忆' : '记住了') + '(vault 里' + t.display + '的记忆文件,在 Obsidian 里可以改、删)'), h('p', {}, m.remembered.join('\\n')))));
|
|
937
|
+
if (m.warnings && m.warnings.length) el.append(h('div', { class: 'notice warn' }, h('span', { class: 'ico' }, 'i'), h('div', {}, h('h5', {}, '提醒'), h('p', {}, m.warnings.join('\\n')))));
|
|
938
|
+
if (m.result === 'running') el.append(h('div', { class: 'running' + (v.running === m.job ? '' : ' dead') }, v.running === m.job ? '老师在想……' : '(没跑完:服务重启过或进程被杀,看原文里的转录)'));
|
|
939
|
+
return el;
|
|
940
|
+
};
|
|
941
|
+
|
|
942
|
+
const renderDay = () => {
|
|
943
|
+
const v = state.view;
|
|
944
|
+
const t = tutorOf(state.tutor);
|
|
945
|
+
if (!v.index.messages.length) { $('#msgs').replaceChildren(h('p', { class: 'empty' }, state.date + ' 还没和' + t.display + '说过话')); return; }
|
|
946
|
+
// 话题:每个话题第一条前一行头(几点开的 + 打星 + 记没记进日记);一天多个话题时再写「新话题」
|
|
947
|
+
const multi = new Set(v.index.messages.map((m) => m.thread || m.job)).size > 1;
|
|
948
|
+
const seen = new Set();
|
|
949
|
+
const nodes = [];
|
|
950
|
+
for (const m of v.index.messages) {
|
|
951
|
+
const id = m.thread || m.job;
|
|
952
|
+
if (!seen.has(id)) { seen.add(id); nodes.push(h('div', { class: 'sep' }, h('span', {}, h('b', {}, multi ? (seen.size === 1 ? '第一个话题' : '新话题') : '话题'), ' · ' + m.at.slice(11, 16) + ' 起'), starsEl(id))); }
|
|
953
|
+
nodes.push(turnEl(m));
|
|
954
|
+
}
|
|
955
|
+
$('#msgs').replaceChildren(h('div', { class: 'stream' }, ...nodes));
|
|
956
|
+
};
|
|
957
|
+
|
|
958
|
+
// 作业照片(R5):选了先缩到长边 2000 传上去(与孩子端同一条路;数字同 photo-edit.ts 的 PHOTO_MAX_SIDE,页面脚本里不能插值,photo-edit.test 盯着两边一致),path 攒在 state.photos,发消息时一起带上
|
|
959
|
+
state.photos = [];
|
|
960
|
+
const shrink = (file) => new Promise((resolve, reject) => {
|
|
961
|
+
const url = URL.createObjectURL(file); const im = new Image();
|
|
962
|
+
im.onload = () => { URL.revokeObjectURL(url); try { const k = Math.min(1, 2000 / Math.max(im.naturalWidth, im.naturalHeight, 1)); const c = document.createElement('canvas'); c.width = Math.max(1, Math.round(im.naturalWidth * k)); c.height = Math.max(1, Math.round(im.naturalHeight * k)); c.getContext('2d').drawImage(im, 0, 0, c.width, c.height); resolve(c.toDataURL('image/jpeg', 0.82)); } catch (e) { reject(e); } };
|
|
963
|
+
im.onerror = () => { URL.revokeObjectURL(url); reject(new Error('图读不出')); };
|
|
964
|
+
im.src = url;
|
|
965
|
+
});
|
|
966
|
+
const renderPhotos = () => $('#photos').replaceChildren(...state.photos.map((p, i) => h('div', { class: 'p' }, h('img', { src: '/api/kid/image?p=' + encodeURIComponent(p), alt: p, title: p }), h('button', { class: 'x', type: 'button', title: '去掉', on: { click: () => { state.photos.splice(i, 1); renderPhotos(); } } }, '×'))));
|
|
967
|
+
$('#photo-in').addEventListener('change', async (e) => {
|
|
968
|
+
if (!state.tutor) { e.target.value = ''; return alert('先选一位老师'); }
|
|
969
|
+
const files = [...(e.target.files || [])]; e.target.value = '';
|
|
970
|
+
for (const f of files) {
|
|
971
|
+
try { const r = await api('POST', '/api/conversations/' + state.tutor + '/photos', { image: await shrink(f) }); state.photos.push(r.path); renderPhotos(); } catch (err) { alert('照片没传上:' + err.message); }
|
|
972
|
+
}
|
|
973
|
+
});
|
|
974
|
+
const send = async (text, from, extra) => {
|
|
975
|
+
if (!state.tutor) return alert('先选一位老师');
|
|
976
|
+
const pick = $('#thread-pick').value;
|
|
977
|
+
const body = Object.assign({ text, from: from || $('#from').value, runtime: $('#runtime').value }, pick === 'new' ? { newThread: true } : pick ? { thread: pick } : {}, state.photos.length ? { photos: state.photos.slice() } : {}, extra || {});
|
|
978
|
+
try {
|
|
979
|
+
$('#send').disabled = true;
|
|
980
|
+
await api('POST', '/api/conversations/' + state.tutor + '/messages', body);
|
|
981
|
+
$('#text').value = '';
|
|
982
|
+
state.photos = []; renderPhotos();
|
|
983
|
+
if (state.date !== state.today) await pickTutor(state.tutor, state.today);
|
|
984
|
+
else await loadDay();
|
|
985
|
+
} catch (e) {
|
|
986
|
+
alert(e.message);
|
|
987
|
+
$('#send').disabled = false;
|
|
988
|
+
}
|
|
989
|
+
};
|
|
990
|
+
$('#composer').addEventListener('submit', (e) => { e.preventDefault(); const t = $('#text').value.trim(); if (t || state.photos.length) send(t); });
|
|
991
|
+
$('#text').addEventListener('keydown', (e) => { if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') { e.preventDefault(); $('#composer').requestSubmit(); } });
|
|
992
|
+
|
|
993
|
+
// ---- 看原文:一轮拆成几站 ----
|
|
994
|
+
const openRaw = async (job) => {
|
|
995
|
+
state.raw = null;
|
|
996
|
+
state.rawJob = job;
|
|
997
|
+
$('#drawer').classList.add('on');
|
|
998
|
+
$('#drawer').replaceChildren(h('div', { class: 'dsec' }, '读……'));
|
|
999
|
+
if (state.tab === 'chat') location.hash = '#chat?raw=' + job;
|
|
1000
|
+
try {
|
|
1001
|
+
state.raw = await api('GET', '/api/conversations/' + state.tutor + '/' + state.date + '/raw/' + job);
|
|
1002
|
+
if (!state.raw.stations.some((s) => s.id === state.station)) state.station = 'source';
|
|
1003
|
+
renderRaw();
|
|
1004
|
+
} catch (e) {
|
|
1005
|
+
$('#drawer').replaceChildren(h('div', { class: 'dsec' }, h('p', {}, '读不到:' + e.message), h('button', { class: 'btn', on: { click: closeRaw } }, '关')));
|
|
1006
|
+
}
|
|
1007
|
+
};
|
|
1008
|
+
const closeRaw = () => {
|
|
1009
|
+
$('#drawer').classList.remove('on');
|
|
1010
|
+
state.raw = null;
|
|
1011
|
+
state.rawJob = null;
|
|
1012
|
+
if (location.hash.includes('?raw=')) location.hash = '#chat';
|
|
1013
|
+
};
|
|
1014
|
+
document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && state.rawJob) closeRaw(); });
|
|
1015
|
+
|
|
1016
|
+
/** 原文一行 + 右边那句「解析器把它当什么了」;这一行有提醒就跟一条黄条 */
|
|
1017
|
+
const rawLineEl = (r, warns) => {
|
|
1018
|
+
const hit = warns.filter((w) => w.line === r.line);
|
|
1019
|
+
const out = [h('div', { class: 'rl ' + r.role + (r.open ? ' open' : '') + (hit.length ? ' warnline' : '') },
|
|
1020
|
+
h('span', { class: 'n' }, String(r.line + 1)),
|
|
1021
|
+
h('span', { class: 't' }, r.text || ' '),
|
|
1022
|
+
h('span', { class: 'a' }, r.label || ''))];
|
|
1023
|
+
for (const w of hit) out.push(h('div', { class: 'rawwarn' }, h('b', {}, '第 ' + (r.line + 1) + ' 行'), w.text));
|
|
1024
|
+
return out;
|
|
1025
|
+
};
|
|
1026
|
+
|
|
1027
|
+
const stationEl = (raw) => {
|
|
1028
|
+
const s = state.station;
|
|
1029
|
+
if (s === 'pack') {
|
|
1030
|
+
if (!raw.pack) return h('div', { class: 'dsec' }, h('p', { class: 'hintline' }, '这一轮没落上下文包(装新版之前跑的)。从现在起每轮都落一份 conversations/<老师>/<日期>.<job>.run.json。'));
|
|
1031
|
+
const cmd = raw.pack.argv.map((a) => (/[\\s"']/.test(a) ? JSON.stringify(a) : a)).join(' ');
|
|
1032
|
+
return h('div', { class: 'dsec' },
|
|
1033
|
+
h('h5', {}, '发给老师的(消息正文在最后)'),
|
|
1034
|
+
h('pre', {}, raw.pack.prompt),
|
|
1035
|
+
h('h5', {}, '命令行 · ' + raw.pack.runtime + (raw.pack.resume ? ' · resume ' + (raw.pack.session || '') : ' · 新开会话') + (raw.pack.agentBody ? ' · 老师正文塞在 {agentBody}' : '')),
|
|
1036
|
+
h('pre', {}, cmd),
|
|
1037
|
+
raw.pack.sources ? h('p', { class: 'hintline' }, '当时的老师文件 ' + (raw.pack.sources.agent ? raw.pack.sources.agent.file + ' ' + raw.pack.sources.agent.hash.slice(7) : '(读不到)') + ' · 技能 ' + Object.entries(raw.pack.sources.skills).map(([k, v]) => k + ' ' + v.slice(7, 13)).join(' / ') + '(正文在 run.json 的 sources 里;cotutor show --json 吐)') : h('p', { class: 'hintline' }, '这轮没记老师文件与技能的快照(2026-09-15 之前跑的)'),
|
|
1038
|
+
h('div', {},
|
|
1039
|
+
h('button', { class: 'btn', type: 'button', on: { click: (e) => copy(raw.pack.prompt, e.target) } }, '复制上下文包'),
|
|
1040
|
+
' ',
|
|
1041
|
+
h('button', { class: 'btn', type: 'button', on: { click: (e) => copy(cmd, e.target) } }, '复制命令行')));
|
|
1042
|
+
}
|
|
1043
|
+
if (s === 'timeline') {
|
|
1044
|
+
const box = h('div', { class: 'dsec' });
|
|
1045
|
+
const ev = raw.events || [];
|
|
1046
|
+
if (!ev.length) { box.append(h('p', { class: 'hintline' }, raw.stations.find((x) => x.id === 'timeline')?.note || '这轮没有事件。')); return box; }
|
|
1047
|
+
const spans = raw.timeline.spans;
|
|
1048
|
+
// 嘴这一道(实时)从老师进程起来之前开始:t 是负的,整条往右挪 lo
|
|
1049
|
+
const lo = raw.timeline.from || 0;
|
|
1050
|
+
const total = raw.timeline.total - lo;
|
|
1051
|
+
const lanes = ['mouth', 'main', 'tts', 'ready', 'index', 'ledger'].filter((l) => spans.some((x) => x.lane === l));
|
|
1052
|
+
const detail = h('p', { class: 'hintline' }, '点一段看它是什么');
|
|
1053
|
+
const g = h('div', { class: 'gantt' });
|
|
1054
|
+
for (const l of lanes) {
|
|
1055
|
+
const tr = h('div', { class: 'tr' });
|
|
1056
|
+
for (const x of spans.filter((x) => x.lane === l)) {
|
|
1057
|
+
const left = ((x.from - lo) / total) * 100, w = Math.max(0.4, ((x.to - x.from) / total) * 100);
|
|
1058
|
+
const el = h('div', { class: 'sp ' + x.state + (x.to === x.from ? ' tick' : ''), style: 'left:' + left.toFixed(2) + '%;width:' + w.toFixed(2) + '%', title: (x.from / 1000).toFixed(2) + 's ' + x.label, on: { click: () => { for (const o of g.querySelectorAll('.sp.on')) o.classList.remove('on'); el.classList.add('on'); detail.textContent = (x.from / 1000).toFixed(2) + 's → ' + (x.to / 1000).toFixed(2) + 's · ' + l + ' · ' + x.label; } } });
|
|
1059
|
+
tr.append(el);
|
|
1060
|
+
}
|
|
1061
|
+
g.append(h('div', { class: 'ln' }, l), tr);
|
|
1062
|
+
}
|
|
1063
|
+
g.append(h('div', { class: 'ax' }, h('span', {}, (lo / 1000).toFixed(1) + 's'), h('span', {}, ((lo + total / 2) / 1000).toFixed(1) + 's'), h('span', {}, ((lo + total) / 1000).toFixed(1) + 's')));
|
|
1064
|
+
box.append(h('h5', {}, '时间线:每道工序什么时候起、什么时候回(从老师进程起算;实时的嘴这一道从孩子按下起,负的)'), g, detail);
|
|
1065
|
+
if (raw.timing && raw.timing.beats && raw.timing.beats.length) box.append(h('h5', {}, '每拍'), h('pre', {}, raw.timing.beats.map((b, i) => '拍 ' + i + (b.card === null ? '(没有卡)' : '(卡 ' + b.card + ')') + ':关 ' + (b.closedMs !== undefined ? (b.closedMs / 1000).toFixed(2) + 's' : '-') + ' · 就绪 ' + (b.readyMs !== undefined ? (b.readyMs / 1000).toFixed(2) + 's' : '-')).join('\\n')));
|
|
1066
|
+
box.append(h('details', {}, h('summary', {}, '全部事件 ' + ev.length + ' 条'), h('pre', {}, raw.timeline.lines.join('\\n'))));
|
|
1067
|
+
return box;
|
|
1068
|
+
}
|
|
1069
|
+
if (s === 'source') {
|
|
1070
|
+
const box = h('div', {});
|
|
1071
|
+
box.append(h('div', { class: 'ctop' },
|
|
1072
|
+
h('span', {}, raw.files.log),
|
|
1073
|
+
h('span', {}, (raw.source.text ? raw.source.text.split('\\n').length : 0) + ' 行'),
|
|
1074
|
+
h('span', { class: 'right' },
|
|
1075
|
+
h('button', { class: 'linkish', type: 'button', on: { click: (e) => copy(raw.source.text, e.target) } }, '复制原文'),
|
|
1076
|
+
h('button', { class: 'linkish', type: 'button', on: { click: () => api('GET', '/api/conversations/' + raw.tutor + '/' + raw.date + '/raw/' + raw.job + '/fixture').then((f) => download(f.name, f.text)) } }, '存成 fixture'))));
|
|
1077
|
+
if (!raw.source.text) box.append(h('div', { class: 'dsec' }, h('p', { class: 'hintline' }, '这轮没有正文(出错、还在跑,或老师只用了工具)。看「转录与报错」那一站。')));
|
|
1078
|
+
const lines = h('div', { class: 'raw' });
|
|
1079
|
+
for (const r of raw.source.rows) lines.append(...rawLineEl(r, raw.source.warnings));
|
|
1080
|
+
box.append(lines);
|
|
1081
|
+
if (raw.dropped.length) {
|
|
1082
|
+
const d = h('details', { class: 'dsec' }, h('summary', {}, '没进板书正文的中间话 · ' + raw.dropped.length + ' 段'));
|
|
1083
|
+
for (const b of raw.dropped) d.append(h('pre', {}, b));
|
|
1084
|
+
box.append(d);
|
|
1085
|
+
}
|
|
1086
|
+
return box;
|
|
1087
|
+
}
|
|
1088
|
+
if (s === 'parse') {
|
|
1089
|
+
const box = h('div', { class: 'dsec' });
|
|
1090
|
+
box.append(h('h5', {}, raw.fresh.same ? '用当前解析器重解 = 索引里存的' : '用当前解析器重解,与索引里存的不一样'));
|
|
1091
|
+
for (const d of raw.fresh.diff) box.append(h('div', { class: 'dline ' + (d.s === '+' ? 'add' : d.s === '-' ? 'del' : 'same') }, h('span', { class: 's' }, d.s), h('span', {}, d.text)));
|
|
1092
|
+
if (!raw.fresh.diff.length) box.append(h('p', { class: 'hintline' }, '这轮没有板书。'));
|
|
1093
|
+
box.append(h('p', { class: 'hintline' }, '索引是物化的:这一轮存的是当时那版解析器的结果。改完 parseBoard 想知道老样本会不会变,就在这里看差异——确认好了再回上一站「存成 fixture」。'));
|
|
1094
|
+
const warns = raw.fresh.warnings.concat((raw.stored.warnings || []).map((x) => ({ text: x })));
|
|
1095
|
+
if (warns.length) {
|
|
1096
|
+
box.append(h('h5', {}, '提醒 ' + warns.length + ' 条'));
|
|
1097
|
+
for (const w of warns) box.append(h('p', { class: 'hintline' }, (w.line !== undefined ? '第 ' + (w.line + 1) + ' 行:' : '') + w.text));
|
|
1098
|
+
}
|
|
1099
|
+
box.append(h('details', {}, h('summary', {}, '解析出来的 JSON'), h('pre', {}, JSON.stringify(raw.fresh.section, null, 2))));
|
|
1100
|
+
return box;
|
|
1101
|
+
}
|
|
1102
|
+
if (s === 'kid') {
|
|
1103
|
+
const box = h('div', { class: 'dsec' });
|
|
1104
|
+
box.append(h('h5', {}, '讲稿(真发给孩子的那一份)'));
|
|
1105
|
+
raw.kid.lines.forEach((l, i) => box.append(h('div', { class: 'kline' },
|
|
1106
|
+
h('span', { class: 'n2' }, String(i + 1)),
|
|
1107
|
+
h('span', {}, l.text, l.cut ? h('span', { class: 'cut' }, l.cut) : null))));
|
|
1108
|
+
if (!raw.kid.lines.length) box.append(h('p', { class: 'hintline' }, '这轮没有讲稿。'));
|
|
1109
|
+
if (raw.kid.lines.some((l) => l.cut)) box.append(h('p', { class: 'hintline' }, '删除线是按 replyMaxChars 截掉的部分:孩子看不到,也不念。'));
|
|
1110
|
+
box.append(h('h5', {}, '卡 ' + raw.kid.cards.length + ' 张(答案已剥,孩子拿到的就是这个)'));
|
|
1111
|
+
for (const c of raw.kid.cards) {
|
|
1112
|
+
box.append(h('div', { class: 'kline' },
|
|
1113
|
+
h('span', { class: 'n2' }, String(c.n + 1)),
|
|
1114
|
+
h('span', {}, c.kind + '「' + c.label + '」', c.state ? h('span', { class: 'kidstate' }, ' · 孩子:' + c.state) : null),
|
|
1115
|
+
h('span', { class: 'au' + (c.assets.length ? '' : ' none') }, c.assets.length ? c.assets.length + ' 个资产' : '无资产')));
|
|
1116
|
+
box.append(h('details', {}, h('summary', {}, '下发的 props'), h('pre', {}, JSON.stringify(c.props, null, 2))));
|
|
1117
|
+
}
|
|
1118
|
+
return box;
|
|
1119
|
+
}
|
|
1120
|
+
if (s === 'tools') {
|
|
1121
|
+
// 读了什么(2026-09-15):一行一次工具调用——名字、路径 / 命令、成没成、结果多少字;答「老师为什么没看见档案那一行」
|
|
1122
|
+
const box = h('div', { class: 'dsec' });
|
|
1123
|
+
if (!raw.tools.length) { box.append(h('p', { class: 'hintline' }, '这轮没用工具:老师只凭上下文包答的(问答缺省就是这样)。')); return box; }
|
|
1124
|
+
const files = [...new Set(raw.tools.filter((t) => t.kind === 'read' && t.arg).map((t) => t.arg))];
|
|
1125
|
+
box.append(h('h5', {}, raw.tools.length + ' 次工具调用' + (files.length ? ' · 读了 ' + files.length + ' 个文件' : '')));
|
|
1126
|
+
for (const t of raw.tools) box.append(h('div', { class: 'dline ' + (t.ok === false ? 'del' : 'same') },
|
|
1127
|
+
h('span', { class: 's' }, t.ok === false ? '✗' : t.ok === null ? '?' : '·'),
|
|
1128
|
+
h('span', {}, t.name + (t.sub ? '(子代理)' : '') + ' ' + (t.arg || '') + (t.chars ? ' → ' + t.chars + ' 字' : ''))));
|
|
1129
|
+
box.append(h('p', { class: 'hintline' }, '✗ 报错 · ? 没等到结果(被杀或还在跑)。完整的参数与结果在 conversations/ 的 .log 里;cotutor show <老师> <job> --json 一次吐这一轮全部。'));
|
|
1130
|
+
return box;
|
|
1131
|
+
}
|
|
1132
|
+
if (s === 'trace') {
|
|
1133
|
+
const box = h('div', { class: 'dsec' });
|
|
1134
|
+
box.append(h('h5', {}, '转录 ' + raw.trace.length + ' 条'), h('div', { class: 'trace' }, ...rowsEl(raw.trace)));
|
|
1135
|
+
if (raw.error) box.append(h('h5', {}, '收尾:' + raw.error));
|
|
1136
|
+
box.append(h('h5', {}, 'stderr' + (raw.err ? '' : '(空)')));
|
|
1137
|
+
if (raw.err) box.append(h('pre', {}, raw.err));
|
|
1138
|
+
return box;
|
|
1139
|
+
}
|
|
1140
|
+
return h('div', { class: 'dsec' }, h('h5', {}, '这一轮的产物'), h('pre', {}, JSON.stringify(raw.stations.find((x) => x.id === 'ledger') || {}, null, 2)));
|
|
1141
|
+
};
|
|
1142
|
+
|
|
1143
|
+
const renderRaw = () => {
|
|
1144
|
+
const raw = state.raw;
|
|
1145
|
+
const all = () => [raw.pack ? '# 上下文包\\n' + raw.pack.prompt : '', '# 老师原文\\n' + raw.source.text, raw.pack ? '# 命令行\\n' + raw.pack.argv.join(' ') : ''].filter(Boolean).join('\\n\\n');
|
|
1146
|
+
$('#drawer').replaceChildren(
|
|
1147
|
+
h('div', { class: 'dhead' },
|
|
1148
|
+
h('div', { class: 'crumb' },
|
|
1149
|
+
h('button', { type: 'button', on: { click: closeRaw } }, '对话'), h('span', { 'aria-hidden': 'true' }, '/'),
|
|
1150
|
+
h('button', { type: 'button', on: { click: closeRaw } }, tutorOf(raw.tutor).display), h('span', { 'aria-hidden': 'true' }, '/'),
|
|
1151
|
+
h('span', {}, raw.at)),
|
|
1152
|
+
h('div', { class: 'line2' },
|
|
1153
|
+
h('h1', {}, '看原文'),
|
|
1154
|
+
h('span', { class: 'jobid' }, raw.job),
|
|
1155
|
+
raw.runtime ? h('span', { class: 'who2' }, raw.runtime) : null,
|
|
1156
|
+
h('span', { class: 'acts' },
|
|
1157
|
+
h('button', { class: 'btn', type: 'button', on: { click: (e) => copy(all(), e.target) } }, '复制整轮'),
|
|
1158
|
+
h('button', { class: 'btn', type: 'button', on: { click: () => openRaw(raw.job) } }, '重读'),
|
|
1159
|
+
h('button', { class: 'btn ink', type: 'button', on: { click: closeRaw } }, '关 Esc')))),
|
|
1160
|
+
h('div', { class: 'dbody' },
|
|
1161
|
+
h('nav', { class: 'rail' }, ...raw.stations.map((st) => h('button', { class: state.station === st.id ? 'on' : '', type: 'button', on: { click: () => { state.station = st.id; renderRaw(); } } },
|
|
1162
|
+
h('span', { class: 'dot' + (st.state === 'ok' ? '' : st.state === 'none' ? ' off' : ' ' + st.state) }),
|
|
1163
|
+
h('span', { class: 'lab' }, h('b', {}, st.title), h('span', {}, st.note))))),
|
|
1164
|
+
h('div', { class: 'dcontent' }, stationEl(raw))));
|
|
1165
|
+
};
|
|
1166
|
+
|
|
1167
|
+
// ---- 老师团:一位一行,政策折叠,改过的才亮 ----
|
|
1168
|
+
const POLICY_FIELDS = [['replyMaxChars', '每句字数上限', 'number'], ['effort', '动笔前想多久(low = 开口快;medium = 多想一会儿,算题用;high = 最慢最细)', 'enum', ['low', 'medium', 'high']], ['tools', '孩子的话带不带工具(off = 不带,开口快;on = 能查教材、读 vault,慢)', 'enum', ['off', 'on']], ['board', '板书(auto = 老师判断;off = 只说话)', 'enum', ['auto', 'off']], ['contextPack.recent', '上下文包:最近观察条数', 'number'], ['contextPack.planLines', '上下文包:计划行数', 'number'], ['contextPack.entryChars', '上下文包:档案 / 入口文件 / 记忆各带多少字', 'number']];
|
|
1169
|
+
const SHORT = { replyMaxChars: '每句 ', effort: '思考 ', tools: '工具 ', board: '板书 ', 'contextPack.recent': '观察 ', 'contextPack.planLines': '计划 ', 'contextPack.entryChars': '原文 ' };
|
|
1170
|
+
const getPath = (o, p) => p.split('.').reduce((a, k) => (a == null ? undefined : a[k]), o);
|
|
1171
|
+
const setPath = (o, p, v) => { const ks = p.split('.'); let cur = o; for (const k of ks.slice(0, -1)) cur = cur[k] = cur[k] || {}; cur[ks[ks.length - 1]] = v; };
|
|
1172
|
+
|
|
1173
|
+
const policyFields = (patch, effective, opts) => POLICY_FIELDS.map(([key, label, type, choices]) => {
|
|
1174
|
+
const cur = getPath(patch, key);
|
|
1175
|
+
const eff = getPath(effective, key);
|
|
1176
|
+
const changed = cur !== undefined;
|
|
1177
|
+
const box = h('div', { class: 'field' + (changed ? ' changed' : '') }, h('label', {}, label));
|
|
1178
|
+
if (type === 'enum') {
|
|
1179
|
+
// 空选项 = 不写这一项(老师行上是「继承」,全局是「缺省」),免得一保存就把缺省值写死进文件
|
|
1180
|
+
box.append(h('select', { 'data-key': key }, h('option', { value: '', selected: !changed }, (opts.inherit ? '继承(' : '缺省(') + eff + ')'), ...choices.map((o) => h('option', { value: o, selected: cur === o }, o))));
|
|
1181
|
+
} else {
|
|
1182
|
+
box.append(h('input', { type: 'number', 'data-key': key, value: cur === undefined ? '' : String(cur), placeholder: (opts.inherit ? '继承 ' : '') + eff }));
|
|
1183
|
+
}
|
|
1184
|
+
if (changed && opts.inherit) box.append(h('span', { class: 'foot' }, '全局 ' + String(eff) + ' · 改过'));
|
|
1185
|
+
return box;
|
|
1186
|
+
});
|
|
1187
|
+
const readPolicy = (card) => {
|
|
1188
|
+
const out = {};
|
|
1189
|
+
for (const el of card.querySelectorAll('[data-key]')) {
|
|
1190
|
+
const key = el.dataset.key;
|
|
1191
|
+
const type = POLICY_FIELDS.find((f) => f[0] === key)[2];
|
|
1192
|
+
const raw = el.value.trim();
|
|
1193
|
+
if (raw === '') { setPath(out, key, null); continue; }
|
|
1194
|
+
if (type === 'number') { const n = Number(raw); if (!Number.isInteger(n)) throw new Error(key + ' 要是整数'); setPath(out, key, n); }
|
|
1195
|
+
else setPath(out, key, raw);
|
|
1196
|
+
}
|
|
1197
|
+
return out;
|
|
1198
|
+
};
|
|
1199
|
+
const feedback = (card, ok, text) => { const m = $('.fb', card); if (!m) return; m.className = 'fb' + (ok ? '' : ' bad'); m.textContent = text; };
|
|
1200
|
+
const patchAndReload = async (card, patch, after) => {
|
|
1201
|
+
try {
|
|
1202
|
+
await api('PATCH', '/api/config', patch);
|
|
1203
|
+
await loadConfig();
|
|
1204
|
+
feedback(card, true, '已写入 cotutor.json');
|
|
1205
|
+
if (after) after();
|
|
1206
|
+
} catch (e) { feedback(card, false, e.message); }
|
|
1207
|
+
};
|
|
1208
|
+
|
|
1209
|
+
/** 行上只挂「改过的」政策,谁被调过一眼看得出 */
|
|
1210
|
+
const tutorTags = (t, patch) => {
|
|
1211
|
+
const out = [];
|
|
1212
|
+
if (t.hidden) out.push(h('span', { class: 'tag' }, '孩子端不露'));
|
|
1213
|
+
let tuned = 0;
|
|
1214
|
+
for (const [key] of POLICY_FIELDS) {
|
|
1215
|
+
const v = getPath(patch, key);
|
|
1216
|
+
if (v === undefined) continue;
|
|
1217
|
+
tuned++;
|
|
1218
|
+
out.push(h('span', { class: 'tag tuned' }, (SHORT[key] || key + ' ') + (typeof v === 'boolean' ? (v ? '开' : '关') : Array.isArray(v) ? v.join(',') : v)));
|
|
1219
|
+
}
|
|
1220
|
+
if (!tuned) out.push(h('span', { class: 'tag mute' }, '全部继承'));
|
|
1221
|
+
if (!t.enabled) out.push(h('span', { class: 'tag' }, '已关闭'));
|
|
1222
|
+
return out;
|
|
1223
|
+
};
|
|
1224
|
+
|
|
1225
|
+
/** 老师文件在 activity 页改:和 activity 同一个编辑器,带检查、预览、和出厂比、撞车保护 */
|
|
1226
|
+
const fileEditor = (t) => [h('button', { class: 'btn', type: 'button', title: '到 activity 页的「' + (t.name.endsWith('-tutor') ? '新话题' : '老师文件') + '」改:新话题照它带', on: { click: () => {
|
|
1227
|
+
act.want = { tutor: t.name, name: t.name.endsWith('-tutor') ? '新话题' : '老师文件', kind: 'tutor' };
|
|
1228
|
+
location.hash = '#activity?a=' + encodeURIComponent(t.name);
|
|
1229
|
+
showTab('activity');
|
|
1230
|
+
} } }, '改老师文件 →')];
|
|
1231
|
+
|
|
1232
|
+
const renderTeam = () => {
|
|
1233
|
+
const c = state.config;
|
|
1234
|
+
if (!c) return;
|
|
1235
|
+
const top = h('div', { class: 'panel' });
|
|
1236
|
+
top.append(h('header', {}, h('h4', {}, '全局'), h('span', { class: 'sub' }, 'policyDefaults · 留空 = 出厂缺省'),
|
|
1237
|
+
h('span', { class: 'right' }, h('span', { class: 'fb' }), h('button', { class: 'btn primary', type: 'button', on: { click: () => {
|
|
1238
|
+
try { patchAndReload(top, { title: $('#g-title').value, runtimes: { default: $('#g-agent').value }, policyDefaults: readPolicy(top) }, renderTeam); }
|
|
1239
|
+
catch (e) { feedback(top, false, e.message); }
|
|
1240
|
+
} } }, '保存全局'))));
|
|
1241
|
+
top.append(h('div', { class: 'grid' },
|
|
1242
|
+
h('div', { class: 'field' }, h('label', {}, '孩子端标题'), h('input', { type: 'text', id: 'g-title', value: c.title })),
|
|
1243
|
+
h('div', { class: 'field' }, h('label', {}, '缺省运行时'), h('select', { id: 'g-agent' }, ...c.runtimes.map((p) => h('option', { value: p, selected: p === c.runtime }, p)))),
|
|
1244
|
+
...policyFields(c.policyDefaults, c.tutors[0] ? Object.assign({}, c.tutors[0].policy, c.policyDefaults) : {}, { inherit: false })));
|
|
1245
|
+
top.append(h('p', { class: 'hint' }, '留空 = 出厂缺省(每句 60 字 / 每天 30 条 / 观察 10 条、计划 10 行、原文 4000 字)。运行时模板在 cotutor.json 里,路径与端口在设置页。'));
|
|
1246
|
+
|
|
1247
|
+
const roster = h('div', { class: 'panel' });
|
|
1248
|
+
const addBox = h('div', { class: 'rowbody', style: 'display:none' },
|
|
1249
|
+
h('div', { class: 'field' }, h('label', {}, '老师名(英文键)'), h('input', { type: 'text', id: 'n-name', placeholder: 'science-tutor' })),
|
|
1250
|
+
h('div', { class: 'field' }, h('label', {}, '显示名'), h('input', { type: 'text', id: 'n-display', placeholder: '科学老师' })),
|
|
1251
|
+
h('div', { class: 'field' }, h('label', {}, '学科(可空)'), h('input', { type: 'text', id: 'n-subject', placeholder: '科学' })),
|
|
1252
|
+
h('div', { class: 'field' }, h('label', {}, '头像(emoji,或图片路径)'), h('input', { type: 'text', id: 'n-avatar', value: '🔬', list: 'n-avatar-list', placeholder: '🔬 或 avatars/science-tutor.png' }),
|
|
1253
|
+
h('datalist', { id: 'n-avatar-list' }, ...['🧮', '📚', '📖', '🔬', '🎨', '🎵', '🌍', '💻', '🏃', '🧩', '📷', '🗓'].map((a) => h('option', { value: a })))),
|
|
1254
|
+
h('div', { class: 'field chk' }, h('input', { type: 'checkbox', id: 'n-hidden' }), h('label', { for: 'n-hidden' }, '孩子端不露')),
|
|
1255
|
+
h('div', { class: 'full' },
|
|
1256
|
+
h('button', { class: 'btn primary', type: 'button', on: { click: async () => {
|
|
1257
|
+
const name = $('#n-name').value.trim();
|
|
1258
|
+
const display = $('#n-display').value.trim();
|
|
1259
|
+
if (!/^[a-z0-9][a-z0-9-]*$/.test(name)) return feedback(roster, false, '老师名要小写字母数字连字符');
|
|
1260
|
+
if (!display) return feedback(roster, false, '显示名不能空');
|
|
1261
|
+
try { await api('POST', '/api/tutors', { name, display, subject: $('#n-subject').value.trim(), avatar: $('#n-avatar').value.trim(), hidden: $('#n-hidden').checked }); await loadConfig(); renderTeam(); }
|
|
1262
|
+
catch (e) { feedback(roster, false, e.message); }
|
|
1263
|
+
} } }, '加进来'),
|
|
1264
|
+
h('span', { class: 'hint', style: 'padding:0' }, '会写一份带全部约定的老师文件、进 cotutor.json、建目录;之后点开这位老师改「老师文件」把性子填上。与终端 cotutor add 同一条路。')));
|
|
1265
|
+
roster.append(h('header', {}, h('h4', {}, c.tutors.length + ' 位老师'), h('span', { class: 'sub' }, '点一行展开政策'),
|
|
1266
|
+
h('span', { class: 'right' }, h('span', { class: 'fb' }), h('button', { class: 'btn', type: 'button', on: { click: () => { addBox.style.display = addBox.style.display === 'none' ? 'grid' : 'none'; } } }, '+ 新老师'))));
|
|
1267
|
+
roster.append(addBox);
|
|
1268
|
+
|
|
1269
|
+
const list = h('div', { class: 'roster' });
|
|
1270
|
+
for (const t of c.tutors) {
|
|
1271
|
+
const patch = c.tutorPatches[t.name] || {};
|
|
1272
|
+
const card = h('div', {});
|
|
1273
|
+
const body = h('div', { class: 'rowbody', style: 'display:none' });
|
|
1274
|
+
body.append(
|
|
1275
|
+
h('div', { class: 'field' }, h('label', {}, '显示名'), h('input', { type: 'text', 'data-f': 'display', value: t.display })),
|
|
1276
|
+
h('div', { class: 'field' }, h('label', {}, '学科'), h('input', { type: 'text', 'data-f': 'subject', value: t.subject || '' })),
|
|
1277
|
+
colorField(t, c),
|
|
1278
|
+
h('div', { class: 'field' }, h('label', {}, '头像(emoji,或图片路径如 avatars/' + t.name + '.png)'), h('input', { type: 'text', 'data-f': 'avatar', value: t.avatar || '' })),
|
|
1279
|
+
h('div', { class: 'field' }, h('label', {}, '卡的配音音色'), h('div', { class: 'withbtn' }, h('input', { type: 'text', 'data-f': 'voice', value: t.voice || '' }),
|
|
1280
|
+
h('button', { class: 'btn', type: 'button', title: '到音色页听着挑', on: { click: () => { voiceState.for = t.name; voiceState.kind = 'tts'; location.hash = '#voices'; showTab('voices'); } } }, '去挑'))),
|
|
1281
|
+
h('div', { class: 'field chk' }, h('input', { type: 'checkbox', 'data-f': 'enabled', checked: t.enabled }), h('label', {}, '开启')),
|
|
1282
|
+
h('div', { class: 'field chk' }, h('input', { type: 'checkbox', 'data-f': 'hidden', checked: t.hidden }), h('label', {}, '孩子端不露')),
|
|
1283
|
+
...policyFields(patch, t.policy, { inherit: true }));
|
|
1284
|
+
const saveBtn = h('button', { class: 'btn primary', type: 'button' }, '保存');
|
|
1285
|
+
const full = h('div', { class: 'full' }, saveBtn, ...fileEditor(t), h('span', { class: 'fb' }));
|
|
1286
|
+
if (!c.shipped.includes(t.name)) full.append(h('button', { class: 'btn danger', type: 'button', style: 'margin-left:auto', on: { click: async () => {
|
|
1287
|
+
if (!confirm('删掉 ' + t.display + '?老师文件改名保留,会话与记忆不动。')) return;
|
|
1288
|
+
try { await api('DELETE', '/api/tutors/' + t.name); await loadConfig(); renderTeam(); }
|
|
1289
|
+
catch (e) { feedback(card, false, e.message); }
|
|
1290
|
+
} } }, '删掉这位老师'));
|
|
1291
|
+
body.append(full);
|
|
1292
|
+
card.append(body);
|
|
1293
|
+
saveBtn.addEventListener('click', () => {
|
|
1294
|
+
try {
|
|
1295
|
+
const f = (name) => $('[data-f=' + name + ']', body);
|
|
1296
|
+
patchAndReload(card, { tutors: { [t.name]: { display: f('display').value.trim(), subject: f('subject').value.trim() || null, color: f('color').dataset.v || null, avatar: f('avatar').value.trim() || null, voice: f('voice').value.trim() || null, enabled: f('enabled').checked, hidden: f('hidden').checked, policy: readPolicy(body) } } }, renderTeam);
|
|
1297
|
+
} catch (e) { feedback(card, false, e.message); }
|
|
1298
|
+
});
|
|
1299
|
+
const caret = h('span', { class: 'caret', 'aria-hidden': 'true' });
|
|
1300
|
+
caret.innerHTML = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>';
|
|
1301
|
+
const row = h('div', { class: 'row' + (t.enabled ? '' : ' off'), on: { click: (e) => {
|
|
1302
|
+
if (e.target.closest('input,select,button,textarea,label')) return;
|
|
1303
|
+
const on = body.style.display === 'none';
|
|
1304
|
+
body.style.display = on ? 'grid' : 'none';
|
|
1305
|
+
caret.classList.toggle('up', on);
|
|
1306
|
+
} } },
|
|
1307
|
+
avatarEl(t, 'lg'),
|
|
1308
|
+
h('span', { class: 'name' }, h('b', {}, t.display), h('span', {}, t.name + (t.subject ? ' · ' + t.subject : ''))),
|
|
1309
|
+
h('span', { class: 'tags' }, ...tutorTags(t, patch)),
|
|
1310
|
+
caret);
|
|
1311
|
+
list.append(row, card);
|
|
1312
|
+
}
|
|
1313
|
+
roster.append(list);
|
|
1314
|
+
$('#team').replaceChildren(h('div', { class: 'wrap' }, h('header', { class: 'ph' }, h('h1', {}, '老师团'), h('span', { class: 'sub' }, '按 cotutor.json 里有谁走;键以 -tutor 结尾的是有脸的老师')), top, roster));
|
|
1315
|
+
};
|
|
1316
|
+
|
|
1317
|
+
// ---- 音色:两样声音,页头切——卡的配音(百炼 Qwen-Audio-TTS 的 597 个,src/media/tts-voices.ts;挑中的写进 tutors.<名>.voice;点读、单词卡的声音)、
|
|
1318
|
+
// 实时的嘴(百炼 realtime 认的 56 个,挑中的写进 live.voices.<名>,见下面 renderLiveVoices)。都是先听再挑 ----
|
|
1319
|
+
const AGE_BANDS = [['', '全部年龄'], ['kid', '12 岁以下'], ['young', '13–25 岁'], ['adult', '26–40 岁'], ['senior', '41 岁以上']];
|
|
1320
|
+
const inBand = (age, band) => !band || (typeof age === 'number' && (band === 'kid' ? age <= 12 : band === 'young' ? age >= 13 && age <= 25 : band === 'adult' ? age >= 26 && age <= 40 : age >= 41));
|
|
1321
|
+
const voiceState = { kind: 'tts', list: null, error: null, sample: '', inUse: {}, q: '', gender: '', band: '', text: '', for: null, playing: null, audio: null, loading: false };
|
|
1322
|
+
/** 页头的切换:卡的配音 / 实时的嘴 */
|
|
1323
|
+
const kindSeg = () => h('span', { class: 'seg', role: 'tablist' }, ...[['tts', '卡的配音'], ['live', '实时的嘴']].map(([k, label]) => h('button', { type: 'button', role: 'tab', 'aria-selected': String(voiceState.kind === k), class: voiceState.kind === k ? 'on' : '', on: { click: () => { if (voiceState.kind === k) return; stopPreview(); voiceState.kind = k; renderVoices(); } } }, label)));
|
|
1324
|
+
const stopPreview = () => {
|
|
1325
|
+
if (voiceState.audio) { voiceState.audio.pause(); voiceState.audio = null; }
|
|
1326
|
+
const b = voiceState.playing;
|
|
1327
|
+
voiceState.playing = null;
|
|
1328
|
+
if (b) { b.textContent = '▶ 试听'; b.classList.remove('on'); b.disabled = false; }
|
|
1329
|
+
};
|
|
1330
|
+
/** 点一下合成(服务端同句同音色只合成一次)并播;再点停;换一个点就切过去。base = 卡的配音 / 实时的嘴各自的试听接口 */
|
|
1331
|
+
const preview = async (btn, voice, panel, base = '/api/tts/preview') => {
|
|
1332
|
+
if (voiceState.playing === btn) return stopPreview();
|
|
1333
|
+
stopPreview();
|
|
1334
|
+
voiceState.playing = btn;
|
|
1335
|
+
btn.textContent = '合成中…';
|
|
1336
|
+
btn.classList.add('on');
|
|
1337
|
+
try {
|
|
1338
|
+
const r = await fetch(base + '?voice=' + encodeURIComponent(voice) + (voiceState.text ? '&text=' + encodeURIComponent(voiceState.text) : ''));
|
|
1339
|
+
if (!r.ok) { const j = await r.json().catch(() => null); throw new Error((j && j.message) || (r.status + ' ' + r.statusText)); }
|
|
1340
|
+
const url = URL.createObjectURL(await r.blob());
|
|
1341
|
+
if (voiceState.playing !== btn) { URL.revokeObjectURL(url); return; }
|
|
1342
|
+
const a = new Audio(url);
|
|
1343
|
+
voiceState.audio = a;
|
|
1344
|
+
btn.textContent = '■ 停';
|
|
1345
|
+
a.addEventListener('ended', () => { URL.revokeObjectURL(url); if (voiceState.audio === a) stopPreview(); });
|
|
1346
|
+
await a.play();
|
|
1347
|
+
feedback(panel, true, '');
|
|
1348
|
+
} catch (e) {
|
|
1349
|
+
if (voiceState.playing === btn) stopPreview();
|
|
1350
|
+
feedback(panel, false, '没成:' + e.message);
|
|
1351
|
+
}
|
|
1352
|
+
};
|
|
1353
|
+
const loadVoices = async () => {
|
|
1354
|
+
voiceState.loading = true;
|
|
1355
|
+
try {
|
|
1356
|
+
const r = await api('GET', '/api/tts/voices');
|
|
1357
|
+
voiceState.list = r.voices;
|
|
1358
|
+
voiceState.error = r.error;
|
|
1359
|
+
voiceState.sample = r.sample;
|
|
1360
|
+
voiceState.inUse = r.inUse || {};
|
|
1361
|
+
} catch (e) {
|
|
1362
|
+
voiceState.list = [];
|
|
1363
|
+
voiceState.error = e.message;
|
|
1364
|
+
}
|
|
1365
|
+
voiceState.loading = false;
|
|
1366
|
+
};
|
|
1367
|
+
const voiceTutor = () => {
|
|
1368
|
+
const c = state.config;
|
|
1369
|
+
return c.tutors.find((t) => t.name === voiceState.for) || c.tutors.find((t) => t.enabled && !t.hidden) || c.tutors[0] || null;
|
|
1370
|
+
};
|
|
1371
|
+
const renderVoices = async () => {
|
|
1372
|
+
const c = state.config;
|
|
1373
|
+
if (!c) return;
|
|
1374
|
+
if (voiceState.kind === 'live') return renderLiveVoices();
|
|
1375
|
+
if (!voiceState.list && !voiceState.loading) {
|
|
1376
|
+
$('#voices').replaceChildren(h('div', { class: 'wrap' }, h('header', { class: 'ph' }, h('h1', {}, '音色'), kindSeg()), h('div', { class: 'panel' }, h('p', { class: 'hint', style: 'padding:16px 20px' }, '在列音色……'))));
|
|
1377
|
+
await loadVoices();
|
|
1378
|
+
if (state.tab !== 'voices' || voiceState.kind !== 'tts') return;
|
|
1379
|
+
}
|
|
1380
|
+
if (voiceState.loading) return;
|
|
1381
|
+
const who = voiceTutor();
|
|
1382
|
+
if (who) voiceState.for = who.name;
|
|
1383
|
+
const panel = h('div', { class: 'panel voices' });
|
|
1384
|
+
const fb = h('span', { class: 'fb' });
|
|
1385
|
+
const forSel = h('select', { id: 'v-for', title: '挑中的音色给谁', on: { change: (e) => { voiceState.for = e.target.value; renderVoices(); } } },
|
|
1386
|
+
...c.tutors.map((t) => h('option', { value: t.name, selected: who && t.name === who.name }, t.display + (t.enabled ? '' : '(已关闭)'))));
|
|
1387
|
+
panel.append(h('header', {}, h('h4', {}, '音色'), h('span', { class: 'sub' }, (voiceState.list || []).length + ' 个', h('span', { class: 'cmd' }, '百炼 Qwen-Audio-TTS')),
|
|
1388
|
+
h('span', { class: 'right' }, fb, h('label', { class: 'for' }, '给谁挑', forSel))));
|
|
1389
|
+
if (who) {
|
|
1390
|
+
const cur = (voiceState.list || []).find((v) => v.voice === who.voice);
|
|
1391
|
+
panel.append(h('div', { class: 'now' }, avatarEl(who), h('b', {}, who.display),
|
|
1392
|
+
who.voice ? h('span', {}, '现在用 ', h('b', {}, cur ? cur.name : who.voice), cur ? h('small', {}, ' ' + who.voice) : h('small', {}, '(列表里没有这个 id)')) : h('span', { class: 'muted' }, '还没配音色,点读、单词卡没有声音'),
|
|
1393
|
+
who.voice ? h('button', { class: 'btn', type: 'button', on: { click: () => patchAndReload(panel, { tutors: { [who.name]: { voice: null } } }, renderVoices) } }, '清掉') : null));
|
|
1394
|
+
}
|
|
1395
|
+
if (voiceState.error) panel.append(h('p', { class: 'fb bad', style: 'padding:12px 16px 0' }, '列不出音色:' + voiceState.error));
|
|
1396
|
+
|
|
1397
|
+
const genders = [...new Set((voiceState.list || []).map((v) => v.gender).filter(Boolean))];
|
|
1398
|
+
const filters = h('div', { class: 'filters' },
|
|
1399
|
+
h('input', { type: 'search', placeholder: '搜名字 / 特质 / 场景,比如 少年、温柔、故事', value: voiceState.q, on: { input: (e) => { voiceState.q = e.target.value.trim().toLowerCase(); renderVoiceList(); } } }),
|
|
1400
|
+
genders.length ? h('select', { on: { change: (e) => { voiceState.gender = e.target.value; renderVoiceList(); } } }, h('option', { value: '', selected: !voiceState.gender }, '全部性别'), ...genders.map((g) => h('option', { value: g, selected: voiceState.gender === g }, g))) : null,
|
|
1401
|
+
h('select', { on: { change: (e) => { voiceState.band = e.target.value; renderVoiceList(); } } }, ...AGE_BANDS.map(([k, label]) => h('option', { value: k, selected: voiceState.band === k }, label))),
|
|
1402
|
+
h('input', { type: 'text', class: 'sample', placeholder: '试听句:' + voiceState.sample, value: voiceState.text, title: '空 = 用缺省那句;每句每个音色只合成一次', on: { change: (e) => { voiceState.text = e.target.value.trim().slice(0, 200); stopPreview(); } } }));
|
|
1403
|
+
const list = h('div', { class: 'vlist' });
|
|
1404
|
+
const renderVoiceList = () => {
|
|
1405
|
+
const rows = [];
|
|
1406
|
+
const q = voiceState.q;
|
|
1407
|
+
for (const v of voiceState.list || []) {
|
|
1408
|
+
if (voiceState.gender && v.gender !== voiceState.gender) continue;
|
|
1409
|
+
if (!inBand(v.age, voiceState.band)) continue;
|
|
1410
|
+
if (q && ![v.name, v.voice, v.trait, v.scene, v.lang].some((x) => x && x.toLowerCase().includes(q))) continue;
|
|
1411
|
+
const mine = who && who.voice === v.voice;
|
|
1412
|
+
const users = (voiceState.inUse[v.voice] || []).map((n) => (c.tutors.find((t) => t.name === n) || { display: n }).display);
|
|
1413
|
+
const play = h('button', { class: 'btn play', type: 'button', on: { click: () => preview(play, v.voice, panel) } }, '▶ 试听');
|
|
1414
|
+
rows.push(h('div', { class: 'vrow' + (mine ? ' mine' : '') }, play,
|
|
1415
|
+
h('span', { class: 'vname' }, h('b', {}, v.name), h('span', {}, v.voice)),
|
|
1416
|
+
h('span', { class: 'vmeta' }, [v.gender, typeof v.age === 'number' ? v.age + ' 岁' : null].filter(Boolean).join(' · ')),
|
|
1417
|
+
h('span', { class: 'vtrait' }, v.trait || ''),
|
|
1418
|
+
h('span', { class: 'vscene' }, v.scene || ''),
|
|
1419
|
+
h('span', { class: 'tags' }, ...users.map((d) => h('span', { class: 'tag' + (mine ? ' tuned' : '') }, d + ' 在用'))),
|
|
1420
|
+
who ? (mine ? h('span', { class: 'tag tuned' }, '就是这个') : h('button', { class: 'btn primary pick', type: 'button', on: { click: () => { stopPreview(); patchAndReload(panel, { tutors: { [who.name]: { voice: v.voice } } }, renderVoices); } } }, '给' + who.display + '用')) : null));
|
|
1421
|
+
}
|
|
1422
|
+
list.replaceChildren(...(rows.length ? rows : [h('p', { class: 'hint', style: 'padding:14px 16px' }, voiceState.list && voiceState.list.length ? '没有匹配的音色,换个词' : '没有音色')]));
|
|
1423
|
+
};
|
|
1424
|
+
renderVoiceList();
|
|
1425
|
+
panel.append(filters, list);
|
|
1426
|
+
panel.append(h('p', { class: 'hint' }, '试听是真合成一次(合成过的存着,同一句同一个音色以后不再花钱;要百炼的 key,家长端「首页」里填);挑中就写进 cotutor.json,卡点了就用新声音。只管卡自己的声音(点读卡、单词卡、听写念的词);老师开口的声音在「实时的嘴」那半。'));
|
|
1427
|
+
$('#voices').replaceChildren(h('div', { class: 'wrap' }, h('header', { class: 'ph' }, h('h1', {}, '音色'), kindSeg(), h('span', { class: 'sub' }, '先听再挑,挑中的写进 cotutor.json')), panel));
|
|
1428
|
+
};
|
|
1429
|
+
// ---- 实时的嘴:百炼 realtime 认的 56 个音色(src/realtime/voices.ts);试听是真连一次照念这一句(几分钱,存着)。
|
|
1430
|
+
// 挑中的写进 live.voices.<老师>;有脸的老师都走实时,没挑的用缺省音色;清掉 = 回到缺省 ----
|
|
1431
|
+
const liveVoiceState = { data: null, error: null, q: '', lang: '', loading: false };
|
|
1432
|
+
const loadLiveVoices = async () => {
|
|
1433
|
+
liveVoiceState.loading = true;
|
|
1434
|
+
try { liveVoiceState.data = await api('GET', '/api/tts/realtime'); liveVoiceState.error = null; } catch (e) { liveVoiceState.error = e.message; }
|
|
1435
|
+
liveVoiceState.loading = false;
|
|
1436
|
+
};
|
|
1437
|
+
const renderLiveVoices = async () => {
|
|
1438
|
+
const c = state.config;
|
|
1439
|
+
const page = (panel) => $('#voices').replaceChildren(h('div', { class: 'wrap' }, h('header', { class: 'ph' }, h('h1', {}, '音色'), kindSeg(), h('span', { class: 'sub' }, '实时的老师开口用的声音,挑中的写进 cotutor.json 的 live.voices')), panel));
|
|
1440
|
+
if (!liveVoiceState.data && !liveVoiceState.loading) {
|
|
1441
|
+
page(h('div', { class: 'panel' }, h('p', { class: 'hint', style: 'padding:16px 20px' }, '在列音色……')));
|
|
1442
|
+
await loadLiveVoices();
|
|
1443
|
+
if (state.tab !== 'voices' || voiceState.kind !== 'live') return;
|
|
1444
|
+
}
|
|
1445
|
+
if (liveVoiceState.loading) return;
|
|
1446
|
+
const L = c.live || { voices: {} };
|
|
1447
|
+
const fallback = (liveVoiceState.data && liveVoiceState.data.fallback) || '';
|
|
1448
|
+
const list = (liveVoiceState.data && liveVoiceState.data.voices) || [];
|
|
1449
|
+
// 实时只给有脸的老师(live.voices 的键要是 -tutor 结尾的老师)
|
|
1450
|
+
const faces = c.tutors.filter((t) => t.name.endsWith('-tutor'));
|
|
1451
|
+
const who = faces.find((t) => t.name === voiceState.for) || faces.find((t) => t.enabled && !t.hidden) || faces[0] || null;
|
|
1452
|
+
if (who) voiceState.for = who.name;
|
|
1453
|
+
const panel = h('div', { class: 'panel voices' });
|
|
1454
|
+
const fb = h('span', { class: 'fb' });
|
|
1455
|
+
const forSel = h('select', { id: 'v-for', title: '挑中的音色给谁', on: { change: (e) => { voiceState.for = e.target.value; renderVoices(); } } },
|
|
1456
|
+
...faces.map((t) => h('option', { value: t.name, selected: who && t.name === who.name }, t.display + (t.enabled ? '' : '(已关闭)'))));
|
|
1457
|
+
panel.append(h('header', {}, h('h4', {}, '实时的嘴'), h('span', { class: 'sub' }, list.length + ' 个', h('span', { class: 'cmd' }, ' · ' + (L.model || ''))),
|
|
1458
|
+
h('span', { class: 'right' }, fb, h('label', { class: 'for' }, '给谁挑', forSel))));
|
|
1459
|
+
if (liveVoiceState.error) panel.append(h('p', { class: 'fb bad', style: 'padding:12px 16px 0' }, '列不出音色:' + liveVoiceState.error));
|
|
1460
|
+
if (who) {
|
|
1461
|
+
const own = L.voices[who.name];
|
|
1462
|
+
const curV = own || fallback;
|
|
1463
|
+
const cur = list.find((x) => x.voice === curV);
|
|
1464
|
+
panel.append(h('div', { class: 'now' }, avatarEl(who), h('b', {}, who.display),
|
|
1465
|
+
curV ? h('span', {}, '嘴用 ', h('b', {}, cur ? cur.name : curV), h('small', {}, ' ' + curV + (own ? '' : '(缺省的,还没挑)')), cur ? null : h('span', { class: 'fb bad' }, ' 这个模型不认这个音色,嘴会不出声,换一个')) : null,
|
|
1466
|
+
own ? h('button', { class: 'btn', type: 'button', on: { click: () => { stopPreview(); patchAndReload(panel, { live: { voices: { [who.name]: null } } }, renderVoices); } } }, '清掉(用缺省的)') : null));
|
|
1467
|
+
}
|
|
1468
|
+
const langs = [...new Set(list.map((x) => x.lang))];
|
|
1469
|
+
const filters = h('div', { class: 'filters' },
|
|
1470
|
+
h('input', { type: 'search', placeholder: '搜名字 / 特质,比如 温柔、知性、少年', value: liveVoiceState.q, on: { input: (e) => { liveVoiceState.q = e.target.value.trim().toLowerCase(); renderList(); } } }),
|
|
1471
|
+
h('select', { on: { change: (e) => { liveVoiceState.lang = e.target.value; renderList(); } } }, h('option', { value: '', selected: !liveVoiceState.lang }, '普通话与方言都列'), ...langs.map((g) => h('option', { value: g, selected: liveVoiceState.lang === g }, g))),
|
|
1472
|
+
h('input', { type: 'text', class: 'sample', placeholder: '试听句:' + ((liveVoiceState.data && liveVoiceState.data.sample) || ''), value: voiceState.text, title: '空 = 用缺省那句;每句每个音色只念一次', on: { change: (e) => { voiceState.text = e.target.value.trim().slice(0, 200); stopPreview(); } } }));
|
|
1473
|
+
const box = h('div', { class: 'vlist' });
|
|
1474
|
+
const renderList = () => {
|
|
1475
|
+
const rows = [];
|
|
1476
|
+
const q = liveVoiceState.q;
|
|
1477
|
+
for (const x of list) {
|
|
1478
|
+
if (liveVoiceState.lang && x.lang !== liveVoiceState.lang) continue;
|
|
1479
|
+
if (q && ![x.name, x.voice, x.trait, x.lang].some((y) => y && y.toLowerCase().includes(q))) continue;
|
|
1480
|
+
const mine = who && (L.voices[who.name] || fallback) === x.voice;
|
|
1481
|
+
const users = ((liveVoiceState.data && liveVoiceState.data.inUse) || {})[x.voice] ? liveVoiceState.data.inUse[x.voice].map((n) => (c.tutors.find((t) => t.name === n) || { display: n }).display) : [];
|
|
1482
|
+
const play = h('button', { class: 'btn play', type: 'button', on: { click: () => preview(play, x.voice, panel, '/api/tts/realtime/preview') } }, '▶ 试听');
|
|
1483
|
+
rows.push(h('div', { class: 'vrow' + (mine ? ' mine' : '') }, play,
|
|
1484
|
+
h('span', { class: 'vname' }, h('b', {}, x.name), h('span', {}, x.voice)),
|
|
1485
|
+
h('span', { class: 'vmeta' }, x.lang),
|
|
1486
|
+
h('span', { class: 'vtrait' }, x.trait),
|
|
1487
|
+
h('span', { class: 'vscene' }, ''),
|
|
1488
|
+
h('span', { class: 'tags' }, ...users.map((d) => h('span', { class: 'tag' + (mine ? ' tuned' : '') }, d + ' 在用'))),
|
|
1489
|
+
who ? (mine ? h('span', { class: 'tag tuned' }, '就是这个') : h('button', { class: 'btn primary pick', type: 'button', on: { click: () => { stopPreview(); patchAndReload(panel, { live: { voices: { [who.name]: x.voice } } }, renderVoices); } } }, '给' + who.display + '用')) : null));
|
|
1490
|
+
}
|
|
1491
|
+
box.replaceChildren(...(rows.length ? rows : [h('p', { class: 'hint', style: 'padding:14px 16px' }, '没有匹配的音色,换个词')]));
|
|
1492
|
+
};
|
|
1493
|
+
renderList();
|
|
1494
|
+
panel.append(filters, box);
|
|
1495
|
+
panel.append(h('p', { class: 'hint' }, '试听是真连一次百炼的实时模型照念这一句(几分钱;同一句同一个音色只念一次,存在 .cotutor/live-preview/)。挑中就写进 cotutor.json 的 live.voices,孩子下一个新话题起用。这个模型没有童声;方言、外国口音的不适合教课。'));
|
|
1496
|
+
page(panel);
|
|
1497
|
+
};
|
|
1498
|
+
|
|
1499
|
+
// ---- 设置:路径 / 服务 / 配音;文件仍是真相 ----
|
|
1500
|
+
const PATH_ROLES = [['vault', 'vault 根', 'Obsidian 仓库;空 = workspace 根'], ['profile', '新建档案的位置', '相对 vault;老师按 cotutor: profile 属性找档案'], ['timetable', '课程表', '相对 vault'], ['plans', '计划目录', ''], ['diary', '日记目录', '记账写这里'], ['textbooks', '教材目录', '记账列可选的册#节;上下文包按 cotutor: textbook 属性找'], ['reference', '参考目录', '你自己的笔记'], ['captures', '作业照片', '相对 workspace 根(不进 vault)']];
|
|
1501
|
+
|
|
1502
|
+
const migratePanel = () => {
|
|
1503
|
+
const gaps = (state.config && state.config.migrate) || [];
|
|
1504
|
+
if (!gaps.length) return null;
|
|
1505
|
+
const card = h('div', { class: 'panel migrate' });
|
|
1506
|
+
card.append(h('header', {}, h('h4', {}, '这份 cotutor.json 和新版差 ' + gaps.length + ' 项'),
|
|
1507
|
+
h('span', { class: 'right' }, h('span', { class: 'fb' }), h('button', { class: 'btn primary', type: 'button', on: { click: async () => {
|
|
1508
|
+
try { await api('POST', '/api/config/migrate', {}); await loadConfig(); renderSettings(); }
|
|
1509
|
+
catch (e) { feedback(card, false, e.message); }
|
|
1510
|
+
} } }, '补上'))));
|
|
1511
|
+
card.append(h('ul', { class: 'gaps' }, ...gaps.map((g) => h('li', {}, h('span', { class: g.kind === 'retired' ? 'plus minus' : 'plus' }, g.kind === 'retired' ? '−' : '+'), h('span', {}, g.detail)))));
|
|
1512
|
+
card.append(h('p', { class: 'hint' }, '新版 cotutor 带来的新老师、新运行时、命令模板里的新旗标(+),和新版不再读的出厂段(−)。cotutor.json 是你的政策文件,机器不会自己改它,所以要你点一下。只改上面这些,你改过的值一个都不动;终端里等同于 cotutor upgrade --config。'));
|
|
1513
|
+
return card;
|
|
1514
|
+
};
|
|
1515
|
+
|
|
1516
|
+
const renderSettings = () => {
|
|
1517
|
+
const c = state.config;
|
|
1518
|
+
if (!c) return;
|
|
1519
|
+
const paths = h('div', { class: 'panel' });
|
|
1520
|
+
paths.append(h('header', {}, h('h4', {}, '路径'), h('span', { class: 'sub' }, '留空用缺省 · 右边是现在解析到的绝对路径'),
|
|
1521
|
+
h('span', { class: 'right' }, h('span', { class: 'fb' }), h('button', { class: 'btn primary', type: 'button', on: { click: async () => {
|
|
1522
|
+
const patch = {};
|
|
1523
|
+
for (const el of paths.querySelectorAll('[data-p]')) patch[el.dataset.p] = el.value.trim() || null;
|
|
1524
|
+
try { await api('PATCH', '/api/config', { paths: patch }); await loadConfig(); feedback(paths, true, '已写入 cotutor.json'); }
|
|
1525
|
+
catch (e) { feedback(paths, false, e.message); }
|
|
1526
|
+
} } }, '保存路径'))));
|
|
1527
|
+
for (const [k, label, note] of PATH_ROLES) {
|
|
1528
|
+
paths.append(h('div', { class: 'pathrow' },
|
|
1529
|
+
h('span', { class: 'k' }, label, note ? h('small', {}, note) : null),
|
|
1530
|
+
h('input', { type: 'text', 'data-p': k, value: c.paths[k] || '', placeholder: '缺省' }),
|
|
1531
|
+
h('span', { class: 'resolved' }, c.resolvedPaths[k] || '')));
|
|
1532
|
+
}
|
|
1533
|
+
|
|
1534
|
+
const server = h('div', { class: 'panel' });
|
|
1535
|
+
server.append(h('header', {}, h('h4', {}, '服务'), h('span', { class: 'sub' }, '改端口要重启 serve'),
|
|
1536
|
+
h('span', { class: 'right' }, h('span', { class: 'fb' }), h('button', { class: 'btn primary', type: 'button', on: { click: async () => {
|
|
1537
|
+
try {
|
|
1538
|
+
const port = Number($('#s-port').value);
|
|
1539
|
+
if (!Number.isInteger(port) || port < 1 || port > 65535) throw new Error('端口要是 1–65535');
|
|
1540
|
+
const cert = $('#s-cert').value.trim();
|
|
1541
|
+
const key = $('#s-key').value.trim();
|
|
1542
|
+
await api('PATCH', '/api/config', { server: { port, https: cert && key ? { cert, key } : null } });
|
|
1543
|
+
await loadConfig();
|
|
1544
|
+
feedback(server, true, '已写入' + (port !== c.server.port ? ';端口改了,重启 serve 才生效' : ''));
|
|
1545
|
+
} catch (e) { feedback(server, false, e.message); }
|
|
1546
|
+
} } }, '保存服务'))));
|
|
1547
|
+
server.append(h('div', { class: 'grid' },
|
|
1548
|
+
h('div', { class: 'field' }, h('label', {}, '端口'), h('input', { type: 'number', id: 's-port', value: c.server.port })),
|
|
1549
|
+
h('div', { class: 'field' }, h('label', {}, 'HTTPS 证书(相对 workspace)'), h('input', { type: 'text', id: 's-cert', value: c.https ? c.https.cert : '', placeholder: '空 = 机器级 ~/.config/cotutor/certs/' })),
|
|
1550
|
+
h('div', { class: 'field' }, h('label', {}, 'HTTPS 私钥'), h('input', { type: 'text', id: 's-key', value: c.https ? c.https.key : '', placeholder: '空 = 机器级' }))));
|
|
1551
|
+
|
|
1552
|
+
// 孩子端:惯用手(kid.hand)——左撇子时平板横屏实时老师页的浮层(按住说话)挪到右边;孩子端下次进老师页生效
|
|
1553
|
+
const kid = h('div', { class: 'panel' });
|
|
1554
|
+
const left = (c.kid && c.kid.hand) === 'left';
|
|
1555
|
+
const handBtn = (v, label) => h('button', { type: 'button', class: left === (v === 'left') ? 'on' : '', 'aria-pressed': String(left === (v === 'left')), on: { click: async () => {
|
|
1556
|
+
if (left === (v === 'left')) return;
|
|
1557
|
+
try { await api('PATCH', '/api/config', { kid: { hand: v === 'left' ? 'left' : null } }); await loadConfig(); renderSettings(); }
|
|
1558
|
+
catch (e) { feedback(kid, false, e.message); }
|
|
1559
|
+
} } }, label);
|
|
1560
|
+
kid.append(h('header', {}, h('h4', {}, '孩子端'), h('span', { class: 'sub' }, 'kid.hand · 孩子下次进老师页生效'), h('span', { class: 'right' }, h('span', { class: 'fb' }))),
|
|
1561
|
+
h('div', { class: 'handrow' }, h('b', {}, '惯用手'), h('span', { class: 'seg' }, handBtn('right', '右手'), handBtn('left', '左撇子')),
|
|
1562
|
+
h('span', { class: 'muted' }, left ? '平板横屏的实时老师页:按住说话那一栏在右边,左手写字' : '平板横屏的实时老师页:按住说话那一栏在左边,右手写字')),
|
|
1563
|
+
h('p', { class: 'hint' }, 'kid 的别的字段、version、运行时模板请直接编辑 cotutor.json。'));
|
|
1564
|
+
|
|
1565
|
+
const mig = migratePanel();
|
|
1566
|
+
$('#settings').replaceChildren(h('div', { class: 'wrap' }, h('header', { class: 'ph' }, h('h1', {}, '设置'), h('span', { class: 'sub' }, '路径、服务、孩子端;文件仍是真相,这页只是改它的一个口子')), ...(mig ? [mig] : []), paths, server, kid));
|
|
1567
|
+
};
|
|
1568
|
+
|
|
1569
|
+
// ---- 概览:近七天的数字、今天各老师、要看一眼的轮次、体检(doctor 不带 --live) ----
|
|
1570
|
+
const ov = { data: null, doctor: null, doctorBusy: false, error: null };
|
|
1571
|
+
const icon = (d, cls) => { const s = h('span', { class: 'ic' + (cls ? ' ' + cls : '') }); s.innerHTML = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">' + d + '</svg>'; return s; };
|
|
1572
|
+
const WEEK = ['日', '一', '二', '三', '四', '五', '六'];
|
|
1573
|
+
const kTok = (n) => (n >= 1e6 ? (n / 1e6).toFixed(1) + ' M' : n >= 1e3 ? (n / 1e3).toFixed(1) + ' k' : String(n));
|
|
1574
|
+
const goChat = async (tutor, date, job) => {
|
|
1575
|
+
location.hash = '#chat';
|
|
1576
|
+
showTab('chat');
|
|
1577
|
+
await pickTutor(tutor, date);
|
|
1578
|
+
if (job) openRaw(job);
|
|
1579
|
+
};
|
|
1580
|
+
const runDoctor = async () => {
|
|
1581
|
+
ov.doctorBusy = true;
|
|
1582
|
+
renderOverview();
|
|
1583
|
+
try { ov.doctor = await api('POST', '/api/dev/doctor', {}); } catch (e) { ov.doctor = { error: e.message }; }
|
|
1584
|
+
ov.doctorBusy = false;
|
|
1585
|
+
if (state.tab === 'overview') renderOverview();
|
|
1586
|
+
};
|
|
1587
|
+
/** 体检:都好只说一句;有毛病的一项一行(说明 + 修法),全部的折起来 */
|
|
1588
|
+
const doctorEls = () => {
|
|
1589
|
+
const d = ov.doctor;
|
|
1590
|
+
if (!d) return [];
|
|
1591
|
+
if (d.error) return [h('p', { class: 'fb bad' }, d.error)];
|
|
1592
|
+
const bad = d.checks.filter((k) => !k.ok);
|
|
1593
|
+
const ck = (k) => h('span', { class: 'ck' + (k.ok ? '' : k.required ? ' err' : ' bad'), title: k.detail + (k.fix ? '\\n→ ' + k.fix : '') }, h('span', { class: 'dot' + (k.ok ? '' : k.required ? ' err' : ' warn') }), k.name);
|
|
1594
|
+
return [
|
|
1595
|
+
bad.length ? h('div', { class: 'probs' }, ...bad.map((k) => h('div', { class: 'prob' }, h('span', { class: 'st ' + (k.required ? 'err' : 'warn') }, k.required ? '要修' : '提醒'), h('span', { class: 'tx' }, h('b', { class: 'num' }, k.name), h('span', {}, k.detail), k.fix ? h('span', { class: 'fix' }, '→ ' + k.fix) : null))))
|
|
1596
|
+
: h('p', { class: 'note' }, h('span', { class: 'st ok' }, '都好'), ' ' + d.checks.length + ' 项'),
|
|
1597
|
+
h('details', { class: 'allck' }, h('summary', {}, '全部 ' + d.checks.length + ' 项'), h('div', { class: 'checks' }, ...d.checks.map(ck))),
|
|
1598
|
+
h('p', { class: 'note' }, '要真连老师与配音跑一句,在终端跑 cotutor doctor --live(花一分钱)。'),
|
|
1599
|
+
];
|
|
1600
|
+
};
|
|
1601
|
+
const renderOverview = async (quiet) => {
|
|
1602
|
+
if (!quiet || !ov.data) {
|
|
1603
|
+
try { ov.data = await api('GET', '/api/dev/overview'); ov.error = null; } catch (e) { ov.error = e.message; }
|
|
1604
|
+
}
|
|
1605
|
+
if (state.tab !== 'overview') return;
|
|
1606
|
+
const d = ov.data;
|
|
1607
|
+
const now = new Date();
|
|
1608
|
+
const head = h('header', { class: 'ph' }, h('h1', {}, '概览'), h('span', { class: 'sub' }, (now.getMonth() + 1) + ' 月 ' + now.getDate() + ' 日 · 周' + WEEK[now.getDay()]));
|
|
1609
|
+
if (!d) { $('#overview').replaceChildren(h('div', { class: 'wrap' }, head, h('p', { class: 'note' }, ov.error ? '读不出来:' + ov.error : '在算……'))); return; }
|
|
1610
|
+
const c = state.config;
|
|
1611
|
+
const tutorOfName = (n) => (c && c.tutors.find((t) => t.name === n)) || { name: n, display: n };
|
|
1612
|
+
|
|
1613
|
+
const tiles = h('section', { class: 'card-w tiles', 'aria-label': '常用' },
|
|
1614
|
+
h('button', { type: 'button', on: { click: () => { location.hash = '#chat'; showTab('chat'); $('#text').focus(); } } }, icon('<path d="M4 5.5A1.5 1.5 0 0 1 5.5 4h13A1.5 1.5 0 0 1 20 5.5v9a1.5 1.5 0 0 1-1.5 1.5H9l-5 4z"/><path d="M8 9h8M8 12h5"/>', 'hot'), h('b', {}, '发一句试试'), h('small', {}, '以孩子的身份跑一轮')),
|
|
1615
|
+
h('button', { type: 'button', disabled: !d.last, on: { click: () => d.last && goChat(d.last.tutor, d.last.date, d.last.job) } }, icon('<path d="M8 7 3 12l5 5M16 7l5 5-5 5M13.5 4.5l-3 15"/>'), h('b', {}, '看原文'), h('small', { class: 'num' }, d.last ? '最近一轮 ' + (d.last.date === d.today ? '' : d.last.date.slice(5) + ' ') + d.last.at.slice(11, 16) : '七天里没有')),
|
|
1616
|
+
h('button', { type: 'button', on: { click: () => { location.hash = '#team'; showTab('team'); } } }, icon('<circle cx="9" cy="8" r="3.5"/><path d="M2.5 20c.8-3.6 3.4-5.5 6.5-5.5s5.7 1.9 6.5 5.5"/><path d="M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14.8c1.8.7 3 2.4 3.5 5.2"/>'), h('b', {}, '老师团'), h('small', {}, (c ? c.tutors.filter((t) => t.enabled).length : 0) + ' 位开着')),
|
|
1617
|
+
h('button', { type: 'button', on: { click: () => { location.hash = '#voices'; showTab('voices'); } } }, icon('<path d="M3 12h1.5M7 8.5v7M11 5v14M15 8v8M19 10.5v3"/>'), h('b', {}, '音色'), h('small', {}, '试听、换声')),
|
|
1618
|
+
h('a', { href: '/dev/qr', target: '_blank' }, icon('<rect x="3.5" y="3.5" width="6.5" height="6.5" rx="1"/><rect x="14" y="3.5" width="6.5" height="6.5" rx="1"/><rect x="3.5" y="14" width="6.5" height="6.5" rx="1"/><path d="M14 14h3v3h-3zM20.5 14v.5M17 20.5h3.5V17"/>'), h('b', {}, '扫码打开'), h('small', {}, 'iPad · iPhone')),
|
|
1619
|
+
h('button', { type: 'button', disabled: ov.doctorBusy, on: { click: runDoctor } }, icon('<path d="M3 12h4l2.5-6 5 12 2.5-6h4"/>'), h('b', {}, '体检一次'), h('small', { class: 'num' }, ov.doctorBusy ? '在跑……' : 'doctor')));
|
|
1620
|
+
|
|
1621
|
+
const slowEl = d.slow ? h('span', { class: 'st warn' }, d.slow + ' 轮') : h('span', { class: 'st ok' }, '没有');
|
|
1622
|
+
// 孩子端开着多久:前台的时间,不是学了多久
|
|
1623
|
+
const dur = (ms) => { const m = Math.round(ms / 60000); return ms < 60000 ? '不到 1 分' : m >= 60 ? Math.floor(m / 60) + ' 时 ' + (m % 60) + ' 分' : m + ' 分'; };
|
|
1624
|
+
const kt = d.kidTime.today;
|
|
1625
|
+
const todayBox = h('section', { class: 'blk' },
|
|
1626
|
+
h('div', { class: 'hd' }, h('h2', {}, '今天')),
|
|
1627
|
+
h('div', { class: 'hero' }, h('b', { class: 'big' }, String(d.todayTurns)), h('span', {}, '轮'),
|
|
1628
|
+
h('span', {}, d.todayThreads + ' 个话题' + (d.lastAt ? ' · 最近 ' + d.lastAt.slice(11, 16) : '') + (d.todayTasks ? ' · 另有应用的任务 ' + d.todayTasks + ' 轮' : ''))),
|
|
1629
|
+
h('div', { class: 'rule' }),
|
|
1630
|
+
h('div', { class: 'kv' },
|
|
1631
|
+
h('div', {}, h('span', {}, '首句就绪中位'), h('b', {}, d.firstMedianMs === null ? '—' : secs(d.firstMedianMs))),
|
|
1632
|
+
h('div', {}, h('span', {}, '整轮中位'), h('b', {}, d.doneMedianMs === null ? '—' : secs(d.doneMedianMs))),
|
|
1633
|
+
h('div', {}, h('span', {}, '慢的(> 15s)'), slowEl)),
|
|
1634
|
+
h('div', { class: 'kv two', title: '孩子端页面在前台的时间,页面开着、人走开了也算' },
|
|
1635
|
+
h('div', {}, h('span', {}, '孩子端开着'), h('b', {}, kt ? dur(kt.ms) : '—')),
|
|
1636
|
+
h('div', {}, h('span', {}, '几点到几点'), h('b', {}, kt ? kt.from + '–' + kt.to : '—'))));
|
|
1637
|
+
|
|
1638
|
+
const max = Math.max(1, ...d.days.map((x) => x.turns));
|
|
1639
|
+
const top = d.days.reduce((a, x) => (x.turns > a.turns ? x : a), d.days[0]);
|
|
1640
|
+
const weekBox = h('section', { class: 'blk' },
|
|
1641
|
+
h('div', { class: 'hd' }, h('h2', {}, '近 7 天')),
|
|
1642
|
+
h('div', { class: 'hero' }, h('b', { class: 'mid' }, String(d.days.reduce((a, x) => a + x.turns, 0))), h('span', {}, '轮 · 每天孩子说了几轮')),
|
|
1643
|
+
h('div', { class: 'bars', role: 'img', 'aria-label': '近 7 天每天的轮数:' + d.days.map((x) => x.date.slice(5) + ' ' + x.turns + ' 轮').join(',') },
|
|
1644
|
+
...d.days.map((x, i) => h('div', { class: 'b' + (x.date === d.today ? ' today' : '') + (x.date === d.today || (x === top && x.turns) ? ' lab' : ''), title: x.date + ' · ' + x.turns + ' 轮' + (d.kidTime.days[i] && d.kidTime.days[i].ms ? ' · 孩子端开着 ' + dur(d.kidTime.days[i].ms) : '') },
|
|
1645
|
+
h('span', {}, String(x.turns)), h('i', { style: 'height:' + Math.round((x.turns / max) * 104) + 'px' })))),
|
|
1646
|
+
h('div', { class: 'axis' }, ...d.days.map((x) => h('span', { class: x.date === d.today ? 'today' : '' }, x.date === d.today ? '今天' : x.date.slice(5)))));
|
|
1647
|
+
|
|
1648
|
+
const useBox = h('section', { class: 'blk' },
|
|
1649
|
+
h('div', { class: 'hd' }, h('h2', {}, '用量'), h('span', { class: 'sub' }, '近 7 天,按运行时')),
|
|
1650
|
+
...(d.usage.length ? d.usage.slice(0, 4).map((u) => h('div', { class: 'meter' }, h('div', { class: 't' }, h('b', { class: 'num' }, u.runtime), h('span', {}, u.turns + ' 轮 · ' + kTok(u.tokensIn) + ' / ' + kTok(u.tokensOut) + ' token')))) : [h('p', { class: 'note' }, '七天里没跑过老师')]),
|
|
1651
|
+
h('div', { class: 'rule' }),
|
|
1652
|
+
h('div', { class: 'meter' }, h('div', { class: 't' }, h('b', {}, '画图 · 今天'), h('span', {}, d.paint.today + ' 张'))));
|
|
1653
|
+
|
|
1654
|
+
const tbl = h('div', { class: 'tbl' }, h('div', { class: 'tr th' }, h('span', {}, '老师'), h('span', {}, '运行时'), h('span', { class: 'r' }, '轮'), h('span', { class: 'r' }, '首句中位'), h('span', { class: 'r' }, '最近'), h('span', {}, '孩子端')),
|
|
1655
|
+
...d.tutors.filter((r) => r.enabled).map((r) => {
|
|
1656
|
+
const t = tutorOfName(r.name);
|
|
1657
|
+
return h('a', { class: 'tr', href: '#chat', on: { click: (e) => { e.preventDefault(); goChat(r.name); } } },
|
|
1658
|
+
h('span', { class: 'who' }, avatarEl(t), h('span', {}, h('b', {}, r.display), h('small', {}, r.name))),
|
|
1659
|
+
r.runtime ? h('span', { class: 'tag' }, r.runtime) : h('span', { class: 'muted' }, '—'),
|
|
1660
|
+
h('span', { class: 'r' }, h('b', {}, String(r.turns))),
|
|
1661
|
+
h('span', { class: 'r' }, r.firstMedianMs === null ? '—' : secs(r.firstMedianMs)),
|
|
1662
|
+
h('span', { class: 'r muted' }, r.lastAt ? r.lastAt.slice(11, 16) : '—'),
|
|
1663
|
+
h('span', { class: 'vis' + (r.hidden ? ' off' : '') }, h('span', { class: 'dot' + (r.hidden ? ' off' : '') }), r.hidden ? '不露' : '露脸'));
|
|
1664
|
+
}));
|
|
1665
|
+
const teamBox = h('section', { class: 'blk' },
|
|
1666
|
+
h('div', { class: 'hd' }, h('h2', {}, '老师今天'), h('span', { class: 'sub' }, '按 cotutor.json 里有谁走'), h('span', { class: 'right' }, h('a', { href: '#team', on: { click: (e) => { e.preventDefault(); location.hash = '#team'; showTab('team'); } } }, '管理老师团'))),
|
|
1667
|
+
tbl);
|
|
1668
|
+
|
|
1669
|
+
// 设备:近 30 天开过的,点名字起名(回车存、Esc 不存,空着 = 去掉名字)
|
|
1670
|
+
const when = (iso) => { const t = new Date(iso); const p2 = (n) => String(n).padStart(2, '0'); return (t.toDateString() === now.toDateString() ? '今天 ' : p2(t.getMonth() + 1) + '-' + p2(t.getDate()) + ' ') + p2(t.getHours()) + ':' + p2(t.getMinutes()); };
|
|
1671
|
+
const nameEl = (dv) => {
|
|
1672
|
+
const b = h('button', { type: 'button', class: 'dname' + (dv.name ? '' : ' none'), title: '起个名字', on: { click: () => {
|
|
1673
|
+
const inp = h('input', { type: 'text', class: 'dname-in', value: dv.name || '', maxlength: '30', placeholder: dv.label, 'aria-label': '这台设备的名字' });
|
|
1674
|
+
let done = false;
|
|
1675
|
+
const finish = async (keep) => {
|
|
1676
|
+
if (done) return;
|
|
1677
|
+
done = true;
|
|
1678
|
+
if (keep && inp.value.trim() !== (dv.name || '')) {
|
|
1679
|
+
try { await api('PATCH', '/api/dev/devices/' + dv.id, { name: inp.value }); state.devices = await api('GET', '/api/dev/devices'); } catch (e) {}
|
|
1680
|
+
}
|
|
1681
|
+
renderOverview();
|
|
1682
|
+
};
|
|
1683
|
+
inp.addEventListener('keydown', (e) => { if (e.key === 'Enter') finish(true); else if (e.key === 'Escape') finish(false); });
|
|
1684
|
+
inp.addEventListener('blur', () => finish(true));
|
|
1685
|
+
b.replaceWith(inp);
|
|
1686
|
+
inp.focus();
|
|
1687
|
+
inp.select();
|
|
1688
|
+
} } }, dv.name || '没起名');
|
|
1689
|
+
return b;
|
|
1690
|
+
};
|
|
1691
|
+
const devRow = (dv) => h('div', { class: 'dr' }, h('span', { class: 'nm' }, nameEl(dv)), h('span', { class: 'lab' }, h('span', { class: 'muted' }, dv.label), ...dv.flags.map((f) => h('span', { class: 'st ' + f.level }, f.text))), h('span', { class: 'r', title: dv.commit ? '那次打开时服务端跑的是 ' + dv.commit : '' }, when(dv.last)), h('span', { class: 'r' }, dv.today ? dv.today + ' 次' + (dv.todayMs >= 60000 ? ' · ' + dur(dv.todayMs) : '') : '—'), h('span', { class: 'r' }, dv.errors ? h('span', { class: 'st err' }, '出错 ' + dv.errors) : ''));
|
|
1692
|
+
const devBox = h('section', { class: 'blk' },
|
|
1693
|
+
h('div', { class: 'hd' }, h('h2', {}, '设备'), h('span', { class: 'sub' }, '孩子端开在哪 · 近 30 天'), h('span', { class: 'right' }, h('span', { class: 'sub' }, '点名字起名'))),
|
|
1694
|
+
d.devices.length ? h('div', { class: 'devs' }, h('div', { class: 'dr th' }, h('span', {}, '名字'), h('span', {}, '浏览器'), h('span', { class: 'r' }, '最近打开'), h('span', { class: 'r' }, '今天'), h('span', { class: 'r' }, '近 7 天')), ...d.devices.map(devRow))
|
|
1695
|
+
: h('p', { class: 'note' }, '30 天里孩子端没开过。在 iPad 上打开孩子端,这里就有一行。'),
|
|
1696
|
+
d.olderDevices.length ? h('details', { class: 'older' }, h('summary', {}, '更早的 ' + d.olderDevices.length + ' 台'), h('div', { class: 'devs' }, ...d.olderDevices.map(devRow))) : null);
|
|
1697
|
+
|
|
1698
|
+
// 页面出错(孩子端的流水):点开在原地展开调用栈,不是哪一轮,没有看原文
|
|
1699
|
+
const jsIssue = (i) => {
|
|
1700
|
+
const more = h('div', { class: 'jsmore', hidden: true },
|
|
1701
|
+
h('pre', {}, i.js.stack || '(没有调用栈)'),
|
|
1702
|
+
h('p', { class: 'note' }, (i.js.count > 1 ? '第一次 ' + i.js.first.slice(5).replace('T', ' ') + ' · ' : '') + '最近 ' + i.at.slice(5).replace('T', ' ')),
|
|
1703
|
+
i.tutor ? h('button', { type: 'button', class: 'linkish go', on: { click: () => goChat(i.tutor, i.date, null) } }, '去那天的对话') : null);
|
|
1704
|
+
const btn = h('button', { type: 'button', class: 'issue', 'aria-expanded': 'false', on: { click: () => { more.hidden = !more.hidden; btn.setAttribute('aria-expanded', String(!more.hidden)); btn.querySelector('.go').textContent = more.hidden ? '展开' : '收起'; } } },
|
|
1705
|
+
h('span', { class: 'st err' }, '页面'),
|
|
1706
|
+
h('span', { class: 'tx' }, h('b', {}, (i.tutor ? tutorOfName(i.tutor).display + ' · ' : '') + (i.date === d.today ? '' : i.date.slice(5) + ' ') + i.at.slice(11, 16) + (i.js.count > 1 ? ' · ×' + i.js.count : '')), h('span', {}, i.text), h('span', { class: 'muted' }, i.detail + ' · ' + i.js.devices.join('、'))),
|
|
1707
|
+
h('span', { class: 'go' }, '展开'));
|
|
1708
|
+
return h('div', { class: 'jsissue' }, btn, more);
|
|
1709
|
+
};
|
|
1710
|
+
// 连接(7.3):一台设备一天一条,不是哪一轮,点不开
|
|
1711
|
+
const netIssue = (i) => h('div', { class: 'issue static' }, h('span', { class: 'st warn' }, '连接'),
|
|
1712
|
+
h('span', { class: 'tx' }, h('b', {}, i.text + ' · ' + (i.date === d.today ? '今天' : i.date.slice(5)) + ' 最近 ' + i.at.slice(11, 16)), h('span', {}, i.detail)));
|
|
1713
|
+
const KIND = { slow: ['warn', '慢'], error: ['err', '出错'], warn: ['info', '提醒'] };
|
|
1714
|
+
const issueBox = h('section', { class: 'blk', style: 'flex:2 1 340px' },
|
|
1715
|
+
h('div', { class: 'hd' }, h('h2', {}, '要看一眼'), h('span', { class: 'sub num' }, d.issues.length ? String(d.issues.length) : ''), h('span', { class: 'sub' }, '近 7 天')),
|
|
1716
|
+
...(d.issues.length ? d.issues.map((i) => i.kind === 'js' ? jsIssue(i) : i.kind === 'net' ? netIssue(i) : h('button', { type: 'button', class: 'issue', on: { click: () => goChat(i.tutor, i.date, i.job) } },
|
|
1717
|
+
h('span', { class: 'st ' + KIND[i.kind][0] }, KIND[i.kind][1]),
|
|
1718
|
+
h('span', { class: 'tx' }, h('b', {}, tutorOfName(i.tutor).display + ' · ' + (i.date === d.today ? '' : i.date.slice(5) + ' ') + i.at.slice(11, 16)), h('span', {}, i.detail), h('span', { class: 'muted' }, '「' + i.text + '」')),
|
|
1719
|
+
h('span', { class: 'go' }, '看原文'))) : [h('p', { class: 'note' }, '七天里没有慢的、出错的、带提醒的轮次,孩子端页面也没出过错。')]),
|
|
1720
|
+
h('div', { class: 'rule' }),
|
|
1721
|
+
h('div', { class: 'hd' }, h('h3', {}, '体检'), h('span', { class: 'sub num' }, ov.doctor && ov.doctor.at ? 'doctor · ' + ov.doctor.at.slice(11, 16) : 'doctor,不带 --live,不花钱'),
|
|
1722
|
+
h('span', { class: 'right' }, h('button', { class: 'btn small', type: 'button', disabled: ov.doctorBusy, on: { click: runDoctor } }, ov.doctorBusy ? '在跑……' : ov.doctor ? '再跑一次' : '跑一次'))),
|
|
1723
|
+
ov.doctor && ov.doctor.error ? h('p', { class: 'fb bad' }, ov.doctor.error) : null,
|
|
1724
|
+
...doctorEls());
|
|
1725
|
+
|
|
1726
|
+
// 左边老师今天、下面设备;右边要看一眼与体检
|
|
1727
|
+
const left = h('div', { class: 'stack', style: 'flex:3 1 520px' }, teamBox, devBox);
|
|
1728
|
+
$('#overview').replaceChildren(h('div', { class: 'wrap' }, head, tiles, h('div', { class: 'cols3' }, todayBox, weekBox, useBox), h('div', { class: 'cols2' }, left, issueBox)));
|
|
1729
|
+
};
|
|
1730
|
+
|
|
1731
|
+
// ---- activity:看、改、边改边查(不落盘)、老师收到什么、和出厂比、恢复出厂;存要带读进来时的 hash。老师文件(新话题)同一个编辑器 ----
|
|
1732
|
+
const FENCE = String.fromCharCode(96, 96, 96);
|
|
1733
|
+
// 老师文件:kind 'tutor' 的那份是「新话题」照的提示词,同一个编辑器;act.tfiles 是它们的行,act.want = 别的页点过来要开的那份
|
|
1734
|
+
const act = { list: null, tfiles: null, want: null, cur: null, saved: '', hash: '', text: '', diff: [], check: null, tab: 'check', pick: 'auto', params: {}, seq: 0, timer: 0, conflict: false, caret: 1, msg: '', msgBad: false, el: null };
|
|
1735
|
+
const STATE_TAG = { latest: ['出厂', ''], upgradable: ['可升级', 'info'], custom: ['改过', 'accent'], untracked: ['自家的', ''], own: ['自家的', ''], missing: ['不在', 'err'], broken: ['读不出', 'err'] };
|
|
1736
|
+
const actUrl = (t, n) => '/api/dev/activities/' + t + '/' + encodeURIComponent(n);
|
|
1737
|
+
const isTutorFile = (c) => Boolean(c) && c.kind === 'tutor';
|
|
1738
|
+
const docUrl = (c) => (isTutorFile(c) ? '/api/dev/tutor-files/' + c.tutor : actUrl(c.tutor, c.name));
|
|
1739
|
+
const sameDoc = (a, b) => Boolean(a && b) && a.tutor === b.tutor && isTutorFile(a) === isTutorFile(b) && (isTutorFile(a) || a.name === b.name);
|
|
1740
|
+
const rowOf = (c) => (isTutorFile(c) ? act.tfiles || [] : act.list || []).find((r) => sameDoc(r, c)) || null;
|
|
1741
|
+
|
|
1742
|
+
/** 两份原文按行比(LCS),连着改的合成一块:at = 在 b 里的行号(1 起) */
|
|
1743
|
+
const diffLines = (a, b) => {
|
|
1744
|
+
const A = a.split('\\n'), B = b.split('\\n'), n = A.length, m = B.length;
|
|
1745
|
+
if (n * m > 4000000) return a === b ? [] : [{ at: 1, old: A, now: B }];
|
|
1746
|
+
const dp = [];
|
|
1747
|
+
for (let i = 0; i <= n; i++) dp.push(new Int32Array(m + 1));
|
|
1748
|
+
for (let i = n - 1; i >= 0; i--) for (let j = m - 1; j >= 0; j--) dp[i][j] = A[i] === B[j] ? dp[i + 1][j + 1] + 1 : Math.max(dp[i + 1][j], dp[i][j + 1]);
|
|
1749
|
+
const out = [];
|
|
1750
|
+
let cur = null, i = 0, j = 0;
|
|
1751
|
+
while (i < n || j < m) {
|
|
1752
|
+
if (i < n && j < m && A[i] === B[j]) { if (cur) { out.push(cur); cur = null; } i++; j++; continue; }
|
|
1753
|
+
if (!cur) cur = { at: j + 1, old: [], now: [] };
|
|
1754
|
+
if (j >= m || (i < n && dp[i + 1][j] >= dp[i][j + 1])) cur.old.push(A[i++]);
|
|
1755
|
+
else cur.now.push(B[j++]);
|
|
1756
|
+
}
|
|
1757
|
+
if (cur) out.push(cur);
|
|
1758
|
+
return out;
|
|
1759
|
+
};
|
|
1760
|
+
const dirtyCount = () => act.diff.length;
|
|
1761
|
+
const changedLines = () => {
|
|
1762
|
+
const s = new Set();
|
|
1763
|
+
for (const d of act.diff) { if (d.now.length) for (let k = 0; k < d.now.length; k++) s.add(d.at - 1 + k); else s.add(Math.max(0, d.at - 2)); }
|
|
1764
|
+
return s;
|
|
1765
|
+
};
|
|
1766
|
+
|
|
1767
|
+
/** 确认框:第一行是一句,后面几行列成点;回 true = 点了 ok */
|
|
1768
|
+
const ask = (title, lines, okLabel, noLabel) => new Promise((resolve) => {
|
|
1769
|
+
const done = (v) => { box.remove(); resolve(v); };
|
|
1770
|
+
const ok = h('button', { class: 'btn primary', type: 'button', on: { click: () => done(true) } }, okLabel);
|
|
1771
|
+
const box = h('div', { class: 'modal', on: { click: (e) => { if (e.target === box) done(false); } } },
|
|
1772
|
+
h('div', { class: 'dlg', role: 'dialog', 'aria-modal': 'true', 'aria-label': title },
|
|
1773
|
+
h('h3', {}, title),
|
|
1774
|
+
lines[0] ? h('p', {}, lines[0]) : null,
|
|
1775
|
+
lines.length > 1 ? h('ul', {}, ...lines.slice(1).map((l) => h('li', {}, l))) : null,
|
|
1776
|
+
h('div', { class: 'acts' }, h('button', { class: 'btn', type: 'button', on: { click: () => done(false) } }, noLabel), ok)));
|
|
1777
|
+
document.body.append(box);
|
|
1778
|
+
ok.focus();
|
|
1779
|
+
});
|
|
1780
|
+
const showHunks = (title, lead, hunks) => {
|
|
1781
|
+
const box = h('div', { class: 'modal', on: { click: (e) => { if (e.target === box) box.remove(); } } },
|
|
1782
|
+
h('div', { class: 'dlg', role: 'dialog', 'aria-modal': 'true', 'aria-label': title },
|
|
1783
|
+
h('h3', {}, title), h('p', {}, lead),
|
|
1784
|
+
...(hunks.length ? hunks.map((d) => hunkEl(d, false)) : [h('p', {}, '一样,没有不同的行。')]),
|
|
1785
|
+
h('div', { class: 'acts' }, h('button', { class: 'btn primary', type: 'button', on: { click: () => box.remove() } }, '知道了'))));
|
|
1786
|
+
document.body.append(box);
|
|
1787
|
+
};
|
|
1788
|
+
const hunkEl = (d, jump) => h('div', { class: 'hunk' },
|
|
1789
|
+
h('button', { type: 'button', class: 'hh', on: { click: () => { if (jump) jumpTo(d.at); } } }, '第 ' + d.at + ' 行'),
|
|
1790
|
+
...d.old.map((l) => h('div', { class: 'hl del' }, h('b', {}, '−'), h('span', {}, l || ' '))),
|
|
1791
|
+
...d.now.map((l) => h('div', { class: 'hl add' }, h('b', {}, '+'), h('span', {}, l || ' '))));
|
|
1792
|
+
|
|
1793
|
+
const loadActivities = async () => {
|
|
1794
|
+
const [list, tfiles] = await Promise.all([api('GET', '/api/dev/activities'), api('GET', '/api/dev/tutor-files')]);
|
|
1795
|
+
act.list = list;
|
|
1796
|
+
act.tfiles = tfiles;
|
|
1797
|
+
const bad = list.concat(tfiles).filter((r) => r.fixes).length;
|
|
1798
|
+
$('#act-bad').hidden = !bad;
|
|
1799
|
+
$('#act-bad').textContent = bad ? String(bad) : '';
|
|
1800
|
+
};
|
|
1801
|
+
const actHead = () => h('header', { class: 'ph' }, h('h1', {}, 'activity'), h('span', { class: 'sub' }, '孩子从首页一个按钮进去的一种做法;一个 activity 一个文件,在老师的家里;「新话题」照老师文件带'));
|
|
1802
|
+
|
|
1803
|
+
const renderActivities = async () => {
|
|
1804
|
+
if (!act.list) {
|
|
1805
|
+
$('#activity').replaceChildren(h('div', { class: 'wrap act-wrap' }, actHead(), h('p', { class: 'note' }, '在列……')));
|
|
1806
|
+
try { await loadActivities(); } catch (e) { $('#activity').replaceChildren(h('div', { class: 'wrap act-wrap' }, actHead(), h('p', { class: 'fb bad' }, '列不出来:' + e.message))); return; }
|
|
1807
|
+
}
|
|
1808
|
+
if (state.tab !== 'activity') return;
|
|
1809
|
+
if (act.want) {
|
|
1810
|
+
const w = act.want;
|
|
1811
|
+
act.want = null;
|
|
1812
|
+
if (!sameDoc(w, act.cur)) return openActivity(w.tutor, w.name, !act.cur, w.kind);
|
|
1813
|
+
}
|
|
1814
|
+
if (act.cur) return buildActivity();
|
|
1815
|
+
// #activity?a=<老师>/<名> 是 activity,a=<老师> 是这位老师的老师文件;都没有就开列表上的第一行
|
|
1816
|
+
const want = hashState().a;
|
|
1817
|
+
const rows = listRows();
|
|
1818
|
+
const first = (want && rows.find((r) => (isTutorFile(r) ? r.tutor : r.tutor + '/' + r.name) === want)) || rows[0];
|
|
1819
|
+
if (first) return openActivity(first.tutor, first.name, true, first.kind);
|
|
1820
|
+
$('#activity').replaceChildren(h('div', { class: 'wrap act-wrap' }, actHead(), h('p', { class: 'note' }, '这个 workspace 里还没有 activity(agents/<老师>/activities/<名>.md);cotutor upgrade 会补上出厂的。')));
|
|
1821
|
+
};
|
|
1822
|
+
|
|
1823
|
+
const openActivity = async (t, n, force, kind) => {
|
|
1824
|
+
if (!force && act.cur && dirtyCount() && !(await ask('「' + act.cur.name + '」还有 ' + dirtyCount() + ' 处没存', ['换过去就丢掉这些改动。'], '丢掉,换过去', '留下'))) return;
|
|
1825
|
+
const ref = { tutor: t, name: n, kind };
|
|
1826
|
+
let d;
|
|
1827
|
+
try { d = await api('GET', docUrl(ref)); } catch (e) { alert('读不出来:' + e.message); return; }
|
|
1828
|
+
Object.assign(act, { cur: d, saved: d.text, text: d.text, hash: d.hash, diff: [], check: null, conflict: false, pick: 'auto', params: {}, caret: 1, msg: '', msgBad: false });
|
|
1829
|
+
history.replaceState(null, '', '#activity?a=' + encodeURIComponent(isTutorFile(ref) ? t : t + '/' + n));
|
|
1830
|
+
if (state.tab !== 'activity') return;
|
|
1831
|
+
buildActivity();
|
|
1832
|
+
runCheck();
|
|
1833
|
+
};
|
|
1834
|
+
|
|
1835
|
+
const buildActivity = () => {
|
|
1836
|
+
const c = act.cur;
|
|
1837
|
+
const ta = h('textarea', { class: 'eta', spellcheck: 'false', autocomplete: 'off', autocapitalize: 'off', 'aria-label': (isTutorFile(c) ? c.path : c.name + '.md') + ' 原文' });
|
|
1838
|
+
ta.value = act.text;
|
|
1839
|
+
ta.addEventListener('input', () => {
|
|
1840
|
+
act.text = ta.value;
|
|
1841
|
+
act.diff = diffLines(act.saved, act.text);
|
|
1842
|
+
act.msg = '';
|
|
1843
|
+
fit();
|
|
1844
|
+
caretLine();
|
|
1845
|
+
paintLines();
|
|
1846
|
+
paintHead();
|
|
1847
|
+
paintBar();
|
|
1848
|
+
clearTimeout(act.timer);
|
|
1849
|
+
act.timer = setTimeout(runCheck, 300);
|
|
1850
|
+
});
|
|
1851
|
+
for (const ev of ['keyup', 'click', 'select']) ta.addEventListener(ev, caretMoved);
|
|
1852
|
+
ta.addEventListener('keydown', (e) => {
|
|
1853
|
+
if ((e.metaKey || e.ctrlKey) && e.key === 's') { e.preventDefault(); saveActivity(); }
|
|
1854
|
+
});
|
|
1855
|
+
act.el = {
|
|
1856
|
+
ta,
|
|
1857
|
+
bd: h('div', { class: 'bd', 'aria-hidden': 'true' }),
|
|
1858
|
+
head: h('div', { class: 'ehead' }),
|
|
1859
|
+
secs: h('nav', { class: 'secs', 'aria-label': '节' }),
|
|
1860
|
+
bar: h('footer', { class: 'ebar' }),
|
|
1861
|
+
side: h('aside', { class: 'aside card-w' }),
|
|
1862
|
+
banner: h('div', { class: 'banner', role: 'alert', hidden: true }),
|
|
1863
|
+
list: h('nav', { class: 'alist', 'aria-label': 'activity 列表' }),
|
|
1864
|
+
};
|
|
1865
|
+
const ed = h('section', { class: 'ed card-w' }, act.el.banner, act.el.head, act.el.secs, h('div', { class: 'code' }, act.el.bd, ta), act.el.bar);
|
|
1866
|
+
$('#activity').replaceChildren(h('div', { class: 'wrap act-wrap' }, actHead(), h('div', { class: 'act' }, act.el.list, ed, act.el.side)));
|
|
1867
|
+
paintList();
|
|
1868
|
+
paintAll();
|
|
1869
|
+
fit();
|
|
1870
|
+
};
|
|
1871
|
+
const paintAll = () => { paintHead(); paintLines(); paintSecs(); paintSide(); paintBar(); paintBanner(); };
|
|
1872
|
+
|
|
1873
|
+
/** textarea 跟着内容长高(不自己滚,底色层才对得齐);量的时候页面别跳 */
|
|
1874
|
+
const fit = () => {
|
|
1875
|
+
const ta = act.el && act.el.ta;
|
|
1876
|
+
if (!ta) return;
|
|
1877
|
+
const sc = $('#activity');
|
|
1878
|
+
const top = sc.scrollTop;
|
|
1879
|
+
ta.style.height = 'auto';
|
|
1880
|
+
ta.style.height = ta.scrollHeight + 'px';
|
|
1881
|
+
sc.scrollTop = top;
|
|
1882
|
+
};
|
|
1883
|
+
const caretLine = () => { const ta = act.el.ta; act.caret = ta.value.slice(0, ta.selectionStart).split('\\n').length; };
|
|
1884
|
+
const caretMoved = () => {
|
|
1885
|
+
const before = act.caret;
|
|
1886
|
+
caretLine();
|
|
1887
|
+
if (before === act.caret) return;
|
|
1888
|
+
for (const el of act.el.bd.querySelectorAll('.ln.cur')) el.classList.remove('cur');
|
|
1889
|
+
const el = act.el.bd.children[act.caret - 1];
|
|
1890
|
+
if (el) el.classList.add('cur');
|
|
1891
|
+
paintSecs();
|
|
1892
|
+
paintBar();
|
|
1893
|
+
};
|
|
1894
|
+
const jumpTo = (line) => {
|
|
1895
|
+
const lines = act.text.split('\\n');
|
|
1896
|
+
let pos = 0;
|
|
1897
|
+
for (let k = 0; k < line - 1 && k < lines.length; k++) pos += lines[k].length + 1;
|
|
1898
|
+
const ta = act.el.ta;
|
|
1899
|
+
ta.focus({ preventScroll: true });
|
|
1900
|
+
ta.setSelectionRange(pos, pos + (lines[line - 1] || '').length);
|
|
1901
|
+
act.caret = line;
|
|
1902
|
+
paintLines();
|
|
1903
|
+
paintSecs();
|
|
1904
|
+
paintBar();
|
|
1905
|
+
const el = act.el.bd.children[line - 1];
|
|
1906
|
+
if (el) el.scrollIntoView({ block: 'center' });
|
|
1907
|
+
};
|
|
1908
|
+
|
|
1909
|
+
/** 列表按老师分组:每组先是这位老师的老师文件(新话题),再是 activity;老师按 cotutor.json 的顺序 */
|
|
1910
|
+
const listGroups = () => {
|
|
1911
|
+
const groups = [];
|
|
1912
|
+
for (const r of (act.tfiles || []).concat(act.list || [])) {
|
|
1913
|
+
let g = groups.find((x) => x.tutor === r.tutor);
|
|
1914
|
+
if (!g) groups.push((g = { tutor: r.tutor, rows: [] }));
|
|
1915
|
+
g.rows.push(r);
|
|
1916
|
+
}
|
|
1917
|
+
return groups;
|
|
1918
|
+
};
|
|
1919
|
+
const listRows = () => listGroups().flatMap((g) => g.rows);
|
|
1920
|
+
const paintList = () => {
|
|
1921
|
+
const groups = listGroups();
|
|
1922
|
+
const item = (r) => {
|
|
1923
|
+
const on = sameDoc(act.cur, r);
|
|
1924
|
+
const tag = r.fixes ? [r.fixes + ' 处要改', 'err'] : STATE_TAG[r.state] || [r.state, ''];
|
|
1925
|
+
const sub = isTutorFile(r) ? '老师文件 · 首页 ' + r.buttons : r.page ? '不起老师 · 进' + r.page.split(' ')[0] : ['首页 ' + r.buttons, r.examples ? '例子 ' + r.examples : null].filter(Boolean).join(' · ');
|
|
1926
|
+
return h('button', { type: 'button', class: 'ai' + (on ? ' on' : '') + (isTutorFile(r) ? ' tf' : ''), title: r.description, on: { click: () => openActivity(r.tutor, r.name, false, r.kind) } },
|
|
1927
|
+
h('span', { class: 'tx' }, h('b', {}, r.name), h('small', {}, sub)), h('span', { class: 'st ' + tag[1] }, tag[0]));
|
|
1928
|
+
};
|
|
1929
|
+
act.el.list.replaceChildren(
|
|
1930
|
+
...groups.map((g) => { const t = tutorOf(g.tutor); return h('div', { class: 'grp' }, h('div', { class: 'gh' }, avatarEl(Object.assign({ name: g.tutor }, t), 'xs'), h('span', {}, t.display)), ...g.rows.map(item)); }),
|
|
1931
|
+
h('p', { class: 'note' }, '「新话题」改的是老师文件:首页的新话题、开场按钮都照它带。新建、改名、删一个 activity,在 workspace 里和编程助手说;这里只改已有的。'));
|
|
1932
|
+
};
|
|
1933
|
+
|
|
1934
|
+
const paintHead = () => {
|
|
1935
|
+
const c = act.cur;
|
|
1936
|
+
const row = rowOf(c);
|
|
1937
|
+
const d = dirtyCount();
|
|
1938
|
+
const fixes = act.check ? act.check.issues.filter((i) => i.level === 'fix').length : 0;
|
|
1939
|
+
const tag = STATE_TAG[c.state] || [c.state, ''];
|
|
1940
|
+
act.el.head.replaceChildren(
|
|
1941
|
+
h('div', { class: 'l1' },
|
|
1942
|
+
h('h2', {}, c.name),
|
|
1943
|
+
h('span', { class: 'st ' + tag[1] }, tag[0] + (c.state === 'custom' && c.basedOn ? ' · 基于 v' + c.basedOn : '')),
|
|
1944
|
+
fixes ? h('span', { class: 'st err' }, fixes + ' 处要改') : null,
|
|
1945
|
+
h('span', { class: 'right' },
|
|
1946
|
+
d ? h('span', { class: 'dirty' }, d + ' 处没存') : h('span', { class: 'clean' }, '都存了'),
|
|
1947
|
+
h('button', { class: 'btn', type: 'button', disabled: !d, on: { click: undoActivity } }, '撤销'),
|
|
1948
|
+
h('button', { class: 'btn primary', type: 'button', disabled: !d || act.conflict, title: '⌘/Ctrl + S', on: { click: saveActivity } }, '保存'))),
|
|
1949
|
+
h('div', { class: 'l2' }, c.path + (isTutorFile(c) ? ' · 首页上照它带的按钮 ' + (row ? row.buttons : 0) + ' 个' : ' · 首页 ' + (row ? row.buttons : 0) + ' 个按钮 · ' + c.examples + ' 个例子')),
|
|
1950
|
+
row && row.description ? h('div', { class: 'l3' }, row.description) : null);
|
|
1951
|
+
};
|
|
1952
|
+
|
|
1953
|
+
const paintLines = () => {
|
|
1954
|
+
const changed = changedLines();
|
|
1955
|
+
const marks = {};
|
|
1956
|
+
for (const i of act.check ? act.check.issues : []) if (i.line) marks[i.line] = marks[i.line] === 'fix' ? 'fix' : i.level;
|
|
1957
|
+
let fence = false;
|
|
1958
|
+
act.el.bd.replaceChildren(...act.text.split('\\n').map((t, k) => {
|
|
1959
|
+
const n = k + 1;
|
|
1960
|
+
const isFence = t.startsWith(FENCE);
|
|
1961
|
+
const head = !fence && t.startsWith('## ');
|
|
1962
|
+
if (isFence) fence = !fence;
|
|
1963
|
+
const cls = 'ln' + (n === act.caret ? ' cur' : '') + (head ? ' head' : '') + (marks[n] === 'fix' ? ' bad' : marks[n] === 'note' ? ' warn' : changed.has(k) ? ' mod' : '');
|
|
1964
|
+
return h('div', { class: cls }, h('span', { class: 'no' }, String(n)), h('i', { class: 'dt' }), h('span', { class: 'tx' }, t || ' '));
|
|
1965
|
+
}));
|
|
1966
|
+
};
|
|
1967
|
+
|
|
1968
|
+
const paintSecs = () => {
|
|
1969
|
+
const secs = act.check ? act.check.sections : [];
|
|
1970
|
+
let on = -1;
|
|
1971
|
+
secs.forEach((s, k) => { if (s.line <= act.caret) on = k; });
|
|
1972
|
+
act.el.secs.replaceChildren(...secs.map((s, k) => h('button', { type: 'button', class: k === on ? 'on' : '', on: { click: () => jumpTo(s.line) } }, h('b', {}, s.title), h('small', {}, s.reader))));
|
|
1973
|
+
};
|
|
1974
|
+
|
|
1975
|
+
const paintBar = () => {
|
|
1976
|
+
const here = act.check ? act.check.issues.filter((i) => i.line === act.caret) : [];
|
|
1977
|
+
act.el.bar.replaceChildren(
|
|
1978
|
+
h('span', { class: 'num' }, '第 ' + act.caret + ' 行 · 共 ' + act.text.split('\\n').length + ' 行'),
|
|
1979
|
+
here.length ? h('span', { class: here.some((i) => i.level === 'fix') ? 'bad' : '' }, here.map((i) => i.text).join(';'))
|
|
1980
|
+
: act.msg ? h('span', { class: act.msgBad ? 'bad' : 'ok' }, act.msg)
|
|
1981
|
+
: h('span', {}, isTutorFile(act.cur) ? '存了就生效:新开的话题照新的带;正在聊的那个,老师可能还照旧的' : '存了就生效:下一轮起照新的带,正在进行的话题也换'));
|
|
1982
|
+
};
|
|
1983
|
+
|
|
1984
|
+
const paintBanner = () => {
|
|
1985
|
+
const b = act.el.banner;
|
|
1986
|
+
b.hidden = !act.conflict;
|
|
1987
|
+
if (!act.conflict) return b.replaceChildren();
|
|
1988
|
+
const c = act.cur;
|
|
1989
|
+
b.replaceChildren(
|
|
1990
|
+
h('span', { class: 'st' }, '撞车'),
|
|
1991
|
+
h('span', { class: 'tx' }, '这份文件在别处改过了(比如在 workspace 里用编程助手改的)。你还有 ' + dirtyCount() + ' 处没存,直接存会盖掉那边的,所以「保存」先停了。'),
|
|
1992
|
+
h('span', { class: 'acts' },
|
|
1993
|
+
h('button', { class: 'btn small', type: 'button', on: { click: async () => {
|
|
1994
|
+
try { const d = await api('GET', docUrl(c)); showHunks('那边改了什么', '和你读进来的那份比(没算你还没存的改动):', diffLines(act.saved, d.text)); } catch (e) { alert(e.message); }
|
|
1995
|
+
} } }, '看那边改了什么'),
|
|
1996
|
+
' ',
|
|
1997
|
+
h('button', { class: 'btn ink small', type: 'button', on: { click: () => openActivity(c.tutor, c.name, true, c.kind) } }, '丢掉我的,重读')));
|
|
1998
|
+
};
|
|
1999
|
+
|
|
2000
|
+
/** 预览用哪份参数:首页某个按钮的,或自己填的 */
|
|
2001
|
+
const previewParams = () => {
|
|
2002
|
+
if (act.pick.startsWith('btn:')) { const b = act.check && act.check.buttons[Number(act.pick.slice(4))]; return b ? b.params : {}; }
|
|
2003
|
+
return act.pick === 'own' ? act.params : {};
|
|
2004
|
+
};
|
|
2005
|
+
const runCheck = async () => {
|
|
2006
|
+
const c = act.cur;
|
|
2007
|
+
if (!c) return;
|
|
2008
|
+
const seq = ++act.seq;
|
|
2009
|
+
let r;
|
|
2010
|
+
try { r = await api('POST', docUrl(c) + '/check', { text: act.text, params: previewParams() }); } catch (e) { act.msg = '检查没跑成:' + e.message; act.msgBad = true; if (act.el) paintBar(); return; }
|
|
2011
|
+
if (seq !== act.seq || c !== act.cur) return;
|
|
2012
|
+
act.check = r;
|
|
2013
|
+
// 预览缺省按首页上参数最多的那个按钮看;没有按钮就自己填(老师文件没有参数)
|
|
2014
|
+
if (act.pick === 'auto' && !isTutorFile(c)) {
|
|
2015
|
+
if (r.buttons.length) {
|
|
2016
|
+
let best = 0;
|
|
2017
|
+
r.buttons.forEach((b, k) => { if (Object.keys(b.params).length > Object.keys(r.buttons[best].params).length) best = k; });
|
|
2018
|
+
act.pick = 'btn:' + best;
|
|
2019
|
+
if (Object.keys(r.buttons[best].params).length) return runCheck();
|
|
2020
|
+
} else act.pick = 'own';
|
|
2021
|
+
}
|
|
2022
|
+
if (state.tab !== 'activity' || !act.el) return;
|
|
2023
|
+
paintHead();
|
|
2024
|
+
paintLines();
|
|
2025
|
+
paintSecs();
|
|
2026
|
+
paintSide();
|
|
2027
|
+
paintBar();
|
|
2028
|
+
};
|
|
2029
|
+
|
|
2030
|
+
const paintSide = () => {
|
|
2031
|
+
const r = act.check;
|
|
2032
|
+
const tabs = [['check', '检查'], ['preview', '老师收到什么'], ['diff', '和出厂比']];
|
|
2033
|
+
const seg = h('div', { class: 'seg', role: 'tablist' }, ...tabs.map(([k, label]) => h('button', { type: 'button', role: 'tab', 'aria-selected': String(act.tab === k), class: act.tab === k ? 'on' : '', on: { click: () => { act.tab = k; paintSide(); } } }, label)));
|
|
2034
|
+
const body = h('div', { class: 'body' });
|
|
2035
|
+
const tf = isTutorFile(act.cur);
|
|
2036
|
+
const parts = !r ? [h('p', { class: 'note' }, '在查……')] : act.tab === 'check' ? (tf ? sideCheckTutor(r) : sideCheck(r)) : act.tab === 'preview' ? (tf ? sidePreviewTutor(r) : sidePreview(r)) : sideDiff(r);
|
|
2037
|
+
body.append(...parts.filter(Boolean));
|
|
2038
|
+
act.el.side.replaceChildren(h('div', { class: 'tabs' }, seg), body);
|
|
2039
|
+
};
|
|
2040
|
+
const rule = () => h('div', { class: 'rule' });
|
|
2041
|
+
|
|
2042
|
+
const sideCheck = (r) => {
|
|
2043
|
+
const c = act.cur;
|
|
2044
|
+
const fx = r.issues.filter((i) => i.level === 'fix');
|
|
2045
|
+
const nt = r.issues.filter((i) => i.level === 'note');
|
|
2046
|
+
const s = r.summary;
|
|
2047
|
+
const kv = (k, v) => [h('span', { class: 'k' }, k), h('span', { class: 'v num' }, v || '无')];
|
|
2048
|
+
const param = (p) => p.name + '(' + p.type + (p.optional ? ',可空' : '') + (p.default !== undefined ? ',缺省 ' + p.default : '') + (p.min !== undefined && p.max !== undefined ? ',' + p.min + '–' + p.max : '') + ')';
|
|
2049
|
+
return [
|
|
2050
|
+
h('div', { class: 'srow' }, fx.length ? h('span', { class: 'st err' }, fx.length + ' 处要改') : h('span', { class: 'st ok' }, '都对得上'), nt.length ? h('span', { class: 'st warn' }, nt.length + ' 条提醒') : null, h('span', { class: 'note' }, r.issues.length ? '点一条跳到那一行' : '边改边查,不落盘')),
|
|
2051
|
+
r.issues.length ? h('div', { class: 'ilist' }, ...r.issues.map((i) => h('button', { type: 'button', class: 'iss' + (i.level === 'fix' ? ' fix' : ''), on: { click: () => { if (i.line) jumpTo(i.line); } } }, h('b', { class: 'num' }, i.line ? '第 ' + i.line + ' 行' : '整份'), h('span', {}, i.text)))) : null,
|
|
2052
|
+
h('div', { class: 'kv2' }, ...kv('家长填的', s.params.map(param).join(' · ')), ...kv('应用算的', s.state.join(' · ')), ...kv('应用拦的', s.gates.join(' · ')), ...kv('卡', s.cards.join(' ')), ...kv('工具人', s.tools.map((t) => t.tool + (t.slots.length ? '(' + t.slots.join(' ') + ')' : '')).join(' · ')), ...(s.page ? kv('不起老师', '进' + s.page) : [])),
|
|
2053
|
+
rule(),
|
|
2054
|
+
h('h3', {}, '首页上用到它的'),
|
|
2055
|
+
...(r.buttons.length ? r.buttons.map((b) => h('div', { class: 'hb' }, h('span', { class: 'tx' }, h('b', {}, (b.kind === 'lecture' ? '小课堂 · ' : '') + b.label), h('small', {}, b.detail)), h('span', { class: 'st ' + (b.ok ? 'ok' : 'err') }, b.ok ? '对得上' : '孩子端不出'))) : [h('p', { class: 'note' }, '已发布的首页上没有按钮用它。')]),
|
|
2056
|
+
fx.length && r.buttons.length ? h('p', { class: 'note' }, '写坏的 activity,孩子端不出它的按钮;改好就回来。孩子点不进一个写坏的。') : null,
|
|
2057
|
+
rule(),
|
|
2058
|
+
h('h3', {}, '老师带得好不好'),
|
|
2059
|
+
c.examples
|
|
2060
|
+
? h('p', { class: 'note' }, '检查只管写法。要看老师照新的带得怎样,在终端跑回归:' + c.examples + ' 个例子各跑 3 次,花钱。')
|
|
2061
|
+
: h('p', { class: 'note' }, '这个 activity 还没有例子文件(' + c.name + '.例子.md),回归跑不了;想看效果在终端真发一条:'),
|
|
2062
|
+
h('div', { class: 'cmd' }, h('code', {}, c.examples ? 'cotutor activity eval ' + c.tutor + ' ' + c.name : 'cotutor send ' + c.tutor + ' --activity ' + c.name), h('button', { class: 'btn small', type: 'button', on: { click: (e) => copy(e.target.previousSibling.textContent, e.target) } }, '复制')),
|
|
2063
|
+
];
|
|
2064
|
+
};
|
|
2065
|
+
|
|
2066
|
+
const sidePreview = (r) => {
|
|
2067
|
+
const s = r.summary;
|
|
2068
|
+
const pv = r.preview;
|
|
2069
|
+
const out = [];
|
|
2070
|
+
if (r.buttons.length || s.params.length) {
|
|
2071
|
+
out.push(h('div', { class: 'field' }, h('label', {}, '按哪个按钮看'),
|
|
2072
|
+
h('select', { on: { change: (e) => { act.pick = e.target.value; if (act.pick === 'own') act.params = Object.assign({}, previewParams()); runCheck(); } } },
|
|
2073
|
+
...r.buttons.map((b, k) => h('option', { value: 'btn:' + k, selected: act.pick === 'btn:' + k }, '首页 · ' + b.label + (Object.keys(b.params).length ? '(' + Object.keys(b.params).join('、') + ')' : ''))),
|
|
2074
|
+
h('option', { value: 'own', selected: act.pick === 'own' }, '自己填参数'))));
|
|
2075
|
+
if (s.params.length) {
|
|
2076
|
+
const cur = previewParams();
|
|
2077
|
+
out.push(h('div', { class: 'pvf' }, ...s.params.map((p) => h('div', { class: 'field' + (p.type === '词表' || p.type === '字' ? ' wide' : '') },
|
|
2078
|
+
h('label', {}, p.name + ' · ' + p.type + (p.min !== undefined && p.max !== undefined ? ',' + p.min + '–' + p.max : '')),
|
|
2079
|
+
h('input', { type: 'text', value: cur[p.name] || '', placeholder: p.default !== undefined ? '缺省 ' + p.default : p.optional ? '可空' : '要填', on: { change: (e) => { act.params = Object.assign({}, previewParams(), { [p.name]: e.target.value.trim() }); if (!act.params[p.name]) delete act.params[p.name]; act.pick = 'own'; runCheck(); } } })))));
|
|
2080
|
+
}
|
|
2081
|
+
}
|
|
2082
|
+
if (pv.text === null) out.push(h('p', { class: 'note' }, s.page ? '不起老师:孩子点了进' + s.page + '。' : '没有「老师怎么带」这一节,这个 activity 不起老师。'));
|
|
2083
|
+
else {
|
|
2084
|
+
out.push(h('div', { class: 'chips' },
|
|
2085
|
+
h('span', { class: 'tag' }, '老师那节 ' + pv.chars.toLocaleString() + ' 字'),
|
|
2086
|
+
h('span', { class: 'tag' }, '+ 板书写法 ' + pv.cards.join(' ')),
|
|
2087
|
+
...Object.entries(pv.values).map(([k, v]) => h('span', { class: 'tag' }, k + ' ' + v)),
|
|
2088
|
+
...pv.paramIssues.map((x) => h('span', { class: 'st err' }, x))));
|
|
2089
|
+
out.push(h('pre', { class: 'pv' }, pv.text));
|
|
2090
|
+
out.push(h('div', { class: 'srow' }, h('span', { class: 'note', style: 'flex:1;min-width:160px' }, '这就是这个话题老师的系统提示(Qwen 的 systemBody):不读老师文件,注释已剥,后面再接这几种卡的板书写法。'), h('button', { class: 'btn small', type: 'button', on: { click: (e) => copy(pv.text, e.target) } }, '复制全文')));
|
|
2091
|
+
}
|
|
2092
|
+
for (const t of pv.tools) {
|
|
2093
|
+
out.push(rule(), h('h3', {}, t.tool + '收到什么'), h('p', { class: 'note' }, '{{插槽}} 由应用在交出去那一刻填。'), h('pre', { class: 'pv tool' }, t.prompt));
|
|
2094
|
+
if (t.negative) out.push(h('p', { class: 'note' }, '不要:' + t.negative));
|
|
2095
|
+
}
|
|
2096
|
+
return out;
|
|
2097
|
+
};
|
|
2098
|
+
|
|
2099
|
+
const sideDiff = (r) => {
|
|
2100
|
+
const c = act.cur;
|
|
2101
|
+
const tf = isTutorFile(c);
|
|
2102
|
+
if (!r.diff) return [h('p', { class: 'note' }, tf ? '自家加的老师,没有出厂那份可比。' : '自家加的 activity,没有出厂那份可比。')];
|
|
2103
|
+
const out = [h('div', { class: 'srow' }, r.diff.length ? h('span', { class: 'st accent' }, '和出厂不一样 ' + r.diff.length + ' 处') : h('span', { class: 'st ok' }, '和出厂一样'), h('span', { class: 'note' }, '含没存的')),
|
|
2104
|
+
...r.diff.map((d) => hunkEl(d, true))];
|
|
2105
|
+
out.push(h('p', { class: 'note' }, c.state === 'upgradable' ? '这份没改过,是旧版出厂的;cotutor upgrade 会换成新的。' : c.state === 'latest' ? '存下以后就算改过的出厂件:cotutor upgrade 不再自动换新版,只报 diff。' : '改过的出厂件,cotutor upgrade 不再自动换新版,只报 diff。'));
|
|
2106
|
+
out.push(rule(), h('div', { class: 'srow' },
|
|
2107
|
+
h('button', { class: 'btn danger', type: 'button', disabled: !r.diff.length && !dirtyCount(), on: { click: restoreActivityBtn } }, '恢复出厂'),
|
|
2108
|
+
h('span', { class: 'note' }, c.state === 'latest' ? '磁盘上那份就是出厂的,恢复只是丢掉没存的改动。' : '换回出厂那份;你这份存成 ' + bakName(c) + '。' + (tf ? '别的老师、这位老师的 activity 都不碰。' : '别的 activity 不碰。'))));
|
|
2109
|
+
return out;
|
|
2110
|
+
};
|
|
2111
|
+
|
|
2112
|
+
const bakName = (c) => (isTutorFile(c) ? c.path.split('/').pop() : c.name + '.md') + '.bak';
|
|
2113
|
+
|
|
2114
|
+
/** 老师文件的检查:写法、首页上哪些按钮照它带、怎么看效果 */
|
|
2115
|
+
const sideCheckTutor = (r) => {
|
|
2116
|
+
const c = act.cur;
|
|
2117
|
+
const fx = r.issues.filter((i) => i.level === 'fix');
|
|
2118
|
+
const nt = r.issues.filter((i) => i.level === 'note');
|
|
2119
|
+
const faced = c.name === '新话题';
|
|
2120
|
+
return [
|
|
2121
|
+
h('div', { class: 'srow' }, fx.length ? h('span', { class: 'st err' }, fx.length + ' 处要改') : h('span', { class: 'st ok' }, '都对得上'), nt.length ? h('span', { class: 'st warn' }, nt.length + ' 条提醒') : null, h('span', { class: 'note' }, r.issues.length ? '点一条跳到那一行' : '边改边查,不落盘')),
|
|
2122
|
+
r.issues.length ? h('div', { class: 'ilist' }, ...r.issues.map((i) => h('button', { type: 'button', class: 'iss' + (i.level === 'fix' ? ' fix' : ''), on: { click: () => { if (i.line) jumpTo(i.line); } } }, h('b', { class: 'num' }, i.line ? '第 ' + i.line + ' 行' : '整份'), h('span', {}, i.text)))) : null,
|
|
2123
|
+
fx.length ? h('p', { class: 'note' }, '老师文件写坏了这位老师整个起不来,所以改好才能存(activity 写坏了还能先存)。') : null,
|
|
2124
|
+
rule(),
|
|
2125
|
+
h('h3', {}, '照它带的'),
|
|
2126
|
+
faced
|
|
2127
|
+
? h('p', { class: 'note' }, '不走 activity 的话题:首页的「新话题」、开场按钮,隔天「接着」一个不是 activity 的话题。点 activity 按钮进去的话题不读它。')
|
|
2128
|
+
: h('p', { class: 'note' }, '工具人:没有新话题按钮,由应用在幕后起;正文就是它每次的系统提示。'),
|
|
2129
|
+
...(faced ? (r.buttons.length ? r.buttons.map((b) => h('div', { class: 'hb' }, h('span', { class: 'tx' }, h('b', {}, b.label), h('small', {}, b.kind === 'new' ? '孩子自己开口,应用放在第一个' : '开场:按钮上的字当孩子的第一句')), h('span', { class: 'st ok' }, '首页上'))) : [h('p', { class: 'note' }, '已发布的首页上没有这位老师的卡,孩子端看不到他的新话题。')]) : []),
|
|
2130
|
+
rule(),
|
|
2131
|
+
h('h3', {}, '老师带得好不好'),
|
|
2132
|
+
h('p', { class: 'note' }, '检查只管写法。要看老师照新的讲得怎样:拿以前的一轮按现在的提示词再跑一遍对照(job 在「对话」页的看原文里),或真发一条;都花钱。'),
|
|
2133
|
+
h('div', { class: 'cmd' }, h('code', {}, 'cotutor replay ' + c.tutor + ' <job>'), h('button', { class: 'btn small', type: 'button', on: { click: (e) => copy(e.target.previousSibling.textContent, e.target) } }, '复制')),
|
|
2134
|
+
h('div', { class: 'cmd' }, h('code', {}, 'cotutor send ' + c.tutor + ' --new "…"'), h('button', { class: 'btn small', type: 'button', on: { click: (e) => copy(e.target.previousSibling.textContent, e.target) } }, '复制')),
|
|
2135
|
+
];
|
|
2136
|
+
};
|
|
2137
|
+
|
|
2138
|
+
/** 老师文件:新话题里老师收到什么——系统提示(正文 + 板书写法)与话题第一条的守则 */
|
|
2139
|
+
const sidePreviewTutor = (r) => {
|
|
2140
|
+
const c = act.cur;
|
|
2141
|
+
const pv = r.preview;
|
|
2142
|
+
const out = [h('div', { class: 'chips' },
|
|
2143
|
+
h('span', { class: 'tag' }, '正文 ' + pv.chars.toLocaleString() + ' 字'),
|
|
2144
|
+
pv.board ? h('span', { class: 'tag', title: pv.board.cards.length ? '这位老师的卡:' + pv.board.cards.join(' ') : '全部的卡' }, '+ 板书写法 ' + pv.board.chars.toLocaleString() + ' 字') : null,
|
|
2145
|
+
pv.rules ? h('span', { class: 'tag' }, '+ 守则 ' + pv.rules.chars.toLocaleString() + ' 字') : null)];
|
|
2146
|
+
out.push(h('pre', { class: 'pv' }, pv.text || '(空)'));
|
|
2147
|
+
out.push(h('div', { class: 'srow' }, h('span', { class: 'note', style: 'flex:1;min-width:160px' }, '这就是新话题里老师的系统提示(Qwen 的 systemBody):老师文件去掉 frontmatter' + (pv.board ? ',后面再接板书写法' : '') + '。'), h('button', { class: 'btn small', type: 'button', on: { click: (e) => copy(pv.text, e.target) } }, '复制全文')));
|
|
2148
|
+
if (pv.rules) {
|
|
2149
|
+
out.push(rule(), h('h3', {}, '话题第一条还带守则'),
|
|
2150
|
+
h('p', { class: 'note' }, '有脸的老师共用的 ' + pv.rules.path + ',机器件,cotutor upgrade 每次覆盖,这里不改。这位老师要不一样的做法,写进上面的老师文件,它优先。'),
|
|
2151
|
+
h('details', {}, h('summary', {}, '看守则原文'), h('pre', { class: 'pv tool' }, pv.rules.text)));
|
|
2152
|
+
}
|
|
2153
|
+
out.push(rule(), h('p', { class: 'note' }, '档案、日记、计划这些每轮现拼进上下文包,不在这里;看一轮会拼成什么(不花钱):'),
|
|
2154
|
+
h('div', { class: 'cmd' }, h('code', {}, 'cotutor pack ' + c.tutor + ' "…"'), h('button', { class: 'btn small', type: 'button', on: { click: (e) => copy(e.target.previousSibling.textContent, e.target) } }, '复制')));
|
|
2155
|
+
return out;
|
|
2156
|
+
};
|
|
2157
|
+
|
|
2158
|
+
const undoActivity = () => {
|
|
2159
|
+
act.text = act.saved;
|
|
2160
|
+
act.el.ta.value = act.text;
|
|
2161
|
+
act.diff = [];
|
|
2162
|
+
act.msg = '';
|
|
2163
|
+
fit();
|
|
2164
|
+
paintAll();
|
|
2165
|
+
runCheck();
|
|
2166
|
+
};
|
|
2167
|
+
|
|
2168
|
+
const saveActivity = async () => {
|
|
2169
|
+
const c = act.cur;
|
|
2170
|
+
if (!c || !dirtyCount() || act.conflict) return;
|
|
2171
|
+
let r;
|
|
2172
|
+
try { r = await api('POST', docUrl(c) + '/check', { text: act.text, params: previewParams() }); } catch (e) { alert(e.message); return; }
|
|
2173
|
+
act.check = r;
|
|
2174
|
+
const fx = r.issues.filter((i) => i.level === 'fix');
|
|
2175
|
+
if (fx.length && isTutorFile(c)) { act.msg = '还有 ' + fx.length + ' 处要改,改好才能存:老师文件写坏了,这位老师就起不来'; act.msgBad = true; paintAll(); return; }
|
|
2176
|
+
if (fx.length && !(await ask('还有 ' + fx.length + ' 处要改,先存吗?', ['存下就生效。改好之前:', ...(r.buttons.length ? ['首页上用到它的 ' + r.buttons.length + ' 个按钮,孩子端先不出'] : []), '正在进行的「' + c.name + '」话题,下一轮老师照这份带'], '仍然保存', '回去改'))) { paintAll(); return; }
|
|
2177
|
+
const res = await fetch(docUrl(c), { method: 'PUT', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ text: act.text, base: act.hash }) });
|
|
2178
|
+
const j = await res.json().catch(() => null);
|
|
2179
|
+
if (res.status === 409) { act.conflict = true; paintAll(); return; }
|
|
2180
|
+
if (!res.ok) { act.msg = '没存上:' + ((j && j.message) || res.status); act.msgBad = true; paintBar(); return; }
|
|
2181
|
+
act.saved = act.text;
|
|
2182
|
+
act.hash = j.hash;
|
|
2183
|
+
c.state = j.state;
|
|
2184
|
+
act.diff = [];
|
|
2185
|
+
act.msg = isTutorFile(c) ? '存好了 · 新开的话题照新的带' : '存好了 · 下一轮起照新的带' + (j.fixes ? ';改好之前首页上用它的按钮孩子端不出' : '');
|
|
2186
|
+
act.msgBad = Boolean(j.fixes);
|
|
2187
|
+
try { await loadActivities(); } catch (e) {}
|
|
2188
|
+
paintList();
|
|
2189
|
+
paintAll();
|
|
2190
|
+
};
|
|
2191
|
+
|
|
2192
|
+
const restoreActivityBtn = async () => {
|
|
2193
|
+
const c = act.cur;
|
|
2194
|
+
const tf = isTutorFile(c);
|
|
2195
|
+
const lead = c.state === 'latest' ? '磁盘上那份就是出厂的;没存的 ' + dirtyCount() + ' 处丢掉。' : '你这份存成 ' + bakName(c) + (dirtyCount() ? ',没存的 ' + dirtyCount() + ' 处一起丢掉' : '') + '。和 cotutor upgrade --force ' + c.tutor + (tf ? '' : '/' + c.name) + ' 同一条路,' + (tf ? '别的老师不碰。' : '别的 activity 不碰。');
|
|
2196
|
+
if (!(await ask('换回出厂那份?', [lead], '恢复出厂', '算了'))) return;
|
|
2197
|
+
let r;
|
|
2198
|
+
try { r = await api('POST', docUrl(c) + '/restore', {}); } catch (e) { alert(e.message); return; }
|
|
2199
|
+
try { await loadActivities(); } catch (e) {}
|
|
2200
|
+
await openActivity(c.tutor, c.name, true, c.kind);
|
|
2201
|
+
act.msg = r.bak ? '换回出厂了 · 你那份在 ' + r.bak : '换回出厂了';
|
|
2202
|
+
act.msgBad = false;
|
|
2203
|
+
paintBar();
|
|
2204
|
+
};
|
|
2205
|
+
|
|
2206
|
+
/** 别处(编程助手、编辑器)改了这份:没改动就悄悄读进来,有改动就亮撞车条、停住保存 */
|
|
2207
|
+
const checkDisk = async () => {
|
|
2208
|
+
const c = act.cur;
|
|
2209
|
+
if (!c || act.conflict || state.tab !== 'activity') return;
|
|
2210
|
+
let d;
|
|
2211
|
+
try { d = await api('GET', docUrl(c)); } catch (e) { return; }
|
|
2212
|
+
if (c !== act.cur || d.hash === act.hash) return;
|
|
2213
|
+
if (dirtyCount()) { act.conflict = true; paintAll(); return; }
|
|
2214
|
+
Object.assign(act, { cur: d, saved: d.text, text: d.text, hash: d.hash, diff: [], msg: '别处改过了,已读进新的那份', msgBad: false });
|
|
2215
|
+
act.el.ta.value = d.text;
|
|
2216
|
+
fit();
|
|
2217
|
+
try { await loadActivities(); } catch (e) {}
|
|
2218
|
+
paintList();
|
|
2219
|
+
paintAll();
|
|
2220
|
+
runCheck();
|
|
2221
|
+
};
|
|
2222
|
+
window.addEventListener('focus', checkDisk);
|
|
2223
|
+
window.addEventListener('beforeunload', (e) => { if (act.cur && dirtyCount()) { e.preventDefault(); e.returnValue = ''; } });
|
|
2224
|
+
|
|
2225
|
+
// ---- 启动 ----
|
|
2226
|
+
(async () => {
|
|
2227
|
+
await refreshHealth();
|
|
2228
|
+
await loadConfig();
|
|
2229
|
+
showTab(state.tab);
|
|
2230
|
+
// ?tutor=math-tutor 直接停在某位老师(调试与贴链接用)
|
|
2231
|
+
const want = new URLSearchParams(location.search).get('tutor');
|
|
2232
|
+
const first = state.config.tutors.find((t) => t.name === want && t.enabled) || state.config.tutors.find((t) => t.enabled && !t.hidden) || state.config.tutors.find((t) => t.enabled);
|
|
2233
|
+
if (first) await pickTutor(first.name);
|
|
2234
|
+
const rawWant = hashState().raw;
|
|
2235
|
+
if (rawWant) openRaw(rawWant);
|
|
2236
|
+
setInterval(refreshHealth, 10000);
|
|
2237
|
+
setInterval(async () => {
|
|
2238
|
+
const before = JSON.stringify(state.config && state.config.tutors);
|
|
2239
|
+
await loadConfig();
|
|
2240
|
+
if (JSON.stringify(state.config.tutors) !== before && state.tab === 'team') renderTeam();
|
|
2241
|
+
if (state.tab === 'overview') renderOverview();
|
|
2242
|
+
if (state.tab === 'activity') checkDisk();
|
|
2243
|
+
}, 10000);
|
|
2244
|
+
})().catch((e) => { $('#msgs').replaceChildren(h('p', { class: 'empty' }, '加载失败:' + e.message)); });
|
|
2245
|
+
})();
|
|
2246
|
+
</script>
|
|
2247
|
+
</html>
|
|
2248
|
+
`;
|