@mevdragon/vidfarm-devcli 0.8.0 → 0.10.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.
@@ -6834,7 +6834,7 @@ export function renderLibraryPage(input) {
6834
6834
  .library-shell { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 12px; }
6835
6835
  .library-toolbar {
6836
6836
  display: grid;
6837
- grid-template-columns: minmax(220px, 1fr) auto auto auto;
6837
+ grid-template-columns: auto minmax(200px, 1fr) auto auto;
6838
6838
  align-items: center;
6839
6839
  gap: 10px;
6840
6840
  padding: 10px 12px;
@@ -7031,8 +7031,7 @@ export function renderLibraryPage(input) {
7031
7031
  text-overflow: ellipsis;
7032
7032
  white-space: nowrap;
7033
7033
  }
7034
- .library-history-link { min-height: 38px; white-space: nowrap; }
7035
- .library-history-short { display: none; }
7034
+ .library-toolbar .view-toggle { justify-self: start; }
7036
7035
  .library-empty { display: grid; place-items: center; min-height: 260px; border: 1px dashed rgba(191, 164, 109, 0.36); border-radius: 18px; color: #617087; background: rgba(255,252,247,.62); }
7037
7036
  ${renderReadyPostScheduleStyles()}
7038
7037
  @media (max-width: 1180px) {
@@ -7145,24 +7144,27 @@ export function renderLibraryPage(input) {
7145
7144
  .library-body { padding-top: 12px; }
7146
7145
  .library-shell { min-width: 0; }
7147
7146
  .library-list-shell { overflow: visible; padding-right: 0; }
7148
- .library-history-link, .library-options summary {
7147
+ .library-options summary {
7149
7148
  min-height: 38px;
7150
7149
  width: 100%;
7151
7150
  padding: 0 8px;
7152
7151
  white-space: nowrap;
7153
7152
  font-size: 0.86rem;
7154
7153
  }
7155
- .library-history-link {
7156
- flex: 0 0 52px;
7157
- width: 52px;
7154
+ .library-toolbar .view-toggle {
7155
+ flex: 0 0 auto;
7156
+ order: -1;
7157
+ }
7158
+ .library-toolbar .view-toggle-tab {
7159
+ min-height: 38px;
7160
+ padding: 0 12px;
7161
+ font-size: 0.82rem;
7158
7162
  }
7159
7163
  .library-options {
7160
7164
  flex: 0 0 76px;
7161
7165
  width: 76px;
7162
7166
  min-width: 0;
7163
7167
  }
7164
- .library-history-full { display: none; }
7165
- .library-history-short { display: inline; }
7166
7168
  .library-selection-count {
7167
7169
  display: none;
7168
7170
  min-width: 0;
@@ -7247,8 +7249,11 @@ export function renderLibraryPage(input) {
7247
7249
  <div class="frame-body library-body">
7248
7250
  <section class="library-shell">
7249
7251
  <div class="library-toolbar">
7252
+ <div class="view-toggle" role="tablist" aria-label="Library view">
7253
+ <a class="view-toggle-tab is-active" role="tab" aria-current="page" href="${escapeAttribute(withAccountQuery("/library", input.currentAccountId))}">Finished</a>
7254
+ <a class="view-toggle-tab" role="tab" href="${escapeAttribute(withAccountQuery("/clips", input.currentAccountId))}">Clips</a>
7255
+ </div>
7250
7256
  <input class="library-search" data-library-search type="search" placeholder="Search published renders" autocomplete="off">
7251
- <a class="button secondary library-history-link" href="${escapeAttribute(withAccountQuery("/job-runs", input.currentAccountId))}"><span class="library-history-full">Render History</span><span class="library-history-short">Runs</span></a>
7252
7257
  <details class="library-options">
7253
7258
  <summary>Options</summary>
7254
7259
  <div class="library-options-panel">