diff --git a/.changeset/thirty-eels-joke.md b/.changeset/thirty-eels-joke.md new file mode 100644 index 00000000000..4f49025f6b8 --- /dev/null +++ b/.changeset/thirty-eels-joke.md @@ -0,0 +1,5 @@ +--- +"@breadboard-ai/shared-ui": patch +--- + +Shift start into console area diff --git a/packages/shared-ui/src/elements/asset-organizer/asset-organizer.ts b/packages/shared-ui/src/elements/asset-organizer/asset-organizer.ts index 7903552ea0b..db79ca8bf62 100644 --- a/packages/shared-ui/src/elements/asset-organizer/asset-organizer.ts +++ b/packages/shared-ui/src/elements/asset-organizer/asset-organizer.ts @@ -89,6 +89,14 @@ export class AssetOrganizer extends SignalWatcher(LitElement) { border: none; font-size: 0; cursor: pointer; + + opacity: 0.5; + transition: opacity 0.2s cubic-bezier(0, 0, 0.3, 1); + + &:hover, + &:focus { + opacity: 1; + } } } diff --git a/packages/shared-ui/src/elements/board-activity/board-activity.styles.ts b/packages/shared-ui/src/elements/board-activity/board-activity.styles.ts index b78d26e632c..988ba1efcff 100644 --- a/packages/shared-ui/src/elements/board-activity/board-activity.styles.ts +++ b/packages/shared-ui/src/elements/board-activity/board-activity.styles.ts @@ -48,6 +48,8 @@ export const styles = css` .activity-entry { position: relative; padding-top: var(--bb-grid-size-2); + + --output-padding: var(--bb-grid-size-5); } .activity-entry:first-of-type { @@ -424,7 +426,7 @@ export const styles = css` margin: var(--bb-grid-size) 0; } - .output-port .value { + .output-port .value.markdown { overflow-x: scroll; scrollbar-width: none; } diff --git a/packages/shared-ui/src/elements/board-activity/board-activity.ts b/packages/shared-ui/src/elements/board-activity/board-activity.ts index 29e1eab4e80..055afac9e4f 100644 --- a/packages/shared-ui/src/elements/board-activity/board-activity.ts +++ b/packages/shared-ui/src/elements/board-activity/board-activity.ts @@ -232,39 +232,6 @@ export class BoardActivity extends LitElement { >`; } - async #createExportFromCurrentRun() { - if (!this.run || !this.run.serialize) { - this.downloadStatus = "initial"; - return; - } - - this.downloadStatus = "generating"; - - if (this.#serializedRunUrl) { - URL.revokeObjectURL(this.#serializedRunUrl); - } - - this.#serializedRun = await this.run.serialize(); - const data = JSON.stringify(this.#serializedRun, null, 2); - this.#serializedRunUrl = URL.createObjectURL( - new Blob([data], { type: "application/json" }) - ); - - this.downloadStatus = "ready"; - } - - #deleteCurrentExport() { - if (this.#serializedRun) { - this.#serializedRun = null; - } - - if (this.#serializedRunUrl) { - URL.revokeObjectURL(this.#serializedRunUrl); - } - - this.downloadStatus = "initial"; - } - async #renderSecretInput(event: InspectableRunSecretEvent) { const userInputs: UserInputConfiguration[] = event.keys.reduce( (prev, key) => { @@ -529,6 +496,8 @@ export class BoardActivity extends LitElement { if (typeof nodeValue === "object") { if (isLLMContentArray(nodeValue)) { value = html`${this.waitingMessage}`; - let exportMessage: HTMLTemplateResult | symbol = nothing; - switch (this.downloadStatus) { - case "generating": { - exportMessage = html`${Strings.from("STATUS_GENERATING_EXPORT")}`; - break; - } - - case "ready": { - exportMessage = html` - ${Strings.from("COMMAND_DOWNLOAD")}`; - break; - } - - default: { - exportMessage = html``; - break; - } - } - const events = this.events && this.events.length ? html` -
${exportMessage}
${repeat( this.events, (event) => event.id, diff --git a/packages/shared-ui/src/elements/editor/editor.ts b/packages/shared-ui/src/elements/editor/editor.ts index c3f1e0ba9cf..20dcba127ac 100644 --- a/packages/shared-ui/src/elements/editor/editor.ts +++ b/packages/shared-ui/src/elements/editor/editor.ts @@ -6,7 +6,6 @@ import * as StringsHelper from "../../strings/helper.js"; const Strings = StringsHelper.forSection("Editor"); -const GlobalStrings = StringsHelper.forSection("Global"); import { BoardServer, @@ -68,9 +67,7 @@ import { NodeDeleteEvent, NodeRunRequestEvent, NodeTypeRetrievalErrorEvent, - RunEvent, ShowTooltipEvent, - StopEvent, WorkspaceSelectionStateEvent, WorkspaceVisualUpdateEvent, } from "../../events/events.js"; @@ -1438,11 +1435,6 @@ export class Editor extends LitElement implements DragConnectorReceiver { } render() { - const isRunning = this.topGraphResult - ? this.topGraphResult.status === "running" || - this.topGraphResult.status === "paused" - : false; - const readOnlyFlag = this.graph !== null && this.readOnly && this.showReadOnlyLabel ? html`` @@ -1478,7 +1470,6 @@ export class Editor extends LitElement implements DragConnectorReceiver { } if (awaitingUpdate.size === 0) { - console.log("Store ready"); this.graphStore?.removeEventListener( "update", onGraphUpdate as EventListener @@ -1569,25 +1560,6 @@ export class Editor extends LitElement implements DragConnectorReceiver { const content = html`
${this.graph && !this.readOnly ? html`
-
- -
+ ${map(sectionNavItems, ({ item, label }) => { const newEventCount = events.length - this.#lastEventPosition; diff --git a/packages/shared-ui/src/strings/en_US/activity-log.ts b/packages/shared-ui/src/strings/en_US/activity-log.ts index 6a729a227a5..0fc1cdd7deb 100644 --- a/packages/shared-ui/src/strings/en_US/activity-log.ts +++ b/packages/shared-ui/src/strings/en_US/activity-log.ts @@ -37,7 +37,7 @@ export default { // Labels. LABEL_WAITING_MESSAGE: { - str: "Tap Start to begin", + str: "Tap Test Project to begin", }, LABEL_DETAILS: { str: "Details", diff --git a/packages/shared-ui/src/strings/en_US/global.ts b/packages/shared-ui/src/strings/en_US/global.ts index 9535b237d04..417bba54e1e 100644 --- a/packages/shared-ui/src/strings/en_US/global.ts +++ b/packages/shared-ui/src/strings/en_US/global.ts @@ -63,7 +63,7 @@ export default { // Labels. LABEL_RUN: { - str: "Start", + str: "Test Project", }, LABEL_STOP: { str: "Stop",