@monkey-mini-app/dsh-mini-app 0.1.0 → 0.1.4
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/README.md +59 -0
- package/assets/apps-list.png +0 -0
- package/assets/complex-demo-app.png +0 -0
- package/assets/demo-app.png +0 -0
- package/assets/home.png +0 -0
- package/assets/sidebar-mode.png +0 -0
- package/lib/client.js +2024 -783
- package/lib/index.d.ts +5 -2
- package/lib/index.js +29 -16
- package/package.json +12 -10
- package/skills/monkey-mini-app/SKILL.md +182 -106
- package/skills/monkey-mini-app/references/catalog.md +236 -99
- package/skills/monkey-mini-app/references/contracts/accordion.md +30 -0
- package/skills/monkey-mini-app/references/contracts/activity-feed.md +12 -2
- package/skills/monkey-mini-app/references/contracts/alert-dialog.md +38 -0
- package/skills/monkey-mini-app/references/contracts/alert.md +38 -0
- package/skills/monkey-mini-app/references/contracts/app-shell.md +2 -2
- package/skills/monkey-mini-app/references/contracts/aspect-ratio.md +25 -0
- package/skills/monkey-mini-app/references/contracts/attachment-gallery.md +12 -2
- package/skills/monkey-mini-app/references/contracts/attachment.md +35 -0
- package/skills/monkey-mini-app/references/contracts/autocomplete.md +12 -2
- package/skills/monkey-mini-app/references/contracts/avatar.md +24 -0
- package/skills/monkey-mini-app/references/contracts/badge.md +26 -0
- package/skills/monkey-mini-app/references/contracts/breadcrumb.md +33 -0
- package/skills/monkey-mini-app/references/contracts/bubble.md +30 -0
- package/skills/monkey-mini-app/references/contracts/button-group.md +36 -0
- package/skills/monkey-mini-app/references/contracts/button.md +26 -0
- package/skills/monkey-mini-app/references/contracts/calendar.md +20 -0
- package/skills/monkey-mini-app/references/contracts/card.md +41 -0
- package/skills/monkey-mini-app/references/contracts/cascader.md +12 -2
- package/skills/monkey-mini-app/references/contracts/chart.md +32 -0
- package/skills/monkey-mini-app/references/contracts/checkbox.md +19 -0
- package/skills/monkey-mini-app/references/contracts/code-block.md +20 -2
- package/skills/monkey-mini-app/references/contracts/code-editor.md +30 -4
- package/skills/monkey-mini-app/references/contracts/collapsible.md +21 -0
- package/skills/monkey-mini-app/references/contracts/color-picker.md +12 -2
- package/skills/monkey-mini-app/references/contracts/combobox.md +34 -0
- package/skills/monkey-mini-app/references/contracts/command.md +41 -0
- package/skills/monkey-mini-app/references/contracts/comment-thread.md +12 -2
- package/skills/monkey-mini-app/references/contracts/commit-graph.md +50 -0
- package/skills/monkey-mini-app/references/contracts/confirm-dialog.md +20 -2
- package/skills/monkey-mini-app/references/contracts/context-menu.md +41 -0
- package/skills/monkey-mini-app/references/contracts/copyable.md +12 -2
- package/skills/monkey-mini-app/references/contracts/currency-input.md +12 -2
- package/skills/monkey-mini-app/references/contracts/dashboard-shell.md +41 -0
- package/skills/monkey-mini-app/references/contracts/data-grid.md +13 -6
- package/skills/monkey-mini-app/references/contracts/date-picker.md +20 -2
- package/skills/monkey-mini-app/references/contracts/date-range-picker.md +10 -2
- package/skills/monkey-mini-app/references/contracts/date-time-picker.md +20 -2
- package/skills/monkey-mini-app/references/contracts/date-time-range-picker.md +20 -2
- package/skills/monkey-mini-app/references/contracts/description-list.md +12 -2
- package/skills/monkey-mini-app/references/contracts/detail-panel.md +10 -2
- package/skills/monkey-mini-app/references/contracts/dialog.md +44 -0
- package/skills/monkey-mini-app/references/contracts/diff-viewer.md +21 -2
- package/skills/monkey-mini-app/references/contracts/donut-chart.md +14 -2
- package/skills/monkey-mini-app/references/contracts/drawer.md +29 -0
- package/skills/monkey-mini-app/references/contracts/dropdown-menu.md +49 -0
- package/skills/monkey-mini-app/references/contracts/duration-input.md +20 -2
- package/skills/monkey-mini-app/references/contracts/empty.md +40 -0
- package/skills/monkey-mini-app/references/contracts/env-badge.md +12 -2
- package/skills/monkey-mini-app/references/contracts/env-table.md +46 -0
- package/skills/monkey-mini-app/references/contracts/event-calendar.md +28 -20
- package/skills/monkey-mini-app/references/contracts/field.md +34 -0
- package/skills/monkey-mini-app/references/contracts/file-dropzone.md +20 -2
- package/skills/monkey-mini-app/references/contracts/file-tree.md +12 -2
- package/skills/monkey-mini-app/references/contracts/filter-bar.md +2 -2
- package/skills/monkey-mini-app/references/contracts/form-sheet.md +51 -0
- package/skills/monkey-mini-app/references/contracts/gantt.md +20 -2
- package/skills/monkey-mini-app/references/contracts/gauge.md +14 -2
- package/skills/monkey-mini-app/references/contracts/hover-card.md +21 -0
- package/skills/monkey-mini-app/references/contracts/input-group.md +24 -0
- package/skills/monkey-mini-app/references/contracts/input.md +33 -0
- package/skills/monkey-mini-app/references/contracts/item.md +36 -0
- package/skills/monkey-mini-app/references/contracts/jira-wiki.md +3 -4
- package/skills/monkey-mini-app/references/contracts/jql-input.md +15 -8
- package/skills/monkey-mini-app/references/contracts/json-viewer.md +20 -2
- package/skills/monkey-mini-app/references/contracts/kanban-issue-panel.md +12 -2
- package/skills/monkey-mini-app/references/contracts/kanban.md +10 -2
- package/skills/monkey-mini-app/references/contracts/kbd.md +20 -0
- package/skills/monkey-mini-app/references/contracts/label.md +33 -0
- package/skills/monkey-mini-app/references/contracts/list-detail.md +46 -0
- package/skills/monkey-mini-app/references/contracts/log-viewer.md +45 -4
- package/skills/monkey-mini-app/references/contracts/markdown-editor.md +20 -2
- package/skills/monkey-mini-app/references/contracts/markdown.md +12 -2
- package/skills/monkey-mini-app/references/contracts/marker.md +30 -0
- package/skills/monkey-mini-app/references/contracts/menubar.md +34 -0
- package/skills/monkey-mini-app/references/contracts/message-scroller.md +24 -0
- package/skills/monkey-mini-app/references/contracts/message.md +24 -0
- package/skills/monkey-mini-app/references/contracts/mini-calendar.md +20 -2
- package/skills/monkey-mini-app/references/contracts/native-select.md +21 -0
- package/skills/monkey-mini-app/references/contracts/navigation-menu.md +27 -0
- package/skills/monkey-mini-app/references/contracts/notification-center.md +12 -2
- package/skills/monkey-mini-app/references/contracts/number-field.md +20 -2
- package/skills/monkey-mini-app/references/contracts/page-header.md +2 -2
- package/skills/monkey-mini-app/references/contracts/pagination.md +33 -0
- package/skills/monkey-mini-app/references/contracts/password-field.md +12 -2
- package/skills/monkey-mini-app/references/contracts/phone-input.md +12 -2
- package/skills/monkey-mini-app/references/contracts/popover.md +32 -0
- package/skills/monkey-mini-app/references/contracts/progress-ring.md +14 -2
- package/skills/monkey-mini-app/references/contracts/progress.md +39 -0
- package/skills/monkey-mini-app/references/contracts/questionnaire.md +33 -0
- package/skills/monkey-mini-app/references/contracts/radar-chart.md +14 -2
- package/skills/monkey-mini-app/references/contracts/radio-group.md +20 -0
- package/skills/monkey-mini-app/references/contracts/rating.md +12 -2
- package/skills/monkey-mini-app/references/contracts/relative-date-picker.md +20 -2
- package/skills/monkey-mini-app/references/contracts/request-inspector.md +12 -2
- package/skills/monkey-mini-app/references/contracts/resizable.md +29 -0
- package/skills/monkey-mini-app/references/contracts/reveal.md +31 -0
- package/skills/monkey-mini-app/references/contracts/rich-text-editor.md +14 -2
- package/skills/monkey-mini-app/references/contracts/run-timeline.md +20 -2
- package/skills/monkey-mini-app/references/contracts/scroll-area.md +20 -0
- package/skills/monkey-mini-app/references/contracts/scrollspy.md +20 -2
- package/skills/monkey-mini-app/references/contracts/search-input.md +12 -2
- package/skills/monkey-mini-app/references/contracts/select.md +36 -0
- package/skills/monkey-mini-app/references/contracts/separator.md +27 -0
- package/skills/monkey-mini-app/references/contracts/settings-split.md +53 -0
- package/skills/monkey-mini-app/references/contracts/severity-chip.md +12 -2
- package/skills/monkey-mini-app/references/contracts/sheet.md +34 -0
- package/skills/monkey-mini-app/references/contracts/sidebar.md +42 -0
- package/skills/monkey-mini-app/references/contracts/skeleton.md +33 -0
- package/skills/monkey-mini-app/references/contracts/slider-range.md +12 -2
- package/skills/monkey-mini-app/references/contracts/slider.md +25 -0
- package/skills/monkey-mini-app/references/contracts/sortable-list.md +20 -2
- package/skills/monkey-mini-app/references/contracts/sparkline.md +13 -2
- package/skills/monkey-mini-app/references/contracts/spinner.md +31 -0
- package/skills/monkey-mini-app/references/contracts/stacked-bar-chart.md +17 -2
- package/skills/monkey-mini-app/references/contracts/stat-card.md +2 -2
- package/skills/monkey-mini-app/references/contracts/status-badge.md +2 -2
- package/skills/monkey-mini-app/references/contracts/stepper-item.md +39 -0
- package/skills/monkey-mini-app/references/contracts/stepper.md +38 -11
- package/skills/monkey-mini-app/references/contracts/switch.md +25 -0
- package/skills/monkey-mini-app/references/contracts/table-page.md +41 -0
- package/skills/monkey-mini-app/references/contracts/table.md +42 -0
- package/skills/monkey-mini-app/references/contracts/tabs.md +31 -0
- package/skills/monkey-mini-app/references/contracts/tag-input.md +12 -2
- package/skills/monkey-mini-app/references/contracts/terminal.md +13 -2
- package/skills/monkey-mini-app/references/contracts/test-step-list.md +12 -2
- package/skills/monkey-mini-app/references/contracts/textarea.md +25 -0
- package/skills/monkey-mini-app/references/contracts/time-picker.md +18 -2
- package/skills/monkey-mini-app/references/contracts/time-range-picker.md +20 -2
- package/skills/monkey-mini-app/references/contracts/time-wheel.md +6 -2
- package/skills/monkey-mini-app/references/contracts/timeline.md +20 -2
- package/skills/monkey-mini-app/references/contracts/timezone-select.md +20 -2
- package/skills/monkey-mini-app/references/contracts/toast.md +39 -0
- package/skills/monkey-mini-app/references/contracts/toggle-group.md +28 -0
- package/skills/monkey-mini-app/references/contracts/toggle.md +26 -0
- package/skills/monkey-mini-app/references/contracts/tooltip.md +30 -0
- package/skills/monkey-mini-app/references/contracts/transfer.md +12 -2
- package/skills/monkey-mini-app/references/contracts/tree-view.md +20 -2
- package/skills/monkey-mini-app/references/contracts/trend-card.md +12 -2
- package/skills/monkey-mini-app/references/contracts/user-picker.md +12 -2
- package/skills/monkey-mini-app/references/contracts/wizard-shell.md +56 -0
- package/skills/monkey-mini-app/references/ctx.md +123 -53
- package/skills/monkey-mini-app/references/eval.md +115 -0
- package/skills/monkey-mini-app/references/examples/alert/alert-01.tsx +17 -0
- package/skills/monkey-mini-app/references/examples/aspect-ratio/aspect-ratio-01.tsx +16 -0
- package/skills/monkey-mini-app/references/examples/attachment/attachment-01.tsx +19 -0
- package/skills/monkey-mini-app/references/examples/breadcrumb/breadcrumb-01.tsx +31 -0
- package/skills/monkey-mini-app/references/examples/bubble/bubble-01.tsx +16 -0
- package/skills/monkey-mini-app/references/examples/button-group/button-group-01.tsx +23 -0
- package/skills/monkey-mini-app/references/examples/card/card-01.tsx +19 -0
- package/skills/monkey-mini-app/references/examples/charts-blocks.md +15 -0
- package/skills/monkey-mini-app/references/examples/code-block/code-block-01.tsx +14 -0
- package/skills/monkey-mini-app/references/examples/code-editor/code-editor-01.tsx +15 -0
- package/skills/monkey-mini-app/references/examples/command/command-01.tsx +30 -0
- package/skills/monkey-mini-app/references/examples/confirm-dialog/confirm-dialog-01.tsx +33 -0
- package/skills/monkey-mini-app/references/examples/context-menu/context-menu-01.tsx +29 -0
- package/skills/monkey-mini-app/references/examples/dashboard-shell/dashboard-shell-01.tsx +78 -0
- package/skills/monkey-mini-app/references/examples/data-grid/data-grid-01.tsx +34 -0
- package/skills/monkey-mini-app/references/examples/data-grid/data-grid-02.tsx +88 -0
- package/skills/monkey-mini-app/references/examples/date-picker/date-picker-01.tsx +14 -0
- package/skills/monkey-mini-app/references/examples/date-range-picker/date-range-picker-01.tsx +14 -0
- package/skills/monkey-mini-app/references/examples/date-time-picker/date-time-picker-01.tsx +16 -0
- package/skills/monkey-mini-app/references/examples/date-time-range-picker/date-time-range-picker-01.tsx +15 -0
- package/skills/monkey-mini-app/references/examples/detail-panel/detail-panel-01.tsx +21 -0
- package/skills/monkey-mini-app/references/examples/dialog/dialog-01.tsx +30 -0
- package/skills/monkey-mini-app/references/examples/diff-viewer/diff-viewer-01.tsx +10 -0
- package/skills/monkey-mini-app/references/examples/dropdown-menu/dropdown-menu-01.tsx +31 -0
- package/skills/monkey-mini-app/references/examples/duration-input/duration-input-01.tsx +20 -0
- package/skills/monkey-mini-app/references/examples/editors.md +11 -0
- package/skills/monkey-mini-app/references/examples/empty/empty-01.tsx +19 -0
- package/skills/monkey-mini-app/references/examples/event-calendar/event-calendar-01.tsx +53 -0
- package/skills/monkey-mini-app/references/examples/file-dropzone/file-dropzone-01.tsx +14 -0
- package/skills/monkey-mini-app/references/examples/form-sheet/form-sheet-01.tsx +85 -0
- package/skills/monkey-mini-app/references/examples/forms.md +16 -0
- package/skills/monkey-mini-app/references/examples/gantt/gantt-01.tsx +29 -0
- package/skills/monkey-mini-app/references/examples/input/input-01.tsx +10 -0
- package/skills/monkey-mini-app/references/examples/item/item-01.tsx +19 -0
- package/skills/monkey-mini-app/references/examples/jql-input/jql-input-01.tsx +33 -0
- package/skills/monkey-mini-app/references/examples/json-viewer/json-viewer-01.tsx +10 -0
- package/skills/monkey-mini-app/references/examples/kanban/kanban-01.tsx +60 -0
- package/skills/monkey-mini-app/references/examples/label/label-01.tsx +10 -0
- package/skills/monkey-mini-app/references/examples/list-detail/list-detail-01.tsx +117 -0
- package/skills/monkey-mini-app/references/examples/log-viewer/log-viewer-01.tsx +20 -0
- package/skills/monkey-mini-app/references/examples/markdown-editor/markdown-editor-01.tsx +18 -0
- package/skills/monkey-mini-app/references/examples/marker/marker-01.tsx +16 -0
- package/skills/monkey-mini-app/references/examples/mini-calendar/mini-calendar-01.tsx +14 -0
- package/skills/monkey-mini-app/references/examples/misc-charts-blocks/misc-charts-blocks-01.tsx +20 -0
- package/skills/monkey-mini-app/references/examples/misc-charts-blocks/misc-charts-blocks-02.tsx +32 -0
- package/skills/monkey-mini-app/references/examples/misc-charts-blocks/misc-charts-blocks-03.tsx +47 -0
- package/skills/monkey-mini-app/references/examples/misc-charts-blocks/misc-charts-blocks-04.tsx +20 -0
- package/skills/monkey-mini-app/references/examples/misc-charts-blocks/misc-charts-blocks-05.tsx +24 -0
- package/skills/monkey-mini-app/references/examples/misc-charts-blocks/misc-charts-blocks-06.tsx +89 -0
- package/skills/monkey-mini-app/references/examples/misc-editors/misc-editors-01.tsx +114 -0
- package/skills/monkey-mini-app/references/examples/misc-editors/misc-editors-02.tsx +33 -0
- package/skills/monkey-mini-app/references/examples/misc-forms/misc-forms-01.tsx +22 -0
- package/skills/monkey-mini-app/references/examples/misc-forms/misc-forms-02.tsx +37 -0
- package/skills/monkey-mini-app/references/examples/misc-forms/misc-forms-03.tsx +42 -0
- package/skills/monkey-mini-app/references/examples/misc-forms/misc-forms-04.tsx +25 -0
- package/skills/monkey-mini-app/references/examples/misc-forms/misc-forms-05.tsx +27 -0
- package/skills/monkey-mini-app/references/examples/misc-forms/misc-forms-06.tsx +33 -0
- package/skills/monkey-mini-app/references/examples/misc-forms/misc-forms-07.tsx +44 -0
- package/skills/monkey-mini-app/references/examples/misc-overlays/misc-overlays-01.tsx +43 -0
- package/skills/monkey-mini-app/references/examples/misc-overlays/misc-overlays-02.tsx +38 -0
- package/skills/monkey-mini-app/references/examples/misc-primitives/misc-primitives-01.tsx +21 -0
- package/skills/monkey-mini-app/references/examples/misc-primitives/misc-primitives-02.tsx +52 -0
- package/skills/monkey-mini-app/references/examples/misc-primitives/misc-primitives-03.tsx +44 -0
- package/skills/monkey-mini-app/references/examples/number-field/number-field-01.tsx +22 -0
- package/skills/monkey-mini-app/references/examples/overlays.md +11 -0
- package/skills/monkey-mini-app/references/examples/pagination/pagination-01.tsx +51 -0
- package/skills/monkey-mini-app/references/examples/primitives.md +12 -0
- package/skills/monkey-mini-app/references/examples/progress/progress-01.tsx +10 -0
- package/skills/monkey-mini-app/references/examples/relative-date-picker/relative-date-picker-01.tsx +19 -0
- package/skills/monkey-mini-app/references/examples/rich-text-editor/rich-text-editor-01.tsx +15 -0
- package/skills/monkey-mini-app/references/examples/run-timeline/run-timeline-01.tsx +17 -0
- package/skills/monkey-mini-app/references/examples/scrollspy/scrollspy-01.tsx +29 -0
- package/skills/monkey-mini-app/references/examples/separator/separator-01.tsx +10 -0
- package/skills/monkey-mini-app/references/examples/settings-split/settings-split-01.tsx +84 -0
- package/skills/monkey-mini-app/references/examples/shared/jira-wiki-sample.ts +38 -0
- package/skills/monkey-mini-app/references/examples/skeleton/skeleton-01.tsx +10 -0
- package/skills/monkey-mini-app/references/examples/slider/slider-01.tsx +22 -0
- package/skills/monkey-mini-app/references/examples/sortable-list/sortable-list-01.tsx +18 -0
- package/skills/monkey-mini-app/references/examples/spinner/spinner-01.tsx +10 -0
- package/skills/monkey-mini-app/references/examples/stepper/stepper-01.tsx +41 -0
- package/skills/monkey-mini-app/references/examples/table/table-01.tsx +25 -0
- package/skills/monkey-mini-app/references/examples/table-page/table-page-01.tsx +103 -0
- package/skills/monkey-mini-app/references/examples/time-picker/time-picker-01.tsx +19 -0
- package/skills/monkey-mini-app/references/examples/time-range-picker/time-range-picker-01.tsx +14 -0
- package/skills/monkey-mini-app/references/examples/timeline/timeline-01.tsx +18 -0
- package/skills/monkey-mini-app/references/examples/timezone-select/timezone-select-01.tsx +15 -0
- package/skills/monkey-mini-app/references/examples/toggle/toggle-01.tsx +20 -0
- package/skills/monkey-mini-app/references/examples/toggle-group/toggle-group-01.tsx +22 -0
- package/skills/monkey-mini-app/references/examples/tree-view/tree-view-01.tsx +25 -0
- package/skills/monkey-mini-app/references/examples/wizard-shell/wizard-shell-01.tsx +58 -0
- package/skills/monkey-mini-app/references/history.md +23 -7
- package/skills/monkey-mini-app/references/icons.md +99 -69
- package/skills/monkey-mini-app/references/llm-json.md +39 -26
- package/skills/monkey-mini-app/references/loader.md +47 -20
- package/skills/monkey-mini-app/references/looks/aurora-bento.md +88 -0
- package/skills/monkey-mini-app/references/looks/desk-split.md +89 -0
- package/skills/monkey-mini-app/references/looks/editorial.md +78 -0
- package/skills/monkey-mini-app/references/looks/glass-island.md +90 -0
- package/skills/monkey-mini-app/references/looks/index.md +18 -0
- package/skills/monkey-mini-app/references/looks/signage.md +74 -0
- package/skills/monkey-mini-app/references/looks/tape.md +22 -0
- package/skills/monkey-mini-app/references/looks/terminal.md +88 -0
- package/skills/monkey-mini-app/references/looks/void.md +22 -0
- package/skills/monkey-mini-app/references/styling.md +189 -0
- package/skills/monkey-mini-app/references/test.md +12 -12
- package/skills/monkey-mini-app/references/theme.md +197 -0
- package/skills/monkey-mini-app/references/tools.md +12 -12
- package/skills/monkey-mini-app/references/troubleshoot.md +165 -12
- package/skills/monkey-mini-app/templates/README.md +33 -21
- package/skills/monkey-mini-app/templates/{jira → board}/main.api.ts +11 -11
- package/skills/monkey-mini-app/templates/board/manifest.json +8 -0
- package/skills/monkey-mini-app/templates/board/theme.css +46 -0
- package/skills/monkey-mini-app/templates/board/ui.tsx +546 -0
- package/skills/monkey-mini-app/templates/chores/main.api.ts +35 -0
- package/skills/monkey-mini-app/templates/chores/manifest.json +8 -0
- package/skills/monkey-mini-app/templates/chores/theme.css +46 -0
- package/skills/monkey-mini-app/templates/chores/ui.tsx +117 -0
- package/skills/monkey-mini-app/templates/minimal/main.api.ts +5 -5
- package/skills/monkey-mini-app/templates/minimal/manifest.json +1 -2
- package/skills/monkey-mini-app/templates/minimal/ui.tsx +17 -8
- package/skills/monkey-mini-app/templates/radar/api/scan.ts +79 -0
- package/skills/monkey-mini-app/templates/radar/main.api.ts +29 -0
- package/skills/monkey-mini-app/templates/radar/manifest.json +8 -0
- package/skills/monkey-mini-app/templates/radar/shared/events.ts +25 -0
- package/skills/monkey-mini-app/templates/{insights/lib → radar/shared}/sample.ts +1 -1
- package/skills/monkey-mini-app/templates/radar/theme.css +47 -0
- package/skills/monkey-mini-app/templates/radar/ui/brief.tsx +31 -0
- package/skills/monkey-mini-app/templates/radar/ui.tsx +131 -0
- package/skills/monkey-mini-app/templates/runner/main.api.ts +91 -0
- package/skills/monkey-mini-app/templates/runner/manifest.json +8 -0
- package/skills/monkey-mini-app/templates/runner/shared/events.ts +14 -0
- package/skills/monkey-mini-app/templates/runner/theme.css +46 -0
- package/skills/monkey-mini-app/templates/runner/ui.tsx +213 -0
- package/skills/monkey-mini-app/templates/sheets/main.api.ts +276 -0
- package/skills/monkey-mini-app/templates/sheets/manifest.json +8 -0
- package/skills/monkey-mini-app/templates/sheets/theme.css +46 -0
- package/skills/monkey-mini-app/templates/sheets/ui.tsx +419 -0
- package/skills/monkey-mini-app/templates/{todo → today}/main.api.ts +8 -8
- package/skills/monkey-mini-app/templates/today/manifest.json +8 -0
- package/skills/monkey-mini-app/templates/today/theme.css +45 -0
- package/skills/monkey-mini-app/templates/today/ui/item-row.tsx +25 -0
- package/skills/monkey-mini-app/templates/today/ui.tsx +406 -0
- package/skills/monkey-mini-app/templates/{monitor → watch}/main.api.ts +8 -8
- package/skills/monkey-mini-app/templates/watch/manifest.json +8 -0
- package/skills/monkey-mini-app/templates/watch/ui.tsx +187 -0
- package/skills/monkey-mini-app/tsconfig.json +31 -0
- package/skills/monkey-mini-app/types/cdn.d.ts +1 -0
- package/tsup.config.ts +1 -0
- package/skills/monkey-mini-app/templates/agentrun/main.api.ts +0 -78
- package/skills/monkey-mini-app/templates/agentrun/manifest.json +0 -9
- package/skills/monkey-mini-app/templates/agentrun/ui.tsx +0 -125
- package/skills/monkey-mini-app/templates/insights/main.api.ts +0 -101
- package/skills/monkey-mini-app/templates/insights/manifest.json +0 -9
- package/skills/monkey-mini-app/templates/insights/ui.tsx +0 -138
- package/skills/monkey-mini-app/templates/jira/manifest.json +0 -9
- package/skills/monkey-mini-app/templates/jira/ui.tsx +0 -318
- package/skills/monkey-mini-app/templates/monitor/manifest.json +0 -9
- package/skills/monkey-mini-app/templates/monitor/ui.tsx +0 -176
- package/skills/monkey-mini-app/templates/review/main.api.ts +0 -68
- package/skills/monkey-mini-app/templates/review/manifest.json +0 -9
- package/skills/monkey-mini-app/templates/review/ui.tsx +0 -159
- package/skills/monkey-mini-app/templates/todo/manifest.json +0 -8
- package/skills/monkey-mini-app/templates/todo/ui.tsx +0 -177
package/tsup.config.ts
CHANGED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { defineDashboard } from "@monkeyagent/dashboard";
|
|
2
|
-
|
|
3
|
-
// ⭐ 关键:ctx.agent 是「让模型干一个多步活」的入口,返回最终 string。
|
|
4
|
-
// 过程事件经 onEvent 观测(status/tool/turn/text-delta/done),写进 storage 让 UI 轮询。
|
|
5
|
-
// 取消:用模块级 AbortController(app 模块只加载一次,var 可存);页面隐藏/停止时不空跑。
|
|
6
|
-
type Step = { phase: string; name?: string; turn?: number; text?: string; at: number };
|
|
7
|
-
|
|
8
|
-
let currentAbort: AbortController | null = null;
|
|
9
|
-
|
|
10
|
-
function pushStep(ctx, step: Step) {
|
|
11
|
-
void ctx.storage.set("step", step);
|
|
12
|
-
}
|
|
13
|
-
async function addStep(ctx, step: Step) {
|
|
14
|
-
const run = (await ctx.storage.get("run")) || { goal: "", status: "idle", steps: [], result: "", startedAt: 0 };
|
|
15
|
-
run.steps = [...(run.steps || []), step];
|
|
16
|
-
await ctx.storage.set("run", run);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export default defineDashboard({
|
|
20
|
-
name: "任务执行器",
|
|
21
|
-
description: "让模型干一个多步活,实时展示过程,可取消",
|
|
22
|
-
api: {
|
|
23
|
-
async runStatus(ctx) {
|
|
24
|
-
return (await ctx.storage.get("run")) || { goal: "", status: "idle", steps: [], result: "", startedAt: 0 };
|
|
25
|
-
},
|
|
26
|
-
|
|
27
|
-
// 启动:立即返回,后台跑 agent;progress 靠 storage + UI 轮询
|
|
28
|
-
async start(ctx, args?: { goal?: string }) {
|
|
29
|
-
const goal = String(args?.goal ?? "").trim();
|
|
30
|
-
if (!goal) throw new Error("请输入目标");
|
|
31
|
-
currentAbort?.abort();
|
|
32
|
-
const ac = new AbortController();
|
|
33
|
-
currentAbort = ac;
|
|
34
|
-
const run = { goal, status: "running", steps: [], result: "", startedAt: Date.now() };
|
|
35
|
-
await ctx.storage.set("run", run);
|
|
36
|
-
await ctx.storage.set("step", { phase: "status", text: "running", at: Date.now() });
|
|
37
|
-
|
|
38
|
-
void ctx.agent(goal, {
|
|
39
|
-
signal: ac.signal,
|
|
40
|
-
maxIterations: 12,
|
|
41
|
-
onEvent: (ev) => {
|
|
42
|
-
// ⭐ 关键:onEvent 只是观测过程,返回值仍是最终 string。这里把每个事件落 storage。
|
|
43
|
-
if (ev.type === "tool") void addStep(ctx, { phase: "tool", name: ev.name, at: Date.now() });
|
|
44
|
-
else if (ev.type === "turn") void addStep(ctx, { phase: "turn", turn: ev.turn, at: Date.now() });
|
|
45
|
-
else if (ev.type === "text-delta") setText(ctx, ev.text);
|
|
46
|
-
else if (ev.type === "done") void addStep(ctx, { phase: "done", at: Date.now() });
|
|
47
|
-
else if (ev.type === "error") void addStep(ctx, { phase: "error", text: ev.message, at: Date.now() });
|
|
48
|
-
},
|
|
49
|
-
})
|
|
50
|
-
.then(async (text) => {
|
|
51
|
-
const cur = (await ctx.storage.get("run")) || run;
|
|
52
|
-
await ctx.storage.set("run", { ...cur, status: "done", result: text.slice(-4000), steps: cur.steps || [] });
|
|
53
|
-
if (currentAbort === ac) currentAbort = null;
|
|
54
|
-
})
|
|
55
|
-
.catch(async (cause) => {
|
|
56
|
-
const msg = String((cause as Error)?.message || cause);
|
|
57
|
-
const cur = (await ctx.storage.get("run")) || run;
|
|
58
|
-
await ctx.storage.set("run", { ...cur, status: "error", result: msg, steps: cur.steps || [] });
|
|
59
|
-
if (currentAbort === ac) currentAbort = null;
|
|
60
|
-
});
|
|
61
|
-
return { ok: true, started: true };
|
|
62
|
-
},
|
|
63
|
-
|
|
64
|
-
async cancel(ctx) {
|
|
65
|
-
currentAbort?.abort();
|
|
66
|
-
currentAbort = null;
|
|
67
|
-
const cur = (await ctx.storage.get("run")) || { goal: "", status: "idle", steps: [], result: "", startedAt: 0 };
|
|
68
|
-
await ctx.storage.set("run", { ...cur, status: "cancelled" });
|
|
69
|
-
return { ok: true };
|
|
70
|
-
},
|
|
71
|
-
},
|
|
72
|
-
});
|
|
73
|
-
|
|
74
|
-
async function setText(ctx, delta: string) {
|
|
75
|
-
const cur = (await ctx.storage.get("run")) || { goal: "", status: "running", steps: [], result: "", startedAt: Date.now() };
|
|
76
|
-
cur.result = (cur.result || "") + delta;
|
|
77
|
-
await ctx.storage.set("run", { ...cur, steps: cur.steps || [] });
|
|
78
|
-
}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
import { useEffect, useState } from "react";
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
ActivityFeed,
|
|
5
|
-
AppShell,
|
|
6
|
-
Badge,
|
|
7
|
-
Button,
|
|
8
|
-
Card,
|
|
9
|
-
CardContent,
|
|
10
|
-
CardDescription,
|
|
11
|
-
CardHeader,
|
|
12
|
-
CardTitle,
|
|
13
|
-
Icon,
|
|
14
|
-
Input,
|
|
15
|
-
PageHeader,
|
|
16
|
-
Stepper,
|
|
17
|
-
} from "@monkey-mini-app/ui";
|
|
18
|
-
import { useDashboardApi } from "@monkeyagent/host";
|
|
19
|
-
|
|
20
|
-
type Step = { phase: string; name?: string; turn?: number; text?: string; at: number };
|
|
21
|
-
type Run = { goal: string; status: string; steps: Step[]; result: string; startedAt: number };
|
|
22
|
-
type TimelineItem = { id: string; title: string; description?: string; time?: string };
|
|
23
|
-
|
|
24
|
-
export default function Ui() {
|
|
25
|
-
const { call } = useDashboardApi();
|
|
26
|
-
const [goal, setGoal] = useState("");
|
|
27
|
-
const [run, setRun] = useState<Run | null>(null);
|
|
28
|
-
const [running, setRunning] = useState(false);
|
|
29
|
-
const [error, setError] = useState<string | null>(null);
|
|
30
|
-
|
|
31
|
-
// ⭐ 关键:UI 不直接拿 agent 事件 —— 每 300ms 轮询 runStatus(后端 onEvent 已写进 storage)
|
|
32
|
-
useEffect(() => {
|
|
33
|
-
const poll = async () => {
|
|
34
|
-
const r = (await call("runStatus", {})) as Run;
|
|
35
|
-
setRun(r);
|
|
36
|
-
setRunning(r?.status === "running");
|
|
37
|
-
};
|
|
38
|
-
void poll();
|
|
39
|
-
const id = setInterval(() => void poll(), 300);
|
|
40
|
-
return () => clearInterval(id);
|
|
41
|
-
}, [call]);
|
|
42
|
-
|
|
43
|
-
async function start() {
|
|
44
|
-
setError(null);
|
|
45
|
-
try {
|
|
46
|
-
await call("start", { goal });
|
|
47
|
-
} catch (e) {
|
|
48
|
-
setError(String((e as Error)?.message || e));
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
const items: TimelineItem[] = (run?.steps ?? []).map((s, i) => ({
|
|
53
|
-
id: String(i),
|
|
54
|
-
title: s.phase === "tool" ? `调用工具 ${s.name ?? ""}` : s.phase === "turn" ? `第 ${s.turn} 轮` : s.phase === "done" ? "完成" : s.phase,
|
|
55
|
-
description: s.text ?? (s.phase === "tool" ? "结束" : undefined),
|
|
56
|
-
time: new Date(s.at).toLocaleTimeString("zh-CN"),
|
|
57
|
-
}));
|
|
58
|
-
const statusTone = run?.status === "done" ? "default" : run?.status === "error" || run?.status === "cancelled" ? "destructive" : "secondary";
|
|
59
|
-
|
|
60
|
-
return (
|
|
61
|
-
<AppShell header={<PageHeader title="任务执行器" description="模型跑多步活 · 实时过程 · 可取消" />}>
|
|
62
|
-
<div className="flex h-full min-h-0 max-w-3xl flex-col gap-3 overflow-y-auto">
|
|
63
|
-
<Card>
|
|
64
|
-
<CardHeader>
|
|
65
|
-
<CardTitle>目标</CardTitle>
|
|
66
|
-
<CardDescription>给一个多步目标,模型会拆解并用工具逐步完成</CardDescription>
|
|
67
|
-
</CardHeader>
|
|
68
|
-
<CardContent className="flex flex-col gap-2">
|
|
69
|
-
<Input value={goal} placeholder="例如:读 packages/ui/src 下组件,总结导出清单写到 storage" onChange={(e) => setGoal(e.target.value)} />
|
|
70
|
-
<div className="flex items-center gap-2">
|
|
71
|
-
<Button onClick={() => void start()} disabled={running || !goal.trim()}>
|
|
72
|
-
<Icon.Play size={16} strokeWidth={2} /> 开始
|
|
73
|
-
</Button>
|
|
74
|
-
{running && (
|
|
75
|
-
<Button variant="outline" onClick={() => void call("cancel", {})}>
|
|
76
|
-
<Icon.Square size={16} strokeWidth={2} /> 取消
|
|
77
|
-
</Button>
|
|
78
|
-
)}
|
|
79
|
-
<div className="ml-auto">
|
|
80
|
-
<Badge variant={statusTone}>{run?.status ?? "idle"}</Badge>
|
|
81
|
-
</div>
|
|
82
|
-
</div>
|
|
83
|
-
{error && <p className="text-sm" style={{ color: "var(--destructive)" }}>{error}</p>}
|
|
84
|
-
</CardContent>
|
|
85
|
-
</Card>
|
|
86
|
-
|
|
87
|
-
{run && (
|
|
88
|
-
<>
|
|
89
|
-
{/* ⭐ 关键:用 Stepper 展示「进行到第几步 + 每步状态」 */}
|
|
90
|
-
<Card>
|
|
91
|
-
<CardHeader><CardTitle>进度</CardTitle></CardHeader>
|
|
92
|
-
<CardContent>
|
|
93
|
-
<Stepper
|
|
94
|
-
steps={[
|
|
95
|
-
{ id: "s1", title: "理解" },
|
|
96
|
-
{ id: "s2", title: "执行" },
|
|
97
|
-
{ id: "s3", title: "总结" },
|
|
98
|
-
]}
|
|
99
|
-
current={run.steps.length >= 2 ? 2 : run.steps.length}
|
|
100
|
-
orientation="horizontal"
|
|
101
|
-
/>
|
|
102
|
-
</CardContent>
|
|
103
|
-
</Card>
|
|
104
|
-
|
|
105
|
-
<Card className="min-h-0 flex-1 overflow-hidden">
|
|
106
|
-
<CardHeader><CardTitle>过程</CardTitle><CardDescription>工具调用 / 轮次时间线</CardDescription></CardHeader>
|
|
107
|
-
<CardContent className="max-h-72 overflow-y-auto">
|
|
108
|
-
<ActivityFeed items={items} />
|
|
109
|
-
</CardContent>
|
|
110
|
-
</Card>
|
|
111
|
-
|
|
112
|
-
{run.result && (
|
|
113
|
-
<Card>
|
|
114
|
-
<CardHeader><CardTitle>结果</CardTitle></CardHeader>
|
|
115
|
-
<CardContent>
|
|
116
|
-
<pre className="whitespace-pre-wrap text-sm">{run.result}</pre>
|
|
117
|
-
</CardContent>
|
|
118
|
-
</Card>
|
|
119
|
-
)}
|
|
120
|
-
</>
|
|
121
|
-
)}
|
|
122
|
-
</div>
|
|
123
|
-
</AppShell>
|
|
124
|
-
);
|
|
125
|
-
}
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { defineDashboard } from "@monkeyagent/dashboard";
|
|
2
|
-
|
|
3
|
-
import { type FeedItem, SAMPLE_ITEMS } from "./lib/sample";
|
|
4
|
-
|
|
5
|
-
type Digest = { headline: string; bullets: string[] };
|
|
6
|
-
type Payload = { items: FeedItem[]; digest: Digest | null; at: number };
|
|
7
|
-
type Progress = { running: boolean; step: string; done: number; total: number; error?: string };
|
|
8
|
-
|
|
9
|
-
const DIGEST_SCHEMA = {
|
|
10
|
-
type: "object",
|
|
11
|
-
properties: {
|
|
12
|
-
headline: { type: "string" },
|
|
13
|
-
bullets: { type: "array", items: { type: "string" } },
|
|
14
|
-
},
|
|
15
|
-
required: ["headline", "bullets"],
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
function parseDigest(raw: string): Digest {
|
|
19
|
-
let value: { headline?: unknown; bullets?: unknown };
|
|
20
|
-
try {
|
|
21
|
-
value = JSON.parse(raw);
|
|
22
|
-
} catch {
|
|
23
|
-
throw new Error("模型没有返回 JSON:" + String(raw).slice(0, 180));
|
|
24
|
-
}
|
|
25
|
-
const headline = String(value?.headline ?? "").trim();
|
|
26
|
-
const bullets = Array.isArray(value?.bullets)
|
|
27
|
-
? value.bullets.map((b) => String(b).trim()).filter(Boolean).slice(0, 3)
|
|
28
|
-
: [];
|
|
29
|
-
if (!headline || bullets.length !== 3) throw new Error("摘要格式不对");
|
|
30
|
-
return { headline, bullets };
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
// ⭐ 关键:长耗时任务 —— 只跑采样走通全链路(这里取前 8 条),批次设上限,
|
|
34
|
-
// 并在每步之间检查 ctx.signal(用户点停止即中断)。进度经 storage 暴露给 UI 轮询。
|
|
35
|
-
async function runRefresh(ctx): Promise<Payload> {
|
|
36
|
-
const items = SAMPLE_ITEMS.slice(0, 8);
|
|
37
|
-
const report = async (partial: Partial<Progress>) => {
|
|
38
|
-
await ctx.storage.set("progress", { running: true, step: "refresh", done: 0, total: 3, ...partial });
|
|
39
|
-
};
|
|
40
|
-
try {
|
|
41
|
-
// 1) 采样拉取(这里用内置样例;真实场景换成 ctx.http 拉 RSS)
|
|
42
|
-
await report({ step: "fetch·sample 8/8", done: 1 });
|
|
43
|
-
// ⭐ 关键:每步之间检查取消信号
|
|
44
|
-
if (ctx.signal?.aborted) throw new Error("cancelled");
|
|
45
|
-
await sleep(300, ctx.signal);
|
|
46
|
-
|
|
47
|
-
// 2) 模型摘要(schema 软约束"只回 JSON";返回仍是 string,再 JSON.parse)
|
|
48
|
-
await report({ step: "summarize#1/1", done: 2 });
|
|
49
|
-
const raw = await ctx.llm(
|
|
50
|
-
"根据这些标题写一条中文 headline,以及恰好 3 条中文 bullets。不要前言:\n" + items.map((i) => "- " + i.title).join("\n"),
|
|
51
|
-
{ schema: DIGEST_SCHEMA },
|
|
52
|
-
);
|
|
53
|
-
if (ctx.signal?.aborted) throw new Error("cancelled");
|
|
54
|
-
const digest = parseDigest(raw);
|
|
55
|
-
|
|
56
|
-
const payload: Payload = { items, digest, at: Date.now() };
|
|
57
|
-
await ctx.storage.set("latest", payload);
|
|
58
|
-
await ctx.storage.set("progress", { running: false, step: "done", done: 3, total: 3 });
|
|
59
|
-
return payload;
|
|
60
|
-
} catch (cause) {
|
|
61
|
-
const message = cause instanceof Error ? cause.message : String(cause);
|
|
62
|
-
await ctx.storage.set("progress", { running: false, step: "failed", done: 0, total: 3, error: message });
|
|
63
|
-
throw new Error("摘要失败:" + message);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export default defineDashboard({
|
|
68
|
-
name: "今日摘要",
|
|
69
|
-
description: "拉取公开头条,整理成三条要点",
|
|
70
|
-
api: {
|
|
71
|
-
async latest(ctx): Promise<Payload> {
|
|
72
|
-
return (await ctx.storage.get("latest")) || { items: SAMPLE_ITEMS, digest: null, at: 0 };
|
|
73
|
-
},
|
|
74
|
-
|
|
75
|
-
// fire-and-forget:立即返回"已启动",实际工作在后台,UI 用 scanStatus 轮询
|
|
76
|
-
async scan(ctx) {
|
|
77
|
-
void runRefresh(ctx);
|
|
78
|
-
return { ok: true };
|
|
79
|
-
},
|
|
80
|
-
|
|
81
|
-
async scanStatus(ctx): Promise<Progress> {
|
|
82
|
-
return (await ctx.storage.get("progress")) || { running: false, step: "idle", done: 0, total: 3 };
|
|
83
|
-
},
|
|
84
|
-
|
|
85
|
-
// 也可直接 await 调用(不用后台轮询)
|
|
86
|
-
async refresh(ctx) {
|
|
87
|
-
return runRefresh(ctx);
|
|
88
|
-
},
|
|
89
|
-
},
|
|
90
|
-
});
|
|
91
|
-
|
|
92
|
-
function sleep(ms: number, signal?: AbortSignal) {
|
|
93
|
-
return new Promise<void>((resolve) => {
|
|
94
|
-
if (signal?.aborted) return resolve();
|
|
95
|
-
const t = setTimeout(resolve, ms);
|
|
96
|
-
signal?.addEventListener("abort", () => {
|
|
97
|
-
clearTimeout(t);
|
|
98
|
-
resolve();
|
|
99
|
-
}, { once: true });
|
|
100
|
-
});
|
|
101
|
-
}
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
import { useEffect, useState } from "react";
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
AppShell,
|
|
5
|
-
Badge,
|
|
6
|
-
Button,
|
|
7
|
-
Card,
|
|
8
|
-
CardContent,
|
|
9
|
-
CardDescription,
|
|
10
|
-
CardHeader,
|
|
11
|
-
CardTitle,
|
|
12
|
-
DetailPanel,
|
|
13
|
-
Icon,
|
|
14
|
-
PageHeader,
|
|
15
|
-
Progress,
|
|
16
|
-
} from "@monkey-mini-app/ui";
|
|
17
|
-
import { useDashboardApi } from "@monkeyagent/host";
|
|
18
|
-
|
|
19
|
-
type Digest = { headline: string; bullets: string[] };
|
|
20
|
-
type Item = { title: string; link?: string };
|
|
21
|
-
type Payload = { items: Item[]; digest: Digest | null; at: number };
|
|
22
|
-
type Progress = { running: boolean; step: string; done: number; total: number; error?: string };
|
|
23
|
-
|
|
24
|
-
export default function Ui() {
|
|
25
|
-
const { call } = useDashboardApi();
|
|
26
|
-
const [data, setData] = useState<Payload | null>(null);
|
|
27
|
-
const [progress, setProgress] = useState<Progress | null>(null);
|
|
28
|
-
const [selected, setSelected] = useState<Item | null>(null);
|
|
29
|
-
const [error, setError] = useState<string | null>(null);
|
|
30
|
-
|
|
31
|
-
const load = async () => setData((await call("latest", {})) as Payload);
|
|
32
|
-
|
|
33
|
-
async function run() {
|
|
34
|
-
setError(null);
|
|
35
|
-
try {
|
|
36
|
-
await call("scan", {}); // fire-and-forget 启动,立即返回
|
|
37
|
-
// ⭐ 关键:长任务进度 —— UI 轮询 scanStatus 直到 running=false
|
|
38
|
-
const iv = setInterval(async () => {
|
|
39
|
-
const p = (await call("scanStatus", {})) as Progress;
|
|
40
|
-
setProgress(p);
|
|
41
|
-
if (!p.running) {
|
|
42
|
-
clearInterval(iv);
|
|
43
|
-
await load();
|
|
44
|
-
}
|
|
45
|
-
}, 300);
|
|
46
|
-
// 兜底:一段时间后强制停轮询(防止 progress 卡在 running)
|
|
47
|
-
setTimeout(() => clearInterval(iv), 60_000);
|
|
48
|
-
} catch (e) {
|
|
49
|
-
setError(String((e as Error)?.message || e));
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
useEffect(() => {
|
|
54
|
-
void load();
|
|
55
|
-
}, [call]);
|
|
56
|
-
|
|
57
|
-
const digest = data?.digest;
|
|
58
|
-
const items = data?.items ?? [];
|
|
59
|
-
const pct = progress && progress.total ? Math.round((progress.done / progress.total) * 100) : 0;
|
|
60
|
-
|
|
61
|
-
return (
|
|
62
|
-
<AppShell
|
|
63
|
-
header={
|
|
64
|
-
<PageHeader
|
|
65
|
-
title="今日摘要"
|
|
66
|
-
description="公开头条 · 模型整理成三条要点"
|
|
67
|
-
actions={<Button disabled={progress?.running} onClick={() => void run()}><Icon.Sparkles size={16} strokeWidth={2} /> 整理</Button>}
|
|
68
|
-
/>
|
|
69
|
-
}
|
|
70
|
-
>
|
|
71
|
-
<div className="grid h-full min-h-0 grid-cols-1 gap-3 md:grid-cols-[1fr_360px]">
|
|
72
|
-
{/* 主从:左列表 */}
|
|
73
|
-
<Card className="min-h-0 overflow-hidden">
|
|
74
|
-
<CardHeader>
|
|
75
|
-
<CardTitle>来源</CardTitle>
|
|
76
|
-
<CardDescription>点击看详情</CardDescription>
|
|
77
|
-
{progress?.running && (
|
|
78
|
-
<div className="flex items-center gap-2">
|
|
79
|
-
<Progress value={pct} className="flex-1" />
|
|
80
|
-
<span className="text-xs text-muted-foreground">{progress.step}</span>
|
|
81
|
-
</div>
|
|
82
|
-
)}
|
|
83
|
-
{error && <p className="text-sm" style={{ color: "var(--destructive)" }}>{error}</p>}
|
|
84
|
-
</CardHeader>
|
|
85
|
-
<CardContent className="flex flex-col min-h-0 flex-1 gap-1 overflow-y-auto">
|
|
86
|
-
{items.map((it, i) => (
|
|
87
|
-
<button
|
|
88
|
-
key={it.title + i}
|
|
89
|
-
onClick={() => setSelected(it)}
|
|
90
|
-
className="flex items-center justify-between gap-2 rounded-lg px-3 py-2 text-left text-sm transition-colors hover:bg-muted/50"
|
|
91
|
-
>
|
|
92
|
-
<span className="min-w-0 flex-1 truncate">{it.title}</span>
|
|
93
|
-
<Icon.ChevronRight size={16} strokeWidth={2} className="shrink-0 text-muted-foreground" />
|
|
94
|
-
</button>
|
|
95
|
-
))}
|
|
96
|
-
</CardContent>
|
|
97
|
-
</Card>
|
|
98
|
-
|
|
99
|
-
{/* 主从:右详情(选中某条才开,关掉即清) */}
|
|
100
|
-
<DetailPanel
|
|
101
|
-
open={Boolean(selected)}
|
|
102
|
-
onOpenChange={(o) => { if (!o) setSelected(null); }}
|
|
103
|
-
title={selected?.title ?? digest?.headline ?? "摘要"}
|
|
104
|
-
description={selected ? selected.title : "模型整理的要点"}
|
|
105
|
-
>
|
|
106
|
-
<div className="flex flex-col gap-3">
|
|
107
|
-
<Card>
|
|
108
|
-
<CardHeader>
|
|
109
|
-
<CardTitle>{digest?.headline || "还没有摘要"}</CardTitle>
|
|
110
|
-
<CardDescription>{data?.at ? "更新于 " + new Date(data.at).toLocaleString("zh-CN") : "点「整理」用模型生成"}</CardDescription>
|
|
111
|
-
</CardHeader>
|
|
112
|
-
<CardContent>
|
|
113
|
-
{digest?.bullets?.length ? (
|
|
114
|
-
<ol className="flex flex-col gap-2 pl-5 m-0">
|
|
115
|
-
{digest.bullets.map((b, i) => (
|
|
116
|
-
<li key={i} className="text-sm leading-relaxed">{b}</li>
|
|
117
|
-
))}
|
|
118
|
-
</ol>
|
|
119
|
-
) : (
|
|
120
|
-
<span className="text-sm text-muted-foreground">还没有要点,先点「整理」。</span>
|
|
121
|
-
)}
|
|
122
|
-
</CardContent>
|
|
123
|
-
</Card>
|
|
124
|
-
{selected && (
|
|
125
|
-
<Card>
|
|
126
|
-
<CardHeader><CardTitle className="text-sm">选中条目</CardTitle></CardHeader>
|
|
127
|
-
<CardContent>
|
|
128
|
-
<p className="text-sm">{selected.title}</p>
|
|
129
|
-
{selected.link ? <a href={selected.link} target="_blank" rel="noreferrer" className="text-xs text-primary hover:underline w-fit">阅读原文</a> : null}
|
|
130
|
-
</CardContent>
|
|
131
|
-
</Card>
|
|
132
|
-
)}
|
|
133
|
-
</div>
|
|
134
|
-
</DetailPanel>
|
|
135
|
-
</div>
|
|
136
|
-
</AppShell>
|
|
137
|
-
);
|
|
138
|
-
}
|