@jazzmind/busibox-app 3.0.18

package/dist/components/videos/VideoShareModal.js

@@ -0,0 +1,171 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { VideoVisibility } from '../../types/video';
+import { UserSearchInput } from './UserSearchInput';
+import { useBusiboxApi, useCrossAppBasePath } from '../../contexts/ApiContext';
+import { fetchServiceFirstFallbackNext } from '../../lib/http/fetch-with-fallback';
+export function VideoShareModal({ video, isOpen, onClose, onSharesUpdated }) {
+    const api = useBusiboxApi();
+    const mediaBasePath = useCrossAppBasePath('media');
+    const [selectedUsers, setSelectedUsers] = useState([]);
+    const [isSharing, setIsSharing] = useState(false);
+    const [isChangingVisibility, setIsChangingVisibility] = useState(false);
+    const [error, setError] = useState(null);
+    const [success, setSuccess] = useState(null);
+    const hasShares = (v) => {
+        return 'shares' in v && Array.isArray(v.shares);
+    };
+    const shares = hasShares(video) ? video.shares : [];
+    useEffect(() => {
+        if (isOpen) {
+            setSelectedUsers([]);
+            setError(null);
+            setSuccess(null);
+        }
+    }, [isOpen]);
+    if (!isOpen)
+        return null;
+    const baseUrl = api.services?.videoApiUrl ?? api.services?.agentApiUrl;
+    const handleSelectUser = (user) => {
+        if (!selectedUsers.find((u) => u.id === user.id))
+            setSelectedUsers([...selectedUsers, user]);
+    };
+    const handleRemoveSelectedUser = (userId) => {
+        setSelectedUsers(selectedUsers.filter((u) => u.id !== userId));
+    };
+    const handleShareWithUsers = async () => {
+        setError(null);
+        setSuccess(null);
+        if (selectedUsers.length === 0) {
+            setError('Please select at least one user');
+            return;
+        }
+        setIsSharing(true);
+        try {
+            const endpoint = `/api/videos/${video.id}/share`;
+            const body = JSON.stringify({ shareWithUserIds: selectedUsers.map((u) => u.id) });
+            const response = await fetchServiceFirstFallbackNext({
+                service: {
+                    baseUrl,
+                    path: endpoint,
+                    init: { method: 'POST', headers: { 'Content-Type': 'application/json' }, body },
+                },
+                next: {
+                    nextApiBasePath: mediaBasePath,
+                    path: endpoint,
+                    init: { method: 'POST', headers: { 'Content-Type': 'application/json' }, body },
+                },
+                fallback: {
+                    fallbackOnNetworkError: api.fallback?.fallbackOnNetworkError ?? true,
+                    fallbackStatuses: [
+                        ...(api.fallback?.fallbackStatuses ?? [404, 405, 501, 502, 503, 504]),
+                        401,
+                        403,
+                    ],
+                },
+                serviceHeaders: api.serviceRequestHeaders,
+            });
+            if (!response.ok) {
+                const data = await response.json().catch(() => ({}));
+                throw new Error(data.error || 'Failed to share video');
+            }
+            const data = await response.json();
+            setSuccess(data.message || 'Shared');
+            setSelectedUsers([]);
+            onSharesUpdated();
+        }
+        catch (err) {
+            const e = err;
+            setError(e.message || 'Failed to share video');
+        }
+        finally {
+            setIsSharing(false);
+        }
+    };
+    const handleRemoveShare = async (userId) => {
+        setError(null);
+        setSuccess(null);
+        try {
+            const endpoint = `/api/videos/${video.id}/share`;
+            const body = JSON.stringify({ userId });
+            const response = await fetchServiceFirstFallbackNext({
+                service: {
+                    baseUrl,
+                    path: endpoint,
+                    init: { method: 'DELETE', headers: { 'Content-Type': 'application/json' }, body },
+                },
+                next: {
+                    nextApiBasePath: mediaBasePath,
+                    path: endpoint,
+                    init: { method: 'DELETE', headers: { 'Content-Type': 'application/json' }, body },
+                },
+                fallback: {
+                    fallbackOnNetworkError: api.fallback?.fallbackOnNetworkError ?? true,
+                    fallbackStatuses: [
+                        ...(api.fallback?.fallbackStatuses ?? [404, 405, 501, 502, 503, 504]),
+                        401,
+                        403,
+                    ],
+                },
+                serviceHeaders: api.serviceRequestHeaders,
+            });
+            if (!response.ok) {
+                const data = await response.json().catch(() => ({}));
+                throw new Error(data.error || 'Failed to remove share');
+            }
+            setSuccess('Share removed successfully');
+            onSharesUpdated();
+        }
+        catch (err) {
+            const e = err;
+            setError(e.message || 'Failed to remove share');
+        }
+    };
+    const handleChangeVisibility = async (visibility) => {
+        setError(null);
+        setSuccess(null);
+        setIsChangingVisibility(true);
+        try {
+            const endpoint = `/api/videos/${video.id}/visibility`;
+            const body = JSON.stringify({ visibility });
+            const response = await fetchServiceFirstFallbackNext({
+                service: {
+                    baseUrl,
+                    path: endpoint,
+                    init: { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body },
+                },
+                next: {
+                    nextApiBasePath: mediaBasePath,
+                    path: endpoint,
+                    init: { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body },
+                },
+                fallback: {
+                    fallbackOnNetworkError: api.fallback?.fallbackOnNetworkError ?? true,
+                    fallbackStatuses: [
+                        ...(api.fallback?.fallbackStatuses ?? [404, 405, 501, 502, 503, 504]),
+                        401,
+                        403,
+                    ],
+                },
+                serviceHeaders: api.serviceRequestHeaders,
+            });
+            if (!response.ok) {
+                const data = await response.json().catch(() => ({}));
+                throw new Error(data.error || 'Failed to change visibility');
+            }
+            const data = await response.json();
+            setSuccess(`Visibility changed to ${visibility}`);
+            onSharesUpdated();
+        }
+        catch (err) {
+            const e = err;
+            setError(e.message || 'Failed to change visibility');
+        }
+        finally {
+            setIsChangingVisibility(false);
+        }
+    };
+    return (_jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", children: _jsxs("div", { className: "bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto", children: [_jsxs("div", { className: "flex items-center justify-between p-6 border-b border-gray-200", children: [_jsx("h2", { className: "text-xl font-bold text-gray-900", children: "Share Video" }), _jsx("button", { onClick: onClose, className: "text-gray-400 hover:text-gray-600 transition-colors", children: _jsx("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), _jsxs("div", { className: "p-6 space-y-6", children: [error && _jsx("div", { className: "bg-red-50 border border-red-200 rounded-lg p-3 text-sm text-red-800", children: error }), success && _jsx("div", { className: "bg-green-50 border border-green-200 rounded-lg p-3 text-sm text-green-800", children: success }), _jsxs("div", { className: "bg-gray-50 rounded-lg p-4", children: [_jsx("h3", { className: "font-semibold text-gray-900 mb-1", children: video.prompt }), _jsxs("p", { className: "text-sm text-gray-600", children: [video.durationSeconds, "s \u2022 ", video.resolution] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Visibility" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { onClick: () => handleChangeVisibility(VideoVisibility.PRIVATE), disabled: isChangingVisibility || video.visibility === VideoVisibility.PRIVATE, className: `flex-1 px-4 py-2 rounded-lg text-sm font-medium transition-colors ${video.visibility === VideoVisibility.PRIVATE ? 'bg-blue-600 text-white' : 'bg-gray-100 text-gray-700 hover:bg-gray-200'} disabled:opacity-50 disabled:cursor-not-allowed`, children: "\uD83D\uDD12 Private" }), _jsx("button", { onClick: () => handleChangeVisibility(VideoVisibility.PUBLIC), disabled: isChangingVisibility || video.visibility === VideoVisibility.PUBLIC, className: `flex-1 px-4 py-2 rounded-lg text-sm font-medium transition-colors ${video.visibility === VideoVisibility.PUBLIC ? 'bg-blue-600 text-white' : 'bg-gray-100 text-gray-700 hover:bg-gray-200'} disabled:opacity-50 disabled:cursor-not-allowed`, children: "\uD83C\uDF0D Public" }), _jsx("button", { onClick: () => handleChangeVisibility(VideoVisibility.SHARED), disabled: isChangingVisibility || (video.visibility === VideoVisibility.SHARED && shares.length === 0), className: `flex-1 px-4 py-2 rounded-lg text-sm font-medium transition-colors ${video.visibility === VideoVisibility.SHARED ? 'bg-blue-600 text-white' : 'bg-gray-100 text-gray-700 hover:bg-gray-200'} disabled:opacity-50 disabled:cursor-not-allowed`, children: "\uD83D\uDC65 Shared" })] }), _jsxs("p", { className: "text-xs text-gray-500 mt-2", children: [video.visibility === VideoVisibility.PRIVATE && 'Only you can see this video', video.visibility === VideoVisibility.PUBLIC && 'Anyone can see this video', video.visibility === VideoVisibility.SHARED && 'Only shared users can see this video'] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Share with Users" }), _jsx("div", { className: "mb-3", children: _jsx(UserSearchInput, { onSelectUser: handleSelectUser, selectedUserIds: [...selectedUsers.map((u) => u.id), ...shares.map((s) => s.userId)], placeholder: "Search users by email..." }) }), selectedUsers.length > 0 && (_jsx("div", { className: "mb-3 space-y-2", children: selectedUsers.map((user) => (_jsxs("div", { className: "flex items-center justify-between p-2 bg-blue-50 border border-blue-200 rounded-lg", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: user.email }), user.roles.length > 0 && _jsx("p", { className: "text-xs text-gray-500", children: user.isAdmin ? 'Admin' : user.roles.join(', ') })] }), _jsx("button", { type: "button", onClick: () => handleRemoveSelectedUser(user.id), className: "ml-2 text-red-600 hover:text-red-700 text-sm font-medium", children: "Remove" })] }, user.id))) })), _jsx("button", { onClick: handleShareWithUsers, disabled: isSharing || selectedUsers.length === 0, className: "w-full px-4 py-2 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed text-sm", children: isSharing ? 'Sharing...' : `Share with ${selectedUsers.length} ${selectedUsers.length === 1 ? 'user' : 'users'}` }), _jsx("p", { className: "text-xs text-gray-500 mt-1", children: "Search for users by email. Only users with app access are shown." })] }), shares.length > 0 && (_jsxs("div", { children: [_jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: ["Shared with (", shares.length, ")"] }), _jsx("div", { className: "space-y-2", children: shares.map((share) => (_jsxs("div", { className: "flex items-center justify-between p-3 bg-gray-50 rounded-lg", children: [_jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm font-medium text-gray-900", children: share.user.email }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Shared ", new Date(share.sharedAt).toLocaleDateString()] })] }), _jsx("button", { onClick: () => handleRemoveShare(share.userId), className: "text-sm text-red-600 hover:text-red-700 font-medium", children: "Remove" })] }, share.id))) })] }))] }), _jsx("div", { className: "flex justify-end gap-3 p-6 border-t border-gray-200", children: _jsx("button", { onClick: onClose, className: "px-6 py-2 border border-gray-300 rounded-lg text-gray-700 font-medium hover:bg-gray-50 transition-colors", children: "Close" }) })] }) }));
+}
+//# sourceMappingURL=VideoShareModal.js.map

