lightning-pose-app 1.8.1a4__py3-none-any.whl → 1.8.1a6__py3-none-any.whl

{lightning_pose_app-1.8.1a4.dist-info → lightning_pose_app-1.8.1a6.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.3
 Name: lightning-pose-app
-Version: 1.8.1a4
+Version: 1.8.1a6
 Summary: 
 Requires-Python: >=3.10
 Classifier: Programming Language :: Python :: 3
@@ -9,11 +9,14 @@ Classifier: Programming Language :: Python :: 3.11
 Classifier: Programming Language :: Python :: 3.12
 Classifier: Programming Language :: Python :: 3.13
 Provides-Extra: dev
+Requires-Dist: apscheduler (>=3.11.0,<3.12.0)
 Requires-Dist: fastapi (>=0.115.0,<0.116.0)
 Requires-Dist: honcho (>=2.0,<3.0)
 Requires-Dist: httpx (>=0.28.0,<0.29.0) ; extra == "dev"
 Requires-Dist: pytest (>=8.4.0,<8.5.0) ; extra == "dev"
+Requires-Dist: pytest-asyncio (>=1.0.0,<1.1.0) ; extra == "dev"
 Requires-Dist: pytest-mock (>=3.14.0,<3.15.0) ; extra == "dev"
+Requires-Dist: reactivex (>=4.0.0,<4.1.0)
 Requires-Dist: tomli (>=2.2.0,<2.3.0)
 Requires-Dist: tomli_w (>=1.2.0,<1.3.0)
 Requires-Dist: uvicorn[standard] (>=0.34.0,<0.35.0)

{lightning_pose_app-1.8.1a4.dist-info → lightning_pose_app-1.8.1a6.dist-info}/RECORD

@@ -1,29 +1,29 @@
 litpose_app/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 litpose_app/config.py,sha256=6ZqU71kILT6q1IdYgvYKthYQa2cY9nMwgHeRih24F6s,861
 litpose_app/deps.py,sha256=P0o762ufSW-9nqlpYPRtlrxpKBJMzPZ1LLfTDfTl-4U,2552
-litpose_app/main.py,sha256=ftSNNRnToLN_DpRb_EfgarrxWhDmMsMX2fku4qNrzAU,5397
+litpose_app/main.py,sha256=5JTig2OUTwz4ulj87osY2dv6jyLK7QWdda8qQFWMbhY,5526
 litpose_app/ngdist/ng_app/3rdpartylicenses.txt,sha256=8IgJBztx-L-9cLvY7pJB5PSXQJiBowGNUNV7knEAeq0,25355
 litpose_app/ngdist/ng_app/app.component-UAQUAGNZ.css.map,sha256=e6lXWzmK3xppKK3tXHUccK1yGZqd1kzyTpDH0F1nC2g,344
 litpose_app/ngdist/ng_app/error-dialog.component-HYLQSJEP.css.map,sha256=zJuF-LfB994Y1IrnIz38mariDFb8yucffbWPXgHGbvw,355
 litpose_app/ngdist/ng_app/favicon.ico,sha256=QtbXVfx3HI-WqWh_kkBIQyYzJsDmLw_3Y4_UN7pBepE,15406
-litpose_app/ngdist/ng_app/index.html,sha256=y1By3uv-f39NnrfG7hmIPhzC0f0FEDY0U70oqmU6NlQ,23004
-litpose_app/ngdist/ng_app/main-VCJFCLFP.js,sha256=qKG_Ev1-OoVeTeqIVv9DKN8YmfIp2zn6-gBUNFVW__4,2725077
-litpose_app/ngdist/ng_app/main-VCJFCLFP.js.map,sha256=f68Eh0pGhxR0Ol3rkdj4ifPljiw-rnv4JgFBWXsdDmA,5561146
+litpose_app/ngdist/ng_app/index.html,sha256=uAxK4hbyle-UKhyTAsrw1cu58fjjxLeqsncM2B7K5BY,23004
+litpose_app/ngdist/ng_app/main-6XYUWDGZ.js,sha256=YEVSJsmLG2dY2eCysK94fpyH0i_hQeu4HhiMcvNNAUU,2728575
+litpose_app/ngdist/ng_app/main-6XYUWDGZ.js.map,sha256=c9fz2QQcpITVuTOLWnH7Dpwlu7Rs7uu_4mwOaIppXV0,5566423
 litpose_app/ngdist/ng_app/prerendered-routes.json,sha256=p53cyKEVGQ6cGUee02kUdBp9HbdPChFTUp78gHJVBf4,18
 litpose_app/ngdist/ng_app/project-settings.component-HKHIVUJR.css.map,sha256=v5tyba9p8ec3ZbHYyyUGTEFdEAsqT0l7JqtGRGjki6w,371
-litpose_app/ngdist/ng_app/styles-ZM27COY6.css,sha256=3bpOGHzSsXAbzY4LgMt2d5xCLL0uY2HjdURJj1Rr3r0,69517
-litpose_app/ngdist/ng_app/styles-ZM27COY6.css.map,sha256=w1T6js2TzjwM4XKfCmyGpfWeqkqzolJbll3wXCRl8Go,75027
+litpose_app/ngdist/ng_app/styles-GMK322VW.css,sha256=hsx8mqn1GJz1K4hFkWtvdJGepSfwRbKqHBccACeeKWM,71456
+litpose_app/ngdist/ng_app/styles-GMK322VW.css.map,sha256=nMiO7KAXlT-FbMAW50S3-EGO29g-AU2tS4eZPN5GEVk,75475
 litpose_app/ngdist/ng_app/video-player-controls.component-C4JZHYJ2.css.map,sha256=vX-dgeDCUCPLiea4Qy9O_EBm6IzzwB7R_uSBa0qU5Go,771
 litpose_app/ngdist/ng_app/video-tile.component-RDL4BSJ4.css.map,sha256=_pZ7FxqOAu535JfrRv1TSKgRpDyQvn9Q0U39KHyJ980,332
 litpose_app/ngdist/ng_app/viewer-page.component-KDHT6XH5.css.map,sha256=Uf1FgoCiF_qJpD4Ggk34Dq7kM73Q7i7NT6h3m30tbaY,211
 litpose_app/routes/ffprobe.py,sha256=UVKDu4ghXkYNuzI-91KPMNpQukHV9Goeps7ex_lG_SU,5526
 litpose_app/routes/files.py,sha256=HHyug226s_M4jMi8q7oI2dTWHTKu_J_c7vIbG0rdk9s,3102
 litpose_app/routes/project.py,sha256=pQW7zFdGHMy_eE0Z1bIXs9QLkV1-_MwFHsZR51-H6uQ,1957
-litpose_app/routes/transcode.py,sha256=9C4mMNgh0W7BHI2gdEnnoxMHVAoXag3eCXYhqOvUte4,2071
+litpose_app/routes/transcode.py,sha256=0p2GmQntbSDlBxhXiH9AeDXs44uRxfa1eiVNqt0LjUk,4848
 litpose_app/tasks/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-litpose_app/tasks/management.py,sha256=9wKT8i3CE8ueRCP3DpNd21UMy2_3Kn_LMLBp0dGStFc,120
+litpose_app/tasks/management.py,sha256=Z_XYJsy4Mlz_0tQwITsnkPk-ugkMFa4ek6NcFrhTH74,831
 litpose_app/tasks/transcode_fine.py,sha256=bX8OblwMO_xaXXqZXJmmQPprCYIpPGHiboyEJli6FHs,209
-litpose_app/transcode_fine.py,sha256=zJKj1ozTSnmAEOddiqdy3ekRKdEAiNm2oMe9bcx520c,6142
-lightning_pose_app-1.8.1a4.dist-info/METADATA,sha256=sIyFToit6PIpDi4jTpjALkGwPXPp-u0l6znOtkpfsIQ,793
-lightning_pose_app-1.8.1a4.dist-info/WHEEL,sha256=b4K_helf-jlQoXBBETfwnf4B04YC67LOev0jo4fX5m8,88
-lightning_pose_app-1.8.1a4.dist-info/RECORD,,
+litpose_app/transcode_fine.py,sha256=YVrKg6IxrLEi0mWVWQqt89NHD6IAwYS512mw-4zkp54,6188
+lightning_pose_app-1.8.1a6.dist-info/METADATA,sha256=BNsYWKmm_MrPjv7TS4NIfkM1DpAkhSHvwgIh9G4fejo,945
+lightning_pose_app-1.8.1a6.dist-info/WHEEL,sha256=b4K_helf-jlQoXBBETfwnf4B04YC67LOev0jo4fX5m8,88
+lightning_pose_app-1.8.1a6.dist-info/RECORD,,

litpose_app/main.py

@@ -12,6 +12,7 @@ from starlette.responses import Response
 from starlette.staticfiles import StaticFiles
 
 from . import deps
+from .tasks.management import setup_active_task_registry
 
 ## Setup logging
 logging.basicConfig(
@@ -26,7 +27,9 @@ async def lifespan(app: FastAPI):
     # Start apscheduler, which is responsible for executing background tasks
     logger.info("Application startup: Initializing scheduler...")
     scheduler = deps.scheduler()
+    app.state.scheduler = scheduler
     scheduler.start()
+    setup_active_task_registry(app)
 
     yield  # Application is now ready to receive requests
 

litpose_app/ngdist/ng_app/index.html

@@ -445,8 +445,8 @@
     }
   }
 }
