mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-01 07:58:23 +00:00
BFlat
46d05808cc
Redesigns how references are attached in the image and video promptboxes, on both the desktop app and the webapp (desktop layout - mobile is unchanged). ### Reference deck - Replaces the image-toggle icon and the upload bands above the prompt with a fanned stack of reference cards inside the promptbox, left of the prompt text - Hovering the deck expands it to show every attached ref - no scrolling, it widens toward the end of the promptbox and wraps into more rows as needed (ready for up to 50 refs for Seedance 2.5) - Cards support drag-to-reorder (grab/grabbing cursors), hover remove, name tooltips (Image 1, Video 2, …), upload progress spinners on individual cards, and click-to-preview fullscreen - A circular **+** overlaps the deck: hovering shows an add menu grouped by type (Image / Video / Audio) with compact limits (e.g. `2/9`, `1/3 · 8/15s`); clicking it opens a file picker that accepts any supported media and sorts files by type automatically ### Video modes - Keyframe mode: Start/End frame band replaced with compact "First frame ⇄ Last frame" cards with a swap button - Reference mode renamed to **Omni reference** and is now the default; images, videos, and audio all stack into one mixed deck ### Generate button - Replaced the "Generate" pill with a circular arrow-up button, credit cost shown beside it ### Under the hood - New shared deck components live in `@storyteller/ui-promptbox` and are used by both apps (previously the two promptbox implementations were fully separate) - New `GenerateIconButton` in `@storyteller/ui-button`; the old `GenerateButton` stays for mobile - Webapp mobile, audio/object/world pages, and the 2D/3D/Edit promptboxes keep their existing UI
56 lines
803 B
JSON
56 lines
803 B
JSON
{
|
|
"files": [],
|
|
"include": [],
|
|
"references": [
|
|
{
|
|
"path": "../checkbox"
|
|
},
|
|
{
|
|
"path": "../slider-v2"
|
|
},
|
|
{
|
|
"path": "../generation-list"
|
|
},
|
|
{
|
|
"path": "../close-button"
|
|
},
|
|
{
|
|
"path": "../lightbox-modal"
|
|
},
|
|
{
|
|
"path": "../../common"
|
|
},
|
|
{
|
|
"path": "../../api"
|
|
},
|
|
{
|
|
"path": "../toaster"
|
|
},
|
|
{
|
|
"path": "../action-reminder-modal"
|
|
},
|
|
{
|
|
"path": "../popover"
|
|
},
|
|
{
|
|
"path": "../tooltip"
|
|
},
|
|
{
|
|
"path": "../loading-spinner"
|
|
},
|
|
{
|
|
"path": "../button"
|
|
},
|
|
{
|
|
"path": "../modal"
|
|
},
|
|
{
|
|
"path": "./tsconfig.lib.json"
|
|
},
|
|
{
|
|
"path": "./tsconfig.spec.json"
|
|
}
|
|
],
|
|
"extends": "../../../tsconfig.base.json"
|
|
}
|