vidpipe 1.3.23 → 1.3.25

package/dist/public/index.html

@@ -150,8 +150,8 @@
 
     function getGroupPlatforms(group) {
       return [...new Set(group.items.map(item => {
-        const platform = normalizePlatform(item.metadata.platform)
-        return PLATFORMS[platform]?.name || item.metadata.platform
+        const platform = normalizePlatform(item.platform)
+        return PLATFORMS[platform]?.name || item.platform
       }))]
     }
 
@@ -238,6 +238,7 @@
             <div class="flex items-center gap-2 text-xs text-gray-500" aria-label="Keyboard shortcuts">
               <kbd class="px-1.5 py-0.5 bg-white/5 rounded border border-white/10">←</kbd> Reject
               <kbd class="px-1.5 py-0.5 bg-white/5 rounded border border-white/10">→</kbd> Approve
+              <kbd class="px-1.5 py-0.5 bg-yellow-500/10 rounded border border-yellow-500/30 text-yellow-400">↑</kbd> <span class="text-yellow-400">Priority</span>
               <kbd class="px-1.5 py-0.5 bg-white/5 rounded border border-white/10">Space</kbd> Skip
             </div>
           </div>
@@ -348,7 +349,7 @@
 
       const mediaType = group.mediaType || 'video'
       const mediaExt = mediaType === 'image' ? 'png' : 'mp4'
