Compare commits
No commits in common. "fe33801008bfbdfbbb04d84ae915e30758416196" and "cad86218a70a2ab55218ce12e9738fb1b87484e1" have entirely different histories.
fe33801008
...
cad86218a7
|
|
@ -103,42 +103,6 @@ import { Tooltip } from "./tooltip";
|
|||
|
||||
const MAX_REFERENCES_PER_MESSAGE = 10;
|
||||
const INPUT_TOOLS_TOUR_SEEN_KEY = "workspace.input_tools_tour_seen.v1";
|
||||
type InputToolsTourSeenState = {
|
||||
seen: boolean;
|
||||
threadIds?: string[];
|
||||
};
|
||||
|
||||
function parseInputToolsTourSeenState(
|
||||
value: string | null,
|
||||
): InputToolsTourSeenState | null {
|
||||
if (!value) return null;
|
||||
if (value === "1") {
|
||||
return { seen: true };
|
||||
}
|
||||
try {
|
||||
const parsed = JSON.parse(value) as InputToolsTourSeenState & {
|
||||
threadId?: string;
|
||||
};
|
||||
if (typeof parsed?.seen !== "boolean") {
|
||||
return null;
|
||||
}
|
||||
if (
|
||||
parsed.threadIds != null &&
|
||||
(!Array.isArray(parsed.threadIds) ||
|
||||
parsed.threadIds.some((id) => typeof id !== "string"))
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
return {
|
||||
seen: parsed.seen,
|
||||
threadIds:
|
||||
parsed.threadIds ??
|
||||
(typeof parsed.threadId === "string" ? [parsed.threadId] : undefined),
|
||||
};
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
type WorkspaceToolButtonProps = ComponentProps<typeof PromptInputButton>;
|
||||
|
||||
|
|
@ -332,31 +296,16 @@ export function InputBox({
|
|||
setIsInputToolsTourOpen(false);
|
||||
return;
|
||||
}
|
||||
const seenState = parseInputToolsTourSeenState(
|
||||
window.localStorage.getItem(INPUT_TOOLS_TOUR_SEEN_KEY),
|
||||
);
|
||||
const hasSeenTourForCurrentThread =
|
||||
seenState?.seen === true && Boolean(seenState.threadIds?.includes(threadId));
|
||||
if (!hasSeenTourForCurrentThread) {
|
||||
const hasSeenTour = window.localStorage.getItem(INPUT_TOOLS_TOUR_SEEN_KEY);
|
||||
if (!hasSeenTour) {
|
||||
setIsInputToolsTourOpen(true);
|
||||
}
|
||||
}, [showWelcomeStyle, hasSubmitted, isInputToolsTourReady, threadId]);
|
||||
}, [showWelcomeStyle, hasSubmitted, isInputToolsTourReady]);
|
||||
|
||||
const finishInputToolsTour = useCallback(() => {
|
||||
const seenState = parseInputToolsTourSeenState(
|
||||
window.localStorage.getItem(INPUT_TOOLS_TOUR_SEEN_KEY),
|
||||
);
|
||||
const seenThreadIds = new Set(seenState?.threadIds ?? []);
|
||||
seenThreadIds.add(threadId);
|
||||
window.localStorage.setItem(
|
||||
INPUT_TOOLS_TOUR_SEEN_KEY,
|
||||
JSON.stringify({
|
||||
seen: true,
|
||||
threadIds: Array.from(seenThreadIds),
|
||||
} satisfies InputToolsTourSeenState),
|
||||
);
|
||||
window.localStorage.setItem(INPUT_TOOLS_TOUR_SEEN_KEY, "1");
|
||||
setIsInputToolsTourOpen(false);
|
||||
}, [threadId]);
|
||||
}, []);
|
||||
const closeInputToolsTour = useCallback(() => {
|
||||
setIsInputToolsTourOpen(false);
|
||||
}, []);
|
||||
|
|
@ -785,7 +734,6 @@ export function InputBox({
|
|||
open={isInputToolsTourOpen}
|
||||
onClose={closeInputToolsTour}
|
||||
onFinish={finishInputToolsTour}
|
||||
rootClassName="workspace-input-tools-tour"
|
||||
gap={
|
||||
{ offset: 3 , radius:10 }
|
||||
}
|
||||
|
|
@ -1214,7 +1162,7 @@ function SuggestionList({
|
|||
);
|
||||
return (
|
||||
<Suggestions
|
||||
className="w-fit items-start"
|
||||
className="min-h-16 w-fit items-start"
|
||||
data-testid="welcome-suggestions"
|
||||
>
|
||||
{promptSuggestions.map((suggestion) => (
|
||||
|
|
|
|||
|
|
@ -141,7 +141,6 @@
|
|||
--animate-wave: wave 0.6s ease-in-out 2;
|
||||
|
||||
@keyframes wave {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
transform: rotate(0deg);
|
||||
|
|
@ -369,7 +368,8 @@
|
|||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: linear-gradient(45deg,
|
||||
background: linear-gradient(
|
||||
45deg,
|
||||
#fb0094,
|
||||
#0000ff,
|
||||
#00ff00,
|
||||
|
|
@ -379,7 +379,8 @@
|
|||
#0000ff,
|
||||
#00ff00,
|
||||
#ffff00,
|
||||
#ff0000);
|
||||
#ff0000
|
||||
);
|
||||
background-size: 400%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
@ -533,11 +534,15 @@ code {
|
|||
}
|
||||
|
||||
/* 表格四角圆角：由四个角单元格承担视觉圆角 */
|
||||
[data-streamdown="table-header"] tr:first-child>[data-streamdown="table-header-cell"]:first-child {
|
||||
[data-streamdown="table-header"]
|
||||
tr:first-child
|
||||
> [data-streamdown="table-header-cell"]:first-child {
|
||||
border-top-left-radius: 5px;
|
||||
}
|
||||
|
||||
[data-streamdown="table-header"] tr:first-child>[data-streamdown="table-header-cell"]:last-child {
|
||||
[data-streamdown="table-header"]
|
||||
tr:first-child
|
||||
> [data-streamdown="table-header-cell"]:last-child {
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
|
||||
|
|
@ -551,11 +556,15 @@ code {
|
|||
border-bottom: 1px solid black;
|
||||
} */
|
||||
|
||||
[data-streamdown="table-body"] tr:last-child>[data-streamdown="table-cell"]:first-child {
|
||||
[data-streamdown="table-body"]
|
||||
tr:last-child
|
||||
> [data-streamdown="table-cell"]:first-child {
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
|
||||
[data-streamdown="table-body"] tr:last-child>[data-streamdown="table-cell"]:last-child {
|
||||
[data-streamdown="table-body"]
|
||||
tr:last-child
|
||||
> [data-streamdown="table-cell"]:last-child {
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
||||
|
|
@ -610,66 +619,3 @@ code {
|
|||
.ticker-char{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ant-tour-panel {
|
||||
border-radius: 10px;
|
||||
border: 1px solid #000000;
|
||||
font-family:
|
||||
"Microsoft YaHei",
|
||||
"PingFang SC",
|
||||
"Hiragino Sans GB",
|
||||
"Noto Sans CJK SC",
|
||||
"Segoe UI",
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
.ant-tour .ant-tour-arrow:before {
|
||||
background: #000;
|
||||
}
|
||||
.workspace-input-tools-tour.ant-tour .ant-tour-section .ant-tour-close {
|
||||
top: 20px;
|
||||
}
|
||||
|
||||
.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary,
|
||||
.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary:hover,
|
||||
.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary:focus,
|
||||
.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary:active {
|
||||
height: 28px;
|
||||
width: 80px;
|
||||
font-size: 12px;
|
||||
background: #150055 !important;
|
||||
border-color: #150055 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default,
|
||||
.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default:hover,
|
||||
.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default:focus,
|
||||
.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default:active {
|
||||
/* background: #8d44ee !important; */
|
||||
height: 28px;
|
||||
width: 80px;
|
||||
font-size: 12px;
|
||||
border-color: #150055 !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
.workspace-input-tools-tour.ant-tour .ant-tour-section .ant-tour-header {
|
||||
padding: 20px 20px 15px !important;
|
||||
|
||||
}
|
||||
|
||||
.workspace-input-tools-tour.ant-tour .ant-tour-section .ant-tour-description {
|
||||
padding: 0 20px !important;
|
||||
font-size: 13px;
|
||||
|
||||
}
|
||||
|
||||
.ant-tour-footer {
|
||||
padding: 25px 20px 20px !important;
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
.ant-tour .ant-tour-section .ant-tour-footer .ant-tour-indicators .ant-tour-indicator-active {
|
||||
background: #150055 !important;
|
||||
}
|
||||
Loading…
Reference in New Issue