+ }`}>
{msg.sender === 'USER' ? (
msg.content
) : (
@@ -583,7 +591,7 @@ export const ChatDrawer: React.FC = () => {
{loading && (
- Analyzing catalog knowledge with DeepSeek...
+ Analyzing catalog knowledge...
)}
@@ -670,7 +678,7 @@ export const ChatDrawer: React.FC = () => {
asset={activePreviewAsset}
isOpen={!!activePreviewAsset}
user={user}
- onDownload={() => {}}
+ onDownload={() => { }}
onClose={() => setActivePreviewAsset(null)}
/>
)}
diff --git a/Channel-Frontend/src/components/ui/MarkdownViewer.tsx b/Channel-Frontend/src/components/ui/MarkdownViewer.tsx
index 6bf8fa0..e1273a7 100644
--- a/Channel-Frontend/src/components/ui/MarkdownViewer.tsx
+++ b/Channel-Frontend/src/components/ui/MarkdownViewer.tsx
@@ -213,12 +213,37 @@ const handleLine = (line: string, state: ParseState): void => {
};
/**
- * Preprocesses raw markdown text to split single-line concatenated markdown table rows into proper multi-line Markdown tables.
+ * Preprocesses raw markdown text to split single-line concatenated markdown table rows and merge split table rows across lines.
*/
const sanitizeMarkdownText = (rawText: string): string => {
if (!rawText) return "";
- let formatted = rawText;
+ const lines = rawText.split("\n");
+ const processedLines: string[] = [];
+
+ for (let i = 0; i < lines.length; i++) {
+ const line = lines[i];
+ const trimmed = line.trim();
+
+ // If the line starts with a pipe but doesn't end with one, it is likely split across linebreaks
+ if (trimmed.startsWith("|") && !trimmed.endsWith("|")) {
+ let merged = line;
+ while (i + 1 < lines.length) {
+ const nextLine = lines[i + 1];
+ const nextTrimmed = nextLine.trim();
+ merged += " " + nextTrimmed;
+ i++;
+ if (nextTrimmed.endsWith("|")) {
+ break;
+ }
+ }
+ processedLines.push(merged);
+ } else {
+ processedLines.push(line);
+ }
+ }
+
+ let formatted = processedLines.join("\n");
// Split inline concatenated table rows like "| Col 1 | Col 2 | | :--- | :--- | | Val 1 | Val 2 |"
formatted = formatted.replace(/\|\s*\|\s*:-/g, "|\n| :-");
diff --git a/Channel-Frontend/src/features/assets/components/AssetCard.tsx b/Channel-Frontend/src/features/assets/components/AssetCard.tsx
index ebd9d25..1c62ed7 100644
--- a/Channel-Frontend/src/features/assets/components/AssetCard.tsx
+++ b/Channel-Frontend/src/features/assets/components/AssetCard.tsx
@@ -1,17 +1,17 @@
import React from 'react';
import { motion, AnimatePresence } from 'framer-motion';
-import {
- FileText,
- File,
- Eye,
- MoreVertical,
- Edit3,
- Share2,
- Trash2,
- Lock,
- ExternalLink,
- Download,
- Clock,
+import {
+ FileText,
+ File,
+ Eye,
+ MoreVertical,
+ Edit3,
+ Share2,
+ Trash2,
+ Lock,
+ ExternalLink,
+ Download,
+ Clock,
AlertCircle,
Globe,
Sparkles
@@ -85,29 +85,29 @@ export const AssetCard: React.FC
= ({
const isRenderable = (type: string, url: string) => {
- const isOffice = type.includes('word') || type.includes('presentation') || type.includes('sheet') ||
- url.toLowerCase().endsWith('.docx') || url.toLowerCase().endsWith('.doc') ||
- url.toLowerCase().endsWith('.pptx') || url.toLowerCase().endsWith('.ppt') ||
- url.toLowerCase().endsWith('.xlsx') || url.toLowerCase().endsWith('.xls') ||
- url.toLowerCase().endsWith('.csv') || type.includes('csv');
+ const isOffice = type.includes('word') || type.includes('presentation') || type.includes('sheet') ||
+ url.toLowerCase().endsWith('.docx') || url.toLowerCase().endsWith('.doc') ||
+ url.toLowerCase().endsWith('.pptx') || url.toLowerCase().endsWith('.ppt') ||
+ url.toLowerCase().endsWith('.xlsx') || url.toLowerCase().endsWith('.xls') ||
+ url.toLowerCase().endsWith('.csv') || type.includes('csv');
const isTextOrCode = url.toLowerCase().endsWith('.md') ||
- url.toLowerCase().endsWith('.txt') ||
- url.toLowerCase().endsWith('.json') ||
- url.toLowerCase().endsWith('.js') ||
- url.toLowerCase().endsWith('.ts') ||
- url.toLowerCase().endsWith('.tsx') ||
- url.toLowerCase().endsWith('.jsx') ||
- url.toLowerCase().endsWith('.py') ||
- url.toLowerCase().endsWith('.yaml') ||
- url.toLowerCase().endsWith('.yml') ||
- url.toLowerCase().endsWith('.css') ||
- url.toLowerCase().endsWith('.html') ||
- url.toLowerCase().endsWith('.sh') ||
- type.includes('text') ||
- type.includes('markdown') ||
- type.includes('json') ||
- type.includes('javascript');
+ url.toLowerCase().endsWith('.txt') ||
+ url.toLowerCase().endsWith('.json') ||
+ url.toLowerCase().endsWith('.js') ||
+ url.toLowerCase().endsWith('.ts') ||
+ url.toLowerCase().endsWith('.tsx') ||
+ url.toLowerCase().endsWith('.jsx') ||
+ url.toLowerCase().endsWith('.py') ||
+ url.toLowerCase().endsWith('.yaml') ||
+ url.toLowerCase().endsWith('.yml') ||
+ url.toLowerCase().endsWith('.css') ||
+ url.toLowerCase().endsWith('.html') ||
+ url.toLowerCase().endsWith('.sh') ||
+ type.includes('text') ||
+ type.includes('markdown') ||
+ type.includes('json') ||
+ type.includes('javascript');
return type === 'url' || type.includes('pdf') || type.includes('image') || type.includes('png') || type.includes('jpg') || isOffice || isTextOrCode;
};
@@ -138,7 +138,7 @@ export const AssetCard: React.FC = ({
const isWord = asset.type.includes('word') || asset.url.toLowerCase().endsWith('.docx') || asset.url.toLowerCase().endsWith('.doc');
const isPresentation = asset.type.includes('presentation') || asset.url.toLowerCase().endsWith('.pptx') || asset.url.toLowerCase().endsWith('.ppt');
const isSpreadsheet = asset.type.includes('sheet') || asset.url.toLowerCase().endsWith('.xlsx') || asset.url.toLowerCase().endsWith('.xls') || asset.url.toLowerCase().endsWith('.csv');
-
+
const hasBanner = isImage || !!asset.thumbnailUrl;
const bannerSrc = asset.thumbnailUrl ? asset.thumbnailUrl : asset.url;
@@ -160,7 +160,7 @@ export const AssetCard: React.FC = ({
};
return (
- = ({
}
onViewDetails(asset);
}}
- className={`group bg-ink-0 border rounded-xl p-4 transition-[border-color,box-shadow,background-color] duration-300 flex flex-col justify-between cursor-pointer min-h-[410px] ${
- isExpanded
+ className={`group bg-ink-0 border rounded-xl p-4 transition-[border-color,box-shadow,background-color] duration-300 flex flex-col justify-between cursor-pointer min-h-[410px] ${isExpanded
? 'absolute z-20 top-0 left-0 right-0 h-auto shadow-2xl border-ink-300 bg-ink-0'
: isRecommended
? 'relative w-full h-full border-amber-500/35 bg-gradient-to-br from-amber-500/[0.02] via-ink-0 to-ink-0 hover:border-amber-500 hover:shadow-lg hover:shadow-amber-500/10 hover:-translate-y-0.5'
: 'relative w-full h-full border-ink-200 hover:border-ink-300 hover:shadow-md hover:-translate-y-0.5'
- } ${isSelected ? 'border-ink-900 ring-1 ring-ink-900 bg-ink-50/30' : ''}`}
+ } ${isSelected ? 'border-ink-900 ring-1 ring-ink-900 bg-ink-50/30' : ''}`}
>
{/* Visual Thumbnail Area */}
@@ -207,9 +206,8 @@ export const AssetCard: React.FC
= ({
checked={isSelected}
onClick={(e) => e.stopPropagation()}
onChange={(e) => onToggleSelect(asset.id, e as unknown as React.MouseEvent)}
- className={`w-3.5 h-3.5 rounded border-ink-300 bg-ink-0 text-ink-900 focus:ring-ink-900/10 cursor-pointer shadow-sm transition-opacity duration-200 ${
- isSelected ? 'opacity-100' : 'opacity-0 group-hover:opacity-100'
- }`}
+ className={`w-3.5 h-3.5 rounded border-ink-300 bg-ink-0 text-ink-900 focus:ring-ink-900/10 cursor-pointer shadow-sm transition-opacity duration-200 ${isSelected ? 'opacity-100' : 'opacity-0 group-hover:opacity-100'
+ }`}
/>
)}
{isRecommended && (
@@ -227,11 +225,11 @@ export const AssetCard: React.FC = ({
title="Inspect with AI Advisor Workbench"
>
- AI Workbench
+ ask AI
{isRenderable(asset.type, asset.url) && (
-
{/* NDA Card */}
-
{
@@ -120,7 +120,7 @@ export const ClientAgreementsPage: React.FC = () => {
title="Inspect NDA with AI Advisor Workbench"
>
- AI Workbench
+ ask AI
{ndaAcceptance ? (
@@ -192,7 +192,7 @@ export const ClientAgreementsPage: React.FC = () => {
{
@@ -232,7 +232,7 @@ export const ClientAgreementsPage: React.FC = () => {
title="Inspect MSA with AI Advisor Workbench"
>
- AI Workbench
+ ask AI
{msaAcceptance ? (
@@ -377,7 +377,7 @@ export const ClientAgreementsPage: React.FC = () => {
`Verification Hash: ${activeDocData.signatureHash || 'N/A'}\n`,
`IP Address: ${activeDocData.ipAddress}\n`,
`Signed On: ${new Date(activeDocData.acceptedAt).toLocaleString()}\n`
- ], {type: 'text/plain'});
+ ], { type: 'text/plain' });
element.href = URL.createObjectURL(file);
element.download = `${selectedDoc}_Agreement_${user?.email?.split('@')[0]}.txt`;
document.body.appendChild(element);
diff --git a/Channel-Frontend/src/pages/EcosystemPage.tsx b/Channel-Frontend/src/pages/EcosystemPage.tsx
index 0ad2054..aa7a917 100644
--- a/Channel-Frontend/src/pages/EcosystemPage.tsx
+++ b/Channel-Frontend/src/pages/EcosystemPage.tsx
@@ -90,11 +90,10 @@ export const EcosystemPage: React.FC = () => {
@@ -118,7 +117,7 @@ export const EcosystemPage: React.FC = () => {
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: -15 }}
transition={{ duration: 0.25 }}
- className="grid grid-cols-1 md:grid-cols-2 gap-8"
+ className="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8"
>
{filteredOfferings.map((offering) => {
const IconComponent = iconMap[offering.logoIcon] || Globe;
@@ -176,14 +175,13 @@ export const EcosystemPage: React.FC = () => {
title="Inspect Offering with AI Advisor Workbench"
>
- AI Workbench
+ ask AI
-
+ }`}>
{offering.type}
@@ -210,9 +208,8 @@ export const EcosystemPage: React.FC = () => {
{offering.benefits.map((benefit, bIdx) => (
-
-
+
{benefit}
))}
diff --git a/Channel-Frontend/src/pages/ShowcasePage.tsx b/Channel-Frontend/src/pages/ShowcasePage.tsx
index 9581208..d2c08fa 100644
--- a/Channel-Frontend/src/pages/ShowcasePage.tsx
+++ b/Channel-Frontend/src/pages/ShowcasePage.tsx
@@ -129,9 +129,8 @@ const VideoDescription: React.FC = ({ text, isExpanded, o
return (
{text}
@@ -174,7 +173,7 @@ export const ShowcasePage: React.FC = () => {
}, 300);
}
}, [location.state, location.search, loading]);
-
+
// Resizable Lightbox state: compact | theater | cinema
const [lightboxSize, setLightboxSize] = useState<'compact' | 'theater' | 'cinema'>('compact');
@@ -230,7 +229,7 @@ export const ShowcasePage: React.FC = () => {
There are no featured videos available in the showcase right now. Check back later!
) : (
-
+
{items.map((item) => {
const ytId = extractYouTubeVideoId(item.youtubeUrl);
const isIg = item.youtubeUrl.includes('instagram.com');
@@ -257,11 +256,10 @@ export const ShowcasePage: React.FC = () => {
e.dataTransfer.setData('text/plain', item.title);
}}
transition={{ type: "spring", stiffness: 320, damping: 28 }}
- className={`group flex flex-col bg-ink-0 border rounded-2xl overflow-hidden transition-[border-color,box-shadow,background-color] duration-300 ${
- isExpanded
+ className={`group flex flex-col bg-ink-0 border rounded-2xl overflow-hidden transition-[border-color,box-shadow,background-color] duration-300 ${isExpanded
? 'absolute z-20 top-0 left-0 right-0 h-auto shadow-2xl border-ink-350 bg-ink-0'
: 'relative w-full h-full border-ink-200 hover:border-ink-350 hover:shadow-xl'
- }`}
+ }`}
>
{/* Video Player / Thumbnail */}
@@ -283,7 +281,7 @@ export const ShowcasePage: React.FC = () => {
title="Inspect Reel with AI Advisor Workbench"
>
-
AI Workbench
+
ask AI
{thumbnail ? (
![]()
{
/>
) : (
/* Platform Fallback Gradients */
-
+ : isTw
+ ? 'bg-ink-950'
+ : 'bg-ink-100'
+ }`}>
{isIg && (
{/* Info Container */}
-
+ }`}>
{/* Toolbar with Resizer Preset Buttons */}