-      const mediaUrl = `/media/queue/${encodeURIComponent(firstItem.id)}/media.${mediaExt}`
+      const mediaUrl = firstItem.mediaUrl || `/api/media/${encodeURIComponent(firstItem.id)}/media.${mediaExt}`
 
       if (mediaType === 'image') {
         return html`
@@ -382,7 +383,7 @@
     function ThumbnailPreview({ group }) {
       const firstItem = group.items[0]
       if (!firstItem) return null
-      const thumbnailUrl = '/media/queue/' + encodeURIComponent(firstItem.id) + '/thumbnail.png'
+      const thumbnailUrl = firstItem.thumbnailUrl || '/api/media/' + encodeURIComponent(firstItem.id) + '/thumbnail.png'
       const [loaded, setLoaded] = useState(false)
       const [error, setError] = useState(false)
 
@@ -411,7 +412,7 @@
           <div class="text-xs font-semibold text-gray-400 mb-2">Select platforms to publish:</div>
           <div class="flex flex-wrap gap-2">
             ${group.items.map(item => {
-              const platform = normalizePlatform(item.metadata.platform)
+              const platform = normalizePlatform(item.platform)
               const cfg = PLATFORMS[platform] || { icon: '❓', color: '#888', name: platform }
               const isSelected = selectedPlatforms.includes(item.id)
               const connAcct = accounts[platform]
@@ -454,7 +455,7 @@
           <div class="text-xs font-semibold text-gray-400 mb-2">📝 Posts per platform:</div>
           <div class="space-y-3">
             ${group.items.map(item => {
-              const platform = normalizePlatform(item.metadata.platform)
+              const platform = normalizePlatform(item.platform)
               const cfg = PLATFORMS[platform] || { icon: '❓', color: '#888', name: platform }
               const content = item.postContent || ''
               return html`
@@ -482,7 +483,7 @@
         </div>`
     }
 
-    function ActionButtons({ onReject, onSkip, onApprove, selectedCount }) {
+    function ActionButtons({ onReject, onSkip, onApprove, onPriority, selectedCount }) {
       const approveDisabled = selectedCount === 0
       return html`
         <div class="px-5 py-4 flex items-center justify-center gap-3">
@@ -512,10 +513,22 @@
           >
             <span>✅</span> Approve ${selectedCount > 0 ? `(${selectedCount})` : ''}
           </button>
+          <button 
+            onClick=${onPriority} 
+            class="action-btn flex items-center gap-2 px-5 py-2.5 rounded-xl text-sm font-medium border ${
+              approveDisabled 
+                ? 'bg-gray-500/10 text-gray-500 border-gray-500/20 cursor-not-allowed opacity-50' 
+                : 'bg-yellow-500/10 hover:bg-yellow-500/20 text-yellow-400 border-yellow-500/30'
+            }" 
+            title="Priority approve — jumps to front of queue (↑)"
+            disabled=${approveDisabled}
+          >
+            <span>⚡</span> Priority
+          </button>
         </div>`
     }
 
-    function GroupedPostCard({ group, accounts, selectedPlatforms, onTogglePlatform, animClass, onReject, onSkip, onApprove }) {
+    function GroupedPostCard({ group, accounts, selectedPlatforms, onTogglePlatform, animClass, onReject, onSkip, onApprove, onPriority }) {
       const selectedCount = selectedPlatforms.length
       const groupTitle = getGroupTitle(group)
       const groupPlatforms = getGroupPlatforms(group)
@@ -553,6 +566,7 @@
                 onReject=${onReject} 
                 onSkip=${onSkip} 
                 onApprove=${onApprove}
+                onPriority=${onPriority}
                 selectedCount=${selectedCount}
               />
             </div>
@@ -624,7 +638,7 @@
         if (currentGroup) {
           const availableIds = currentGroup.items
             .filter(item => {
-              const platform = normalizePlatform(item.metadata.platform)
+              const platform = normalizePlatform(item.platform)
               return !!accounts[platform]
             })
             .map(item => item.id)
@@ -648,7 +662,7 @@
         }, 250)
       }, [])
 
-      const approveGroup = useCallback(async () => {
+      const approveGroup = useCallback(async (priority = false) => {
         if (busy || !currentGroup || selectedPlatforms.length === 0) return
         
         const count = selectedPlatforms.length
@@ -658,11 +672,11 @@
         fetch('/api/posts/bulk-approve', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ itemIds: selectedPlatforms }),
+          body: JSON.stringify({ itemIds: selectedPlatforms, priority }),
         }).catch(err => showToast(`Approve failed: ${err.message}`, 'error'))
         
         setStats(s => ({ ...s, approved: s.approved + count }))
-        showToast(`Scheduling ${count} post(s)…`, 'success')
+        showToast(priority ? `⚡ Priority scheduling ${count} post(s)…` : `Scheduling ${count} post(s)…`, 'success')
         
         animateOut(() => {
           setAllGroups(prev => prev.filter(g => g.groupKey !== groupKey))
@@ -706,7 +720,8 @@
           if (busy) return
           switch (e.key) {
             case 'ArrowLeft':  e.preventDefault(); rejectGroup(); break
-            case 'ArrowRight': e.preventDefault(); approveGroup(); break
+            case 'ArrowRight': e.preventDefault(); approveGroup(false); break
+            case 'ArrowUp':    e.preventDefault(); approveGroup(true); break
             case ' ':          e.preventDefault(); skipGroup(); break
           }
         }
@@ -732,7 +747,8 @@
             animClass=${animClass}
             onReject=${rejectGroup}
             onSkip=${skipGroup}
-            onApprove=${approveGroup}
+            onApprove=${() => approveGroup(false)}
+            onPriority=${() => approveGroup(true)}
           />`
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vidpipe",
-  "version": "1.3.23",
+  "version": "1.3.25",
   "description": "AI-powered pipeline that watches for video recordings and generates transcripts, summaries, short clips, and social media posts",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -63,6 +63,8 @@
   "type": "module",
   "dependencies": {
     "@anthropic-ai/sdk": "^0.74.0",
+    "@azure/data-tables": "^13.3.2",
+    "@azure/storage-blob": "^12.31.0",
     "@ffprobe-installer/ffprobe": "^2.1.2",
     "@github/copilot-sdk": "^0.2.0",
     "@google/genai": "^1.41.0",
@@ -71,7 +73,7 @@
     "dotenv": "^17.2.4",
     "express": "^5.2.1",
     "fluent-ffmpeg": "^2.1.3",
-    "ink": "^6.8.0",
+    "ink": "^7.0.1",
     "ink-text-input": "^6.0.0",
     "octokit": "^5.0.5",
     "onnxruntime-node": "^1.24.1",