-</style><link rel="stylesheet" href="/static/styles-ZM27COY6.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/static/styles-ZM27COY6.css"></noscript></head>
+</style><link rel="stylesheet" href="/static/styles-GMK322VW.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/static/styles-GMK322VW.css"></noscript></head>
   <body>
     <app-root></app-root>
-  <script src="/static/main-VCJFCLFP.js" type="module"></script></body>
+  <script src="/static/main-6XYUWDGZ.js" type="module"></script></body>
 </html>

litpose_app/ngdist/ng_app/{main-VCJFCLFP.js → main-6XYUWDGZ.js}

@@ -40223,10 +40223,19 @@ var SessionService = class _SessionService {
   predictionFiles = [];
   projectInfoService = inject(ProjectInfoService);
   csvParser = inject(CsvParserService);
+  sessionsLoading = signal(false);
   _allSessions = new BehaviorSubject([]);
   allSessions$ = this._allSessions.asObservable();
   allSessions = toSignal(this.allSessions$, { requireSync: true });
   async loadSessions() {
+    try {
+      this.sessionsLoading.set(true);
+      await this._loadSessions();
+    } finally {
+      this.sessionsLoading.set(false);
+    }
+  }
+  async _loadSessions() {
     const projectInfo = this.projectInfoService.projectInfo;
     const response = await this.rpc.call("rglob", {
       baseDir: projectInfo.data_dir,
@@ -54348,12 +54357,72 @@ var ScrollingModule = class _ScrollingModule {
   }], null, null);
 })();
 
+// src/app/utils/sserx.ts
+function getEventStream(endpoint) {
+  return new Observable((observer) => {
+    if (typeof EventSource === "undefined") {
+      observer.error("EventSource is not supported by this browser.");
+      return;
+    }
+    const eventSource = new EventSource(`${endpoint}`);
+    eventSource.onmessage = (event) => {
+      console.log("Received SSE message:", event.data);
+      observer.next(JSON.parse(event.data));
+    };
+    eventSource.onerror = (error) => {
+      console.error("SSE Error:", error);
+      if (eventSource.readyState === EventSource.CLOSED) {
+        observer.error("SSE connection closed by server.");
+      } else {
+        observer.error(error);
+      }
+    };
+    return () => {
+      console.log("Closing SSE connection.");
+      eventSource.close();
+    };
+  });
+}
+
+// src/app/utils/fine-video.service.ts
+var FineVideoService = class _FineVideoService {
+  projectInfoService = inject(ProjectInfoService);
+  fineVideoStatus$ = getEventStream("/app/v0/rpc/getFineVideoStatus");
+  numPendingTranscodeTasks = toSignal(this.fineVideoStatus$, {
+    initialValue: { pending: 0 }
+  });
+  fineVideoPath(videoPath) {
+    if (!this.projectInfoService.fineVideoDir) {
+      throw new Error("ProjectInfoService.fineVideoDir called but not yet initialized");
+    }
+    const filename = videoPath.split("/").pop();
+    return "/app/v0/files/" + this.projectInfoService.fineVideoDir + "/" + filename;
+  }
+  static \u0275fac = function FineVideoService_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || _FineVideoService)();
+  };
+  static \u0275prov = /* @__PURE__ */ \u0275\u0275defineInjectable({ token: _FineVideoService, factory: _FineVideoService.\u0275fac, providedIn: "root" });
+};
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(FineVideoService, [{
+    type: Injectable,
+    args: [{
+      providedIn: "root"
+    }]
+  }], null, null);
+})();
+
 // src/app/viewer/viewer-left-panel/viewer-sessions-panel.component.ts
 var _c03 = (a0) => ["/viewer", a0];
 var _forTrack0 = ($index, $item) => $item.key;
-function ViewerSessionsPanelComponent_For_16_Template(rf, ctx) {
+function ViewerSessionsPanelComponent_Conditional_5_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275element(0, "progress", 3);
+  }
+}
+function ViewerSessionsPanelComponent_Conditional_6_For_3_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275elementStart(0, "li", 9)(1, "a", 10);
+    \u0275\u0275elementStart(0, "li", 7)(1, "a", 8);
     \u0275\u0275text(2);
     \u0275\u0275elementEnd()();
   }
@@ -54365,29 +54434,51 @@ function ViewerSessionsPanelComponent_For_16_Template(rf, ctx) {
     \u0275\u0275textInterpolate1(" ", session_r1.key, " ");
   }
 }