package/dist/components/videos/VideoShareModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoShareModal.js","sourceRoot":"","sources":["../../../src/components/videos/VideoShareModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/videos/VideoStatusModal.d.ts

@@ -0,0 +1,7 @@
+interface VideoStatusModalProps {
+    videoId: string;
+    onClose: () => void;
+}
+export declare function VideoStatusModal({ videoId, onClose }: VideoStatusModalProps): import("react").ReactPortal;
+export {};
+//# sourceMappingURL=VideoStatusModal.d.ts.map

package/dist/components/videos/VideoStatusModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoStatusModal.d.ts","sourceRoot":"","sources":["../../../src/components/videos/VideoStatusModal.tsx"],"names":[],"mappings":"AAuBA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,qBAAqB,+BAuK3E"}

package/dist/components/videos/VideoStatusModal.js

@@ -0,0 +1,92 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { useBusiboxApi, useCrossAppBasePath } from '../../contexts/ApiContext';
+import { fetchServiceFirstFallbackNext } from '../../lib/http/fetch-with-fallback';
+import { VideoStatus } from '../../types/video';
+export function VideoStatusModal({ videoId, onClose }) {
+    const api = useBusiboxApi();
+    const mediaBasePath = useCrossAppBasePath('media');
+    const [status, setStatus] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        document.body.style.overflow = 'hidden';
+        fetchStatus();
+        return () => {
+            document.body.style.overflow = '';
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [videoId]);
+    const fetchStatus = async () => {
+        try {
+            setLoading(true);
+            setError(null);
+            const endpoint = `/api/videos/${videoId}/status`;
+            const baseUrl = api.services?.videoApiUrl ?? api.services?.agentApiUrl;
+            const response = await fetchServiceFirstFallbackNext({
+                service: { baseUrl, path: endpoint, init: { method: 'GET' } },
+                next: { nextApiBasePath: mediaBasePath, path: endpoint, init: { method: 'GET' } },
+                fallback: {
+                    fallbackOnNetworkError: api.fallback?.fallbackOnNetworkError ?? true,
+                    fallbackStatuses: [
+                        ...(api.fallback?.fallbackStatuses ?? [404, 405, 501, 502, 503, 504]),
+                        401,
+                        403,
+                    ],
+                },
+                serviceHeaders: api.serviceRequestHeaders,
+            });
+            if (!response.ok) {
+                const data = await response.json().catch(() => ({}));
+                throw new Error(data.error || 'Failed to fetch status');
+            }
+            const data = await response.json();
+            const videoData = data.data?.video || data.video;
+            if (data.success && videoData) {
+                setStatus(videoData);
+            }
+            else {
+                setError(data.error || data.data?.error || 'Failed to fetch status');
+            }
+        }
+        catch (err) {
+            console.error('Failed to fetch video status:', err);
+            setError('An error occurred while fetching status');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleClose = (e) => {
+        if (e.target === e.currentTarget)
+            onClose();
+    };
+    const formatDate = (date) => {
+        if (!date)
+            return 'N/A';
+        return new Date(date).toLocaleString();
+    };
+    const getStatusColor = (s) => {
+        switch (s) {
+            case VideoStatus.COMPLETED:
+                return 'text-green-600 bg-green-100';
+            case VideoStatus.PROCESSING:
+                return 'text-blue-600 bg-blue-100';
+            case VideoStatus.QUEUED:
+                return 'text-yellow-600 bg-yellow-100';
+            case VideoStatus.PENDING:
+                return 'text-indigo-600 bg-indigo-100';
+            case VideoStatus.FAILED:
+                return 'text-red-600 bg-red-100';
+            case VideoStatus.EXPIRED:
+                return 'text-gray-600 bg-gray-100';
+            default:
+                return 'text-gray-600 bg-gray-100';
+        }
+    };
+    const modalContent = (_jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-[9999]", onClick: handleClose, children: _jsxs("div", { className: "bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto", children: [_jsxs("div", { className: "px-6 py-4 border-b border-gray-200 flex items-center justify-between", children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900", children: "Video Status Details" }), _jsx("button", { onClick: onClose, className: "text-gray-400 hover:text-gray-600 transition-colors", children: _jsx("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), _jsx("div", { className: "p-6", children: loading ? (_jsxs("div", { className: "flex items-center justify-center py-8", children: [_jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" }), _jsx("span", { className: "ml-3 text-gray-600", children: "Loading status..." })] })) : error ? (_jsxs("div", { className: "text-center py-8", children: [_jsx("div", { className: "text-red-600 mb-4", children: error }), _jsx("button", { onClick: fetchStatus, className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors", children: "Retry" })] })) : status ? (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-700", children: "Status" }), _jsx("span", { className: `px-3 py-1 rounded-full text-sm font-medium ${getStatusColor(status.status)}`, children: status.status })] }), status.progress !== null && (_jsx("div", { className: "w-full bg-gray-200 rounded-full h-2", children: _jsx("div", { className: "bg-blue-600 h-2 rounded-full", style: { width: `${Math.min(100, Math.max(0, status.progress || 0))}%` } }) }))] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium text-gray-700 mb-2", children: "Prompt" }), _jsx("p", { className: "text-sm text-gray-900 bg-gray-50 p-3 rounded-lg", children: status.prompt })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [_jsxs("div", { children: [_jsx("span", { className: "text-gray-500", children: "Created" }), _jsx("div", { className: "text-gray-900", children: formatDate(status.createdAt) })] }), _jsxs("div", { children: [_jsx("span", { className: "text-gray-500", children: "Completed" }), _jsx("div", { className: "text-gray-900", children: formatDate(status.completedAt) })] }), _jsxs("div", { children: [_jsx("span", { className: "text-gray-500", children: "Duration" }), _jsxs("div", { className: "text-gray-900", children: [status.duration, "s"] })] }), _jsxs("div", { children: [_jsx("span", { className: "text-gray-500", children: "Resolution" }), _jsx("div", { className: "text-gray-900", children: status.resolution })] })] }), status.errorMessage && (_jsxs("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4", children: [_jsx("h3", { className: "text-sm font-medium text-red-800 mb-1", children: "Error" }), _jsx("p", { className: "text-sm text-red-700", children: status.errorMessage })] }))] })) : null })] }) }));
+    return createPortal(modalContent, document.body);
+}
+//# sourceMappingURL=VideoStatusModal.js.map

