bfbaaebd2b
* refactor: remove artifacts toggle
* refactor: allow hiding side panel while allowing artifacts view
* chore: rename SidePanelGroup to SidePanel for clarity
* Revert "refactor: remove artifacts toggle"
This reverts commit f884c2cfcd.
* feat: add artifacts capability to agent configuration
* refactor: conditionally set artifacts mode based on endpoint type
* feat: Artifacts Capability for Agents
* refactor: enhance getStreamText method to handle intermediate replies and add `stream_options` for openai/azure
* feat: localize progress text and improve UX in CodeAnalyze and ExecuteCode components for expanding analysis
86 lines
2.2 KiB
TypeScript
86 lines
2.2 KiB
TypeScript
import * as Popover from '@radix-ui/react-popover';
|
|
import { cn } from '~/utils';
|
|
|
|
const wrapperClass =
|
|
'progress-text-wrapper text-token-text-secondary relative -mt-[0.75px] h-5 w-full leading-5';
|
|
|
|
const Wrapper = ({ popover, children }: { popover: boolean; children: React.ReactNode }) => {
|
|
if (popover) {
|
|
return (
|
|
<div className={wrapperClass}>
|
|
<Popover.Trigger asChild>
|
|
<div
|
|
className="progress-text-content absolute left-0 top-0 line-clamp-1 overflow-visible"
|
|
style={{ opacity: 1, transform: 'none' }}
|
|
data-projection-id="78"
|
|
>
|
|
{children}
|
|
</div>
|
|
</Popover.Trigger>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div className={wrapperClass}>
|
|
<div
|
|
className="progress-text-content absolute left-0 top-0 line-clamp-1 overflow-visible"
|
|
style={{ opacity: 1, transform: 'none' }}
|
|
data-projection-id="78"
|
|
>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default function ProgressText({
|
|
progress,
|
|
onClick,
|
|
inProgressText,
|
|
finishedText,
|
|
authText,
|
|
hasInput = true,
|
|
popover = false,
|
|
isExpanded = false,
|
|
}: {
|
|
progress: number;
|
|
onClick?: () => void;
|
|
inProgressText: string;
|
|
finishedText: string;
|
|
authText?: string;
|
|
hasInput?: boolean;
|
|
popover?: boolean;
|
|
isExpanded?: boolean;
|
|
}) {
|
|
const text = progress < 1 ? (authText ?? inProgressText) : finishedText;
|
|
return (
|
|
<Wrapper popover={popover}>
|
|
<button
|
|
type="button"
|
|
className={cn('inline-flex items-center gap-1', hasInput ? '' : 'pointer-events-none')}
|
|
disabled={!hasInput}
|
|
onClick={onClick}
|
|
>
|
|
{text}
|
|
<svg
|
|
width="16"
|
|
height="17"
|
|
viewBox="0 0 16 17"
|
|
fill="none"
|
|
className={isExpanded ? 'rotate-180' : 'rotate-0'}
|
|
>
|
|
<path
|
|
className={hasInput ? '' : 'stroke-transparent'}
|
|
d="M11.3346 7.83203L8.00131 11.1654L4.66797 7.83203"
|
|
stroke="currentColor"
|
|
strokeWidth="2"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</Wrapper>
|
|
);
|
|
}
|