+function ViewerSessionsPanelComponent_Conditional_6_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "div", 4)(1, "ul", 6);
+    \u0275\u0275repeaterCreate(2, ViewerSessionsPanelComponent_Conditional_6_For_3_Template, 3, 4, "li", 7, _forTrack0);
+    \u0275\u0275elementEnd()();
+  }
+  if (rf & 2) {
+    const ctx_r1 = \u0275\u0275nextContext();
+    \u0275\u0275advance(2);
+    \u0275\u0275repeater(ctx_r1.sessionService.allSessions());
+  }
+}
+function ViewerSessionsPanelComponent_Conditional_7_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "div", 5)(1, "span", 9);
+    \u0275\u0275text(2, "info_i");
+    \u0275\u0275elementEnd();
+    \u0275\u0275elementStart(3, "span");
+    \u0275\u0275text(4, "Videos will populate once they are transcoded.");
+    \u0275\u0275elementEnd()();
+  }
+}
 var ViewerSessionsPanelComponent = class _ViewerSessionsPanelComponent {
   sessionService = inject(SessionService);
+  fineVideoService = inject(FineVideoService);
   static \u0275fac = function ViewerSessionsPanelComponent_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _ViewerSessionsPanelComponent)();
   };
-  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _ViewerSessionsPanelComponent, selectors: [["app-sessions-panel"]], decls: 17, vars: 0, consts: [[1, "flex", "justify-between"], [1, "px-2"], [1, "dropdown", "dropdown-end"], [1, "btn", "btn-xs", "btn-ghost"], [1, "material-icons", "text-base!"], ["tabindex", "0", 1, "dropdown-content", "menu", "menu-sm", "bg-base-100", "z-40", "w-52", "p-2", "shadow-sm"], [1, "panel-content", "inset-shadow-xs", "inset-shadow-black/30"], [1, "overflow-x-auto"], ["tabindex", "0", "role", "listbox", 1, "w-fit", "relative"], ["routerLinkActive", "bg-sky-700", 1, "text-nowrap"], ["role", "option", 1, "p-1", "block", "hover:bg-base-content/10", "rounded-sm", 3, "routerLink"]], template: function ViewerSessionsPanelComponent_Template(rf, ctx) {
+  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _ViewerSessionsPanelComponent, selectors: [["app-sessions-panel"]], decls: 8, vars: 2, consts: [[1, "flex", "justify-between"], [1, "px-2"], [1, "panel-content", "inset-shadow-xs", "inset-shadow-black/30", "overflow-y-auto", "h-120"], [1, "progress", "w-full"], [1, "overflow-x-auto"], [1, "text-sm", "flex"], ["tabindex", "0", "role", "listbox", 1, "w-fit", "relative"], ["routerLinkActive", "bg-sky-700", 1, "text-nowrap"], ["role", "option", 1, "p-1", "block", "hover:bg-base-content/10", "rounded-sm", 3, "routerLink"], [1, "material-icons", "!text-sm", "max-w-4"]], template: function ViewerSessionsPanelComponent_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "div", 0)(1, "h1", 1);
       \u0275\u0275text(2, "Sessions");
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(3, "div")(4, "div", 2)(5, "button", 3)(6, "span", 4);
-      \u0275\u0275text(7, "more_vert");
-      \u0275\u0275elementEnd()();
-      \u0275\u0275elementStart(8, "ul", 5)(9, "li")(10, "a");
-      \u0275\u0275text(11, "Change grouping rule");
-      \u0275\u0275elementEnd()()()()()();
-      \u0275\u0275elementStart(12, "div", 6)(13, "div", 7)(14, "ul", 8);
-      \u0275\u0275repeaterCreate(15, ViewerSessionsPanelComponent_For_16_Template, 3, 4, "li", 9, _forTrack0);
-      \u0275\u0275elementEnd()()();
+      \u0275\u0275element(3, "div");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(4, "div", 2);
+      \u0275\u0275template(5, ViewerSessionsPanelComponent_Conditional_5_Template, 1, 0, "progress", 3)(6, ViewerSessionsPanelComponent_Conditional_6_Template, 4, 0, "div", 4);
+      \u0275\u0275elementEnd();
+      \u0275\u0275template(7, ViewerSessionsPanelComponent_Conditional_7_Template, 5, 0, "div", 5);
     }
     if (rf & 2) {
-      \u0275\u0275advance(15);
-      \u0275\u0275repeater(ctx.sessionService.allSessions());
+      \u0275\u0275advance(5);
+      \u0275\u0275conditional(ctx.sessionService.sessionsLoading() ? 5 : 6);
+      \u0275\u0275advance(2);
+      \u0275\u0275conditional(ctx.fineVideoService.numPendingTranscodeTasks().pending > 0 ? 7 : -1);
     }
   }, dependencies: [RouterLink, RouterLinkActive, MatListModule, ScrollingModule], encapsulation: 2, changeDetection: 0 });
 };
@@ -54399,7 +54490,9 @@ var ViewerSessionsPanelComponent = class _ViewerSessionsPanelComponent {
   <!--header row-->
   <h1 class="px-2">Sessions</h1>
   <div>
-    <!-- right side of section -->
+    <!-- right side of sessions header -->
+    <!-- Add three dots dropdown with "change grouping rule". Stashed. -->
+    <!--
     <div class="dropdown dropdown-end">
       <button class="btn btn-xs btn-ghost">
         <span class="material-icons text-base!">more_vert</span>
@@ -54411,31 +54504,44 @@ var ViewerSessionsPanelComponent = class _ViewerSessionsPanelComponent {
         <li><a>Change grouping rule</a></li>
       </ul>
     </div>
+      -->
   </div>
 </div>
-<div class="panel-content inset-shadow-xs inset-shadow-black/30">
-  <!--panel content-->
-  <div class="overflow-x-auto">
-    <ul class="w-fit relative" tabindex="0" role="listbox">
-      @for (session of sessionService.allSessions(); track session.key) {
-        <li class="text-nowrap" routerLinkActive="bg-sky-700">
-          <a
-            role="option"
-            class="p-1 block hover:bg-base-content/10 rounded-sm"
-            [routerLink]="['/viewer', session.key]"
-          >
-            {{ session.key }}
-          </a>
-        </li>
-      }
-    </ul>
-  </div>
+<div
+  class="panel-content inset-shadow-xs inset-shadow-black/30 overflow-y-auto h-120"
+>
+  @if (sessionService.sessionsLoading()) {
+    <progress class="progress w-full"></progress>
+  } @else {
+    <!--panel content-->
+    <div class="overflow-x-auto">
+      <ul class="w-fit relative" tabindex="0" role="listbox">
+        @for (session of sessionService.allSessions(); track session.key) {
+          <li class="text-nowrap" routerLinkActive="bg-sky-700">
+            <a
+              role="option"
+              class="p-1 block hover:bg-base-content/10 rounded-sm"
+              [routerLink]="['/viewer', session.key]"
+            >
+              {{ session.key }}
+            </a>
+          </li>
+        }
+      </ul>
+    </div>
+  }
 </div>
+@if (fineVideoService.numPendingTranscodeTasks().pending > 0) {
+  <div class="text-sm flex">
+    <span class="material-icons !text-sm max-w-4">info_i</span>
+    <span>Videos will populate once they are transcoded.</span>
+  </div>
+}
 ` }]
   }], null, null);
 })();
 (() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(ViewerSessionsPanelComponent, { className: "ViewerSessionsPanelComponent", filePath: "src/app/viewer/viewer-left-panel/viewer-sessions-panel.component.ts", lineNumber: 24 });
+  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(ViewerSessionsPanelComponent, { className: "ViewerSessionsPanelComponent", filePath: "src/app/viewer/viewer-left-panel/viewer-sessions-panel.component.ts", lineNumber: 25 });
 })();
 
 // src/app/view-settings.model.ts
@@ -59050,30 +59156,6 @@ var Pair = class _Pair {
   }
 };
 
-// src/app/utils/fine-video.service.ts
-var FineVideoService = class _FineVideoService {
-  projectInfoService = inject(ProjectInfoService);
-  fineVideoPath(videoPath) {
-    if (!this.projectInfoService.fineVideoDir) {
-      throw new Error("ProjectInfoService.fineVideoDir called but not yet initialized");
-    }
-    const filename = videoPath.split("/").pop();
-    return "/app/v0/files/" + this.projectInfoService.fineVideoDir + "/" + filename;
-  }
-  static \u0275fac = function FineVideoService_Factory(__ngFactoryType__) {
-    return new (__ngFactoryType__ || _FineVideoService)();
-  };
-  static \u0275prov = /* @__PURE__ */ \u0275\u0275defineInjectable({ token: _FineVideoService, factory: _FineVideoService.\u0275fac, providedIn: "root" });
-};
-(() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(FineVideoService, [{
-    type: Injectable,
-    args: [{
-      providedIn: "root"
-    }]
-  }], null, null);
-})();
-
 // src/app/viewer/viewer-center-panel/viewer-center-panel.component.ts
 var _forTrack03 = ($index, $item) => $item.videoSrc;
 function ViewerCenterPanelComponent_For_3_Template(rf, ctx) {
@@ -66343,31 +66425,38 @@ view2
 
 // src/app/app.component.ts
 var _c08 = ["settingsDialog"];
-function AppComponent_Conditional_18_Template(rf, ctx) {
+function AppComponent_Conditional_14_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275element(0, "router-outlet");
+    \u0275\u0275elementStart(0, "div", 9);
+    \u0275\u0275element(1, "span", 15);
+    \u0275\u0275elementEnd();
   }
 }
 function AppComponent_Conditional_19_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275element(0, "app-project-settings", 12);
+    \u0275\u0275element(0, "router-outlet");
+  }
+}
+function AppComponent_Conditional_20_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275element(0, "app-project-settings", 13);
   }
   if (rf & 2) {
     \u0275\u0275property("setupMode", true);
   }
 }
-function AppComponent_Conditional_22_Template(rf, ctx) {
+function AppComponent_Conditional_23_Template(rf, ctx) {
   if (rf & 1) {
     const _r2 = \u0275\u0275getCurrentView();
-    \u0275\u0275elementStart(0, "app-project-settings", 14);
-    \u0275\u0275listener("done", function AppComponent_Conditional_22_Template_app_project_settings_done_0_listener() {
+    \u0275\u0275elementStart(0, "app-project-settings", 16);
+    \u0275\u0275listener("done", function AppComponent_Conditional_23_Template_app_project_settings_done_0_listener() {
       \u0275\u0275restoreView(_r2);
       const ctx_r2 = \u0275\u0275nextContext();
       return \u0275\u0275resetView(ctx_r2.settingsDialogOpen.set(false));
     });
     \u0275\u0275elementEnd();
-    \u0275\u0275elementStart(1, "div", 15)(2, "button", 16);
-    \u0275\u0275listener("click", function AppComponent_Conditional_22_Template_button_click_2_listener() {
+    \u0275\u0275elementStart(1, "div", 17)(2, "button", 18);
+    \u0275\u0275listener("click", function AppComponent_Conditional_23_Template_button_click_2_listener() {
       \u0275\u0275restoreView(_r2);
       const ctx_r2 = \u0275\u0275nextContext();
       return \u0275\u0275resetView(ctx_r2.settingsDialogOpen.set(false));
@@ -66378,6 +66467,7 @@ function AppComponent_Conditional_22_Template(rf, ctx) {
 }
 var AppComponent = class _AppComponent {
   projectInfoService = inject(ProjectInfoService);
+  fineVideoService = inject(FineVideoService);
   // Whether the required initial setup has been done.
   // (Setting data directory, model directory, views).
   projectInfoRequestCompleted = signal(false);
@@ -66416,7 +66506,7 @@ var AppComponent = class _AppComponent {
     if (rf & 2) {
       \u0275\u0275queryAdvance();
     }
-  }, decls: 23, vars: 4, consts: [["settingsDialog", ""], [1, "navbar", "bg-base-200", "shadow-lg"], [1, "navbar-start"], [1, "text-lg", "font-semibold"], [1, "navbar-center"], [1, "menu", "menu-horizontal", "p-0"], ["routerLink", "/viewer", "routerLinkActive", "menu-active", "ariaCurrentWhenActive", "page"], ["routerLink", "/labeler", "routerLinkActive", "menu-active", "ariaCurrentWhenActive", "page"], [1, "navbar-end"], ["tabindex", "0", 1, "btn", "btn-ghost", 3, "click", "keydown.enter"], [1, "material-icons"], [1, "flex-grow", "flex", "min-h-0"], [1, "w-lg", "mt-8", 3, "setupMode"], [1, "modal"], [1, "modal-box", 3, "done"], [1, "modal-backdrop"], [3, "click"]], template: function AppComponent_Template(rf, ctx) {
+  }, decls: 24, vars: 5, consts: [["settingsDialog", ""], [1, "navbar", "bg-base-200", "shadow-lg"], [1, "navbar-start"], [1, "text-lg", "font-semibold"], [1, "navbar-center"], [1, "menu", "menu-horizontal", "p-0"], ["routerLink", "/viewer", "routerLinkActive", "menu-active", "ariaCurrentWhenActive", "page"], ["routerLink", "/labeler", "routerLinkActive", "menu-active", "ariaCurrentWhenActive", "page"], [1, "navbar-end"], ["data-tip", "Transcoding videos...", 1, "tooltip", "tooltip-left"], ["tabindex", "0", 1, "btn", "btn-ghost", 3, "click", "keydown.enter"], [1, "material-icons"], [1, "flex-grow", "flex", "min-h-0"], [1, "w-lg", "mt-8", 3, "setupMode"], [1, "modal"], [1, "loading", "loading-bars", "loading-xs"], [1, "modal-box", 3, "done"], [1, "modal-backdrop"], [3, "click"]], template: function AppComponent_Template(rf, ctx) {
     if (rf & 1) {
       const _r1 = \u0275\u0275getCurrentView();
       \u0275\u0275elementStart(0, "header")(1, "nav", 1)(2, "div", 2)(3, "span", 3);
@@ -66428,31 +66518,35 @@ var AppComponent = class _AppComponent {
       \u0275\u0275elementStart(10, "li")(11, "a", 7);
       \u0275\u0275text(12, "Labeler");
       \u0275\u0275elementEnd()()()();
-      \u0275\u0275elementStart(13, "div", 8)(14, "button", 9);
-      \u0275\u0275listener("click", function AppComponent_Template_button_click_14_listener() {
+      \u0275\u0275elementStart(13, "div", 8);
+      \u0275\u0275template(14, AppComponent_Conditional_14_Template, 2, 0, "div", 9);
+      \u0275\u0275elementStart(15, "button", 10);
+      \u0275\u0275listener("click", function AppComponent_Template_button_click_15_listener() {
         \u0275\u0275restoreView(_r1);
         return \u0275\u0275resetView(ctx.settingsDialogOpen.set(true));
-      })("keydown.enter", function AppComponent_Template_button_keydown_enter_14_listener() {
+      })("keydown.enter", function AppComponent_Template_button_keydown_enter_15_listener() {
         \u0275\u0275restoreView(_r1);
         return \u0275\u0275resetView(ctx.settingsDialogOpen.set(true));
       });
-      \u0275\u0275elementStart(15, "span", 10);
-      \u0275\u0275text(16, "settings");
+      \u0275\u0275elementStart(16, "span", 11);
+      \u0275\u0275text(17, "settings");
       \u0275\u0275elementEnd()()()()();
-      \u0275\u0275elementStart(17, "main", 11);
-      \u0275\u0275template(18, AppComponent_Conditional_18_Template, 1, 0, "router-outlet")(19, AppComponent_Conditional_19_Template, 1, 1, "app-project-settings", 12);
+      \u0275\u0275elementStart(18, "main", 12);
+      \u0275\u0275template(19, AppComponent_Conditional_19_Template, 1, 0, "router-outlet")(20, AppComponent_Conditional_20_Template, 1, 1, "app-project-settings", 13);
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(20, "dialog", 13, 0);
-      \u0275\u0275template(22, AppComponent_Conditional_22_Template, 4, 0);
+      \u0275\u0275elementStart(21, "dialog", 14, 0);
+      \u0275\u0275template(23, AppComponent_Conditional_23_Template, 4, 0);
       \u0275\u0275elementEnd();
     }
     if (rf & 2) {
-      \u0275\u0275advance(17);
+      \u0275\u0275advance(14);
+      \u0275\u0275conditional(ctx.fineVideoService.numPendingTranscodeTasks().pending > 0 ? 14 : -1);
+      \u0275\u0275advance(4);
       \u0275\u0275classProp("justify-center", !ctx.hasBeenSetup());
       \u0275\u0275advance();
-      \u0275\u0275conditional(ctx.hasBeenSetup() ? 18 : 19);
+      \u0275\u0275conditional(ctx.hasBeenSetup() ? 19 : 20);
       \u0275\u0275advance(4);
-      \u0275\u0275conditional(ctx.settingsDialogOpen() ? 22 : -1);
+      \u0275\u0275conditional(ctx.settingsDialogOpen() ? 23 : -1);
     }
   }, dependencies: [
     RouterOutlet,
@@ -66469,13 +66563,13 @@ var AppComponent = class _AppComponent {
       RouterLink,
       RouterLinkActive,
       ProjectSettingsComponent
-    ], changeDetection: ChangeDetectionStrategy.OnPush, template: '<style>\n  :host {\n    display: flex;\n    flex-direction: column;\n    height: 100vh;\n  }\n  .navbar {\n    min-height: 3rem; /* reduce from default of 4rem */\n  }\n</style>\n<header>\n  <nav class="navbar bg-base-200 shadow-lg">\n    <div class="navbar-start">\n      <span class="text-lg font-semibold">Lightning Pose</span>\n    </div>\n\n    <div class="navbar-center">\n      <ul class="menu menu-horizontal p-0">\n        <li>\n          <a\n            routerLink="/viewer"\n            routerLinkActive="menu-active"\n            ariaCurrentWhenActive="page"\n            >Viewer</a\n          >\n        </li>\n        <li>\n          <a\n            routerLink="/labeler"\n            routerLinkActive="menu-active"\n            ariaCurrentWhenActive="page"\n            >Labeler</a\n          >\n        </li>\n      </ul>\n    </div>\n\n    <div class="navbar-end">\n      <button\n        class="btn btn-ghost"\n        tabindex="0"\n        (click)="settingsDialogOpen.set(true)"\n        (keydown.enter)="settingsDialogOpen.set(true)"\n      >\n        <span class="material-icons">settings</span>\n      </button>\n    </div>\n  </nav>\n</header>\n\n<!-- Set min-height: 0 to allow it to shrink if its content is too large.\n  Default min-height for flex items is auto. -->\n<main class="flex-grow flex min-h-0" [class.justify-center]="!hasBeenSetup()">\n  @if (hasBeenSetup()) {\n    <router-outlet />\n  } @else {\n    <app-project-settings\n      [setupMode]="true"\n      class="w-lg mt-8"\n    ></app-project-settings>\n  }\n</main>\n\n<!-- Settings dialog -->\n<dialog #settingsDialog class="modal">\n  @if (settingsDialogOpen()) {\n    <app-project-settings\n      class="modal-box"\n      (done)="settingsDialogOpen.set(false)"\n    ></app-project-settings>\n\n    <!-- Makes the dialog close when clicked from outside. -->\n    <div class="modal-backdrop">\n      <button (click)="settingsDialogOpen.set(false)">close</button>\n    </div>\n  }\n</dialog>\n', styles: ["/* angular:styles/component:css;22d8514f1dd5b50f33b3fb93fdb69668f78eeb349bd672e238e3ac9acfbbda19;/home/ksikka/work/lightning-pose-app/web_ui/src/app/app.component.html */\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n}\n.navbar {\n  min-height: 3rem;\n}\n/*# sourceMappingURL=/static/app.component-UAQUAGNZ.css.map */\n"] }]
+    ], changeDetection: ChangeDetectionStrategy.OnPush, template: '<style>\n  :host {\n    display: flex;\n    flex-direction: column;\n    height: 100vh;\n  }\n  .navbar {\n    min-height: 3rem; /* reduce from default of 4rem */\n  }\n</style>\n<header>\n  <nav class="navbar bg-base-200 shadow-lg">\n    <div class="navbar-start">\n      <span class="text-lg font-semibold">Lightning Pose</span>\n    </div>\n\n    <div class="navbar-center">\n      <ul class="menu menu-horizontal p-0">\n        <li>\n          <a\n            routerLink="/viewer"\n            routerLinkActive="menu-active"\n            ariaCurrentWhenActive="page"\n            >Viewer</a\n          >\n        </li>\n        <li>\n          <a\n            routerLink="/labeler"\n            routerLinkActive="menu-active"\n            ariaCurrentWhenActive="page"\n            >Labeler</a\n          >\n        </li>\n      </ul>\n    </div>\n\n    <div class="navbar-end">\n      @if (fineVideoService.numPendingTranscodeTasks().pending > 0) {\n        <div class="tooltip tooltip-left" data-tip="Transcoding videos...">\n          <span class="loading loading-bars loading-xs"></span>\n        </div>\n      }\n\n      <button\n        class="btn btn-ghost"\n        tabindex="0"\n        (click)="settingsDialogOpen.set(true)"\n        (keydown.enter)="settingsDialogOpen.set(true)"\n      >\n        <span class="material-icons">settings</span>\n      </button>\n    </div>\n  </nav>\n</header>\n\n<!-- Set min-height: 0 to allow it to shrink if its content is too large.\n  Default min-height for flex items is auto. -->\n<main class="flex-grow flex min-h-0" [class.justify-center]="!hasBeenSetup()">\n  @if (hasBeenSetup()) {\n    <router-outlet />\n  } @else {\n    <app-project-settings\n      [setupMode]="true"\n      class="w-lg mt-8"\n    ></app-project-settings>\n  }\n</main>\n\n<!-- Settings dialog -->\n<dialog #settingsDialog class="modal">\n  @if (settingsDialogOpen()) {\n    <app-project-settings\n      class="modal-box"\n      (done)="settingsDialogOpen.set(false)"\n    ></app-project-settings>\n\n    <!-- Makes the dialog close when clicked from outside. -->\n    <div class="modal-backdrop">\n      <button (click)="settingsDialogOpen.set(false)">close</button>\n    </div>\n  }\n</dialog>\n', styles: ["/* angular:styles/component:css;22d8514f1dd5b50f33b3fb93fdb69668f78eeb349bd672e238e3ac9acfbbda19;/home/ksikka/work/lightning-pose-app/web_ui/src/app/app.component.html */\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n}\n.navbar {\n  min-height: 3rem;\n}\n/*# sourceMappingURL=/static/app.component-UAQUAGNZ.css.map */\n"] }]
   }], () => [], null);
 })();
 (() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(AppComponent, { className: "AppComponent", filePath: "src/app/app.component.ts", lineNumber: 27 });
+  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(AppComponent, { className: "AppComponent", filePath: "src/app/app.component.ts", lineNumber: 28 });
 })();
 
 // src/main.ts
 bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err));
-//# sourceMappingURL=main-VCJFCLFP.js.map
+//# sourceMappingURL=main-6XYUWDGZ.js.map