package/dist/components/videos/VideoStatusModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoStatusModal.js","sourceRoot":"","sources":["../../../src/components/videos/VideoStatusModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/videos/VideoUpload.d.ts

@@ -0,0 +1,8 @@
+import { type ReferenceMediaUpload } from '../../types/video';
+interface VideoUploadProps {
+    onUpload: (data: ReferenceMediaUpload) => void;
+    onClear: () => void;
+}
+export declare function VideoUpload({ onUpload, onClear }: VideoUploadProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VideoUpload.d.ts.map

package/dist/components/videos/VideoUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoUpload.d.ts","sourceRoot":"","sources":["../../../src/components/videos/VideoUpload.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAElF,UAAU,gBAAgB;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAkLlE"}

package/dist/components/videos/VideoUpload.js

@@ -0,0 +1,92 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * VideoUpload Component
+ *
+ * Drag-and-drop file upload area for reference images and videos.
+ * Validates file type and size, shows preview, and converts to base64.
+ */
+import { useState, useRef } from 'react';
+import { validateReferenceFile, fileToBase64, getFormatFromMimeType, getFileTypeFromMimeType, formatFileSize } from '../../lib/media/upload';
+import { ReferenceMediaType } from '../../types/video';
+export function VideoUpload({ onUpload, onClear }) {
+    const [preview, setPreview] = useState(null);
+    const [fileType, setFileType] = useState(null);
+    const [fileName, setFileName] = useState(null);
+    const [fileSize, setFileSize] = useState(null);
+    const [uploading, setUploading] = useState(false);
+    const [error, setError] = useState(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const inputRef = useRef(null);
+    const handleFile = async (file) => {
+        setError(null);
+        const validation = validateReferenceFile(file);
+        if (!validation.valid) {
+            setError(validation.error);
+            return;
+        }
+        setUploading(true);
+        try {
+            const base64 = await fileToBase64(file);
+            const type = getFileTypeFromMimeType(file.type);
+            const format = getFormatFromMimeType(file.type);
+            setPreview(base64);
+            setFileType(type);
+            setFileName(file.name);
+            setFileSize(file.size);
+            onUpload({
+                base64,
+                fileType: type === 'image' ? ReferenceMediaType.IMAGE : ReferenceMediaType.VIDEO,
+                format: format,
+                fileSizeBytes: file.size,
+            });
+        }
+        catch (err) {
+            setError('Failed to process file. Please try again.');
+            console.error('File upload error:', err);
+        }
+        finally {
+            setUploading(false);
+        }
+    };
+    const handleClear = () => {
+        setPreview(null);
+        setFileType(null);
+        setFileName(null);
+        setFileSize(null);
+        setError(null);
+        onClear();
+        if (inputRef.current)
+            inputRef.current.value = '';
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+        const files = Array.from(e.dataTransfer.files);
+        if (files.length > 0)
+            handleFile(files[0]);
+    };
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        setIsDragging(true);
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+    };
+    const handleInputChange = (e) => {
+        const files = e.target.files;
+        if (files && files.length > 0)
+            handleFile(files[0]);
+    };
+    const handleClick = () => {
+        inputRef.current?.click();
+    };
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Reference Media (Optional)" }), _jsx("p", { className: "text-xs text-gray-500 mb-2", children: "Upload an image or video to guide the generation style" }), preview ? (_jsx("div", { className: "border border-gray-300 rounded-lg p-4 bg-white", children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "flex-shrink-0", children: fileType === 'image' ? (_jsx("img", { src: preview, alt: "Preview", className: "max-h-32 max-w-32 rounded object-cover" })) : (_jsx("video", { src: preview, className: "max-h-32 max-w-32 rounded", controls: true })) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: fileName }), _jsxs("p", { className: "text-xs text-gray-500 mt-1", children: [fileType?.toUpperCase(), " \u2022 ", fileSize && formatFileSize(fileSize)] }), _jsx("button", { onClick: handleClear, className: "mt-3 px-3 py-1.5 text-sm bg-red-50 text-red-700 rounded hover:bg-red-100 transition-colors", type: "button", children: "Remove" })] })] }) })) : (_jsxs("div", { onDrop: handleDrop, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onClick: handleClick, className: `
+            border-2 border-dashed rounded-lg p-8 text-center cursor-pointer
+            transition-colors
+            ${isDragging ? 'border-blue-500 bg-blue-50' : 'border-gray-300 hover:border-gray-400 bg-gray-50 hover:bg-gray-100'}
+            ${uploading ? 'opacity-50 cursor-wait' : ''}
+          `, children: [_jsx("input", { ref: inputRef, type: "file", accept: "image/jpeg,image/png,image/webp,video/mp4,video/quicktime", onChange: handleInputChange, className: "hidden", disabled: uploading }), uploading ? (_jsxs("div", { className: "text-gray-600", children: [_jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mb-2" }), _jsx("p", { className: "text-sm", children: "Processing file..." })] })) : (_jsxs(_Fragment, { children: [_jsx("svg", { className: "mx-auto h-12 w-12 text-gray-400", stroke: "currentColor", fill: "none", viewBox: "0 0 48 48", "aria-hidden": "true", children: _jsx("path", { d: "M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsxs("p", { className: "mt-2 text-sm text-gray-600", children: [_jsx("span", { className: "font-semibold", children: "Click to upload" }), " or drag and drop"] }), _jsx("p", { className: "mt-1 text-xs text-gray-500", children: "JPG, PNG, WebP (10MB max) \u2022 MP4, MOV (25MB max)" })] }))] })), error && (_jsx("div", { className: "rounded-md bg-red-50 p-3", children: _jsxs("div", { className: "flex", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) }) }), _jsx("div", { className: "ml-3", children: _jsx("p", { className: "text-sm text-red-800", children: error }) })] }) }))] }));
+}
+//# sourceMappingURL=VideoUpload.js.map

package/dist/components/videos/VideoUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoUpload.js","sourceRoot":"","sources":["../../../src/components/videos/VideoUpload.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7I,OAAO,EAAE,kBAAkB,EAA6B,MAAM,mBAAmB,CAAC;AAOlF,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAoB;IACjE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC5D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,KAAK,EAAE,IAAU,EAAE,EAAE;QACtC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,MAAM,UAAU,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YACtB,QAAQ,CAAC,UAAU,CAAC,KAAM,CAAC,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC;YACxC,MAAM,IAAI,GAAG,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAChD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAEhD,UAAU,CAAC,MAAM,CAAC,CAAC;YACnB,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAEvB,QAAQ,CAAC;gBACP,MAAM;gBACN,QAAQ,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK;gBAChF,MAAM,EAAE,MAAa;gBACrB,aAAa,EAAE,IAAI,CAAC,IAAI;aACzB,CAAC,CAAC;QACL,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,2CAA2C,CAAC,CAAC;YACtD,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,GAAG,CAAC,CAAC;QAC3C,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,OAAO,EAAE,CAAC;QACV,IAAI,QAAQ,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAkC,EAAE,EAAE;QACxD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,KAAK,CAAC,CAAC;QAErB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC5D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC7D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACnE,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7B,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,gBAAO,SAAS,EAAC,yCAAyC,2CAAmC,EAC7F,YAAG,SAAS,EAAC,4BAA4B,uEAA2D,EAEnG,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,gDAAgD,YAC7D,eAAK,SAAS,EAAC,wBAAwB,aACrC,cAAK,SAAS,EAAC,eAAe,YAC3B,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CACtB,cAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,EAAC,SAAS,EAAC,wCAAwC,GAAG,CACvF,CAAC,CAAC,CAAC,CACF,gBAAO,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,2BAA2B,EAAC,QAAQ,SAAG,CACvE,GACG,EAEN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,YAAG,SAAS,EAAC,4CAA4C,YAAE,QAAQ,GAAK,EACxE,aAAG,SAAS,EAAC,4BAA4B,aACtC,QAAQ,EAAE,WAAW,EAAE,cAAK,QAAQ,IAAI,cAAc,CAAC,QAAQ,CAAC,IAC/D,EACJ,iBACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,4FAA4F,EACtG,IAAI,EAAC,QAAQ,uBAGN,IACL,IACF,GACF,CACP,CAAC,CAAC,CAAC,CACF,eACE,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,cAAc,EAC1B,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE;;;cAGP,UAAU,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,oEAAoE;cAChH,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;WAC5C,aAED,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,2DAA2D,EAClE,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,SAAS,GACnB,EAED,SAAS,CAAC,CAAC,CAAC,CACX,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,gFAAgF,GAAO,EACtG,YAAG,SAAS,EAAC,SAAS,mCAAuB,IACzC,CACP,CAAC,CAAC,CAAC,CACF,8BACE,cAAK,SAAS,EAAC,iCAAiC,EAAC,MAAM,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YACvH,eACE,CAAC,EAAC,wLAAwL,EAC1L,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,EACN,aAAG,SAAS,EAAC,4BAA4B,aACvC,eAAM,SAAS,EAAC,eAAe,gCAAuB,yBACpD,EACJ,YAAG,SAAS,EAAC,4BAA4B,qEAAoD,IAC5F,CACJ,IACG,CACP,EAEA,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,MAAM,aACnB,cAAK,SAAS,EAAC,eAAe,YAC5B,cAAK,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,YAC3E,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yNAAyN,EAC3N,QAAQ,EAAC,SAAS,GAClB,GACE,GACF,EACN,cAAK,SAAS,EAAC,MAAM,YACnB,YAAG,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAK,GAC3C,IACF,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/workflow/WorkflowList.d.ts

@@ -0,0 +1,20 @@
+/**
+ * WorkflowList Component
+ *
+ * Displays a list of workflows with filtering, search, and actions.
+ */
+import React from 'react';
+import type { Workflow, WorkflowExecution } from '../../types/workflow';
+export interface WorkflowListProps {
+    workflows: Workflow[];
+    executions?: Record<string, WorkflowExecution[]>;
+    onView?: (workflow: Workflow) => void;
+    onEdit?: (workflow: Workflow) => void;
+    onExecute?: (workflow: Workflow) => void;
+    onDelete?: (workflow: Workflow) => void;
+    loading?: boolean;
+    className?: string;
+}
+export declare const WorkflowList: React.FC<WorkflowListProps>;
+export default WorkflowList;
+//# sourceMappingURL=WorkflowList.d.ts.map

package/dist/components/workflow/WorkflowList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowList.d.ts","sourceRoot":"","sources":["../../../src/components/workflow/WorkflowList.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAgC,MAAM,sBAAsB,CAAC;AAEtG,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsDpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/workflow/WorkflowList.js

@@ -0,0 +1,50 @@
+/**
+ * WorkflowList Component
+ *
+ * Displays a list of workflows with filtering, search, and actions.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+const getTriggerIcon = (triggerType) => {
+    switch (triggerType) {
+        case 'manual': return '👆';
+        case 'cron': return '⏰';
+        case 'webhook': return '🔗';
+        case 'event': return '📡';
+        case 'agent_completion': return '🤖';
+        default: return '❓';
+    }
+};
+const getStatusColor = (active) => {
+    return active
+        ? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200'
+        : 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300';
+};
+export const WorkflowList = ({ workflows, executions, onView, onEdit, onExecute, onDelete, loading = false, className = '', }) => {
+    const [searchTerm, setSearchTerm] = useState('');
+    const [filterActive, setFilterActive] = useState('all');
+    const [filterTrigger, setFilterTrigger] = useState('all');
+    const filteredWorkflows = useMemo(() => {
+        return workflows.filter(workflow => {
+            if (searchTerm) {
+                const search = searchTerm.toLowerCase();
+                if (!workflow.name.toLowerCase().includes(search) &&
+                    !workflow.description?.toLowerCase().includes(search)) {
+                    return false;
+                }
+            }
+            if (filterActive !== 'all' && workflow.active !== filterActive)
+                return false;
+            if (filterTrigger !== 'all' && workflow.trigger.type !== filterTrigger)
+                return false;
+            return true;
+        });
+    }, [workflows, searchTerm, filterActive, filterTrigger]);
+    if (loading) {
+        return (_jsx("div", { className: `flex items-center justify-center p-8 ${className}`, children: _jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" }) }));
+    }
+    return (_jsx("div", { className: className, children: _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: filteredWorkflows.map((workflow) => (_jsxs("div", { className: "border rounded-lg p-4 bg-white dark:bg-gray-800", children: [_jsx("h3", { className: "font-semibold text-lg mb-2", children: workflow.name }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-3", children: workflow.description }), _jsxs("div", { className: "flex gap-2", children: [onView && _jsx("button", { onClick: () => onView(workflow), className: "px-3 py-1 text-sm bg-blue-600 text-white rounded", children: "View" }), onExecute && workflow.active && _jsx("button", { onClick: () => onExecute(workflow), className: "px-3 py-1 text-sm bg-green-600 text-white rounded", children: "Execute" })] })] }, workflow.id))) }) }));
+};
+export default WorkflowList;
+//# sourceMappingURL=WorkflowList.js.map

package/dist/components/workflow/WorkflowList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowList.js","sourceRoot":"","sources":["../../../src/components/workflow/WorkflowList.tsx"],"names":[],"mappings":"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"}

package/dist/contexts/ApiContext.d.ts

@@ -0,0 +1,73 @@
+import * as React from 'react';
+export type ServiceBaseUrls = {
+    /** data-api base URL, e.g. http://localhost:8002 */
+    dataApiUrl?: string;
+    /** agent-api base URL, e.g. http://localhost:8000 */
+    agentApiUrl?: string;
+    /** search-api base URL, e.g. http://localhost:8003 */
+    searchApiUrl?: string;
+    /** videos service base URL (if separated), e.g. http://localhost:8010 */
+    videoApiUrl?: string;
+};
+export type FallbackStrategy = {
+    /**
+     * Migration strategy: try service API first, fallback to Next.js routes.
+     * This remains explicit and opt-in per call (see lib/http helpers).
+     */
+    mode: 'service-first-fallback-next';
+    /** HTTP statuses that should trigger fallback */
+    fallbackStatuses: number[];
+    /** Whether network errors should trigger fallback */
+    fallbackOnNetworkError: boolean;
+};
+export type CrossAppPaths = {
+    /** Portal app base path, e.g. '/portal' — owns portal-customization, account */
+    portal?: string;
+    /** Documents app base path, e.g. '/documents' — owns libraries, data, documents, graph */
+    documents?: string;
+    /** Agents app base path, e.g. '/agents' — owns agents listing, agent proxy */
+    agents?: string;
+    /** Media app base path, e.g. '/media' — owns media file serving */
+    media?: string;
+    /** Chat app base path, e.g. '/chat' */
+    chat?: string;
+};
+export type ApiDomain = 'libraries' | 'data' | 'documents' | 'graph' | 'agents' | 'agent' | 'chat' | 'media' | 'videos' | 'portal-customization' | 'account';
+export type BusiboxApiConfig = {
+    /**
+     * Optional basePath prefix for Next.js API routes (e.g. when Next is deployed under /portal).
+     * Example: basePath="/portal" means "/api/foo" becomes "/portal/api/foo".
+     */
+    nextApiBasePath?: string;
+    /** Base paths for cross-app API calls through the nginx proxy */
+    crossAppPaths?: CrossAppPaths;
+    /** Base URLs for direct-to-service calls */
+    services?: ServiceBaseUrls;
+    /** Default headers appended to service requests (useful for bearer auth in other apps) */
+    serviceRequestHeaders?: Record<string, string>;
+    /** Default fallback behavior */
+    fallback?: Partial<FallbackStrategy>;
+};
+export type BusiboxApiProviderProps = {
+    value: BusiboxApiConfig;
+    children: React.ReactNode;
+};
+export declare function BusiboxApiProvider({ value, children }: BusiboxApiProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useBusiboxApi(): BusiboxApiConfig;
+/**
+ * Returns the base path for a given cross-app target. Falls back to the
+ * current app's nextApiBasePath when the target is the current app.
+ */
+export declare function useCrossAppBasePath(app: keyof CrossAppPaths): string;
+/**
+ * Resolves an API path like `/api/libraries` to the owning app's base path.
+ * E.g. in the chat app, `/api/libraries` becomes `/documents/api/libraries`.
+ */
+export declare function resolveApiPath(domain: ApiDomain, path: string, config: BusiboxApiConfig): string;
+/**
+ * Hook that returns a resolver function bound to current config.
+ * Usage: const resolve = useCrossAppApiPath();
+ *        fetch(resolve('libraries', '/api/libraries'));
+ */
+export declare function useCrossAppApiPath(): (domain: ApiDomain, path: string) => string;
+//# sourceMappingURL=ApiContext.d.ts.map

package/dist/contexts/ApiContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ApiContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG;IAC5B,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,IAAI,EAAE,6BAA6B,CAAC;IACpC,iDAAiD;IACjD,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,qDAAqD;IACrD,sBAAsB,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,MAAM,GACN,WAAW,GACX,OAAO,GACP,QAAQ,GACR,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,sBAAsB,GACtB,SAAS,CAAC;AAgBd,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iEAAiE;IACjE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,0FAA0F;IAC1F,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CACtC,CAAC;AAgBF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAY9E;AAED,wBAAgB,aAAa,IAAI,gBAAgB,CAEhD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,aAAa,GAAG,MAAM,CAGpE;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,GAAG,MAAM,CAMhG;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,aAGrB,SAAS,QAAQ,MAAM,YAGnC"}