mirror of
https://github.com/claude-code-best/claude-code.git
synced 2026-06-18 22:35:51 +00:00
更新大量 tsx 原始文件; 已经迁移 login panel; 部分 (#121)
* style(B1-1): 格式化 ink/buddy/cli/context/screens/tasks/services/keybindings/state (43 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 修复了 Box.tsx 和 ScrollBox.tsx 中无效的 global.d.ts import。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-2): 格式化 commands (79 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-3): 格式化 components/messages,permissions,mcp,sandbox,shell (104 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-4): 格式化 components/PromptInput,FeedbackSurvey,tasks,agents,skills,design-system,wizard (73 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-5): 格式化 components其余 + hooks + tools (232 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-6): 格式化 main/entrypoints/utils/moreright (21 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: 更新 README，新增 Run.ps1/TODO.md，删除 V6.md - README.md: 大幅重写，更详细版本历史和配置示例 - Run.ps1: 新增 Windows 启动脚本 - TODO.md: 新增包完成清单 - V6.md: 删除（架构重构规划已不适用） Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix: 修复以前的问题 * fix: 修复 login 面板的问题 --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
claude-code-best
@@ -1,18 +1,36 @@
|
||||
import { c as _c } from "react/compiler-runtime";
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS, logEvent } from 'src/services/analytics/index.js';
|
||||
import { Box, Link, Text, useInput } from '../../ink.js';
|
||||
import { type AccountSettings, calculateShouldShowGrove, type GroveConfig, getGroveNoticeConfig, getGroveSettings, markGroveNoticeViewed, updateGroveSettings } from '../../services/api/grove.js';
|
||||
import { Select } from '../CustomSelect/index.js';
|
||||
import { Byline } from '../design-system/Byline.js';
|
||||
import { Dialog } from '../design-system/Dialog.js';
|
||||
import { KeyboardShortcutHint } from '../design-system/KeyboardShortcutHint.js';
|
||||
export type GroveDecision = 'accept_opt_in' | 'accept_opt_out' | 'defer' | 'escape' | 'skip_rendering';
|
||||
import React, { useEffect, useState } from 'react'
|
||||
import {
|
||||
type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
|
||||
logEvent,
|
||||
} from 'src/services/analytics/index.js'
|
||||
import { Box, Link, Text, useInput } from '../../ink.js'
|
||||
import {
|
||||
type AccountSettings,
|
||||
calculateShouldShowGrove,
|
||||
type GroveConfig,
|
||||
getGroveNoticeConfig,
|
||||
getGroveSettings,
|
||||
markGroveNoticeViewed,
|
||||
updateGroveSettings,
|
||||
} from '../../services/api/grove.js'
|
||||
import { Select } from '../CustomSelect/index.js'
|
||||
import { Byline } from '../design-system/Byline.js'
|
||||
import { Dialog } from '../design-system/Dialog.js'
|
||||
import { KeyboardShortcutHint } from '../design-system/KeyboardShortcutHint.js'
|
||||
|
||||
export type GroveDecision =
|
||||
| 'accept_opt_in'
|
||||
| 'accept_opt_out'
|
||||
| 'defer'
|
||||
| 'escape'
|
||||
| 'skip_rendering'
|
||||
|
||||
type Props = {
|
||||
showIfAlreadyViewed: boolean;
|
||||
location: 'settings' | 'policy_update_modal' | 'onboarding';
|
||||
onDone(decision: GroveDecision): void;
|
||||
};
|
||||
showIfAlreadyViewed: boolean
|
||||
location: 'settings' | 'policy_update_modal' | 'onboarding'
|
||||
onDone(decision: GroveDecision): void
|
||||
}
|
||||
|
||||
const NEW_TERMS_ASCII = ` _____________
|
||||
| \\ \\
|
||||
| NEW TERMS \\__\\
|
||||
@@ -23,440 +41,335 @@ const NEW_TERMS_ASCII = ` _____________
|
||||
| ---------- |
|
||||
| ---------- |
|
||||
| |
|
||||
|______________|`;
|
||||
function GracePeriodContentBody() {
|
||||
const $ = _c(9);
|
||||
let t0;
|
||||
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t0 = <Text>An update to our Consumer Terms and Privacy Policy will take effect on{" "}<Text bold={true}>October 8, 2025</Text>. You can accept the updated terms today.</Text>;
|
||||
$[0] = t0;
|
||||
} else {
|
||||
t0 = $[0];
|
||||
}
|
||||
let t1;
|
||||
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t1 = <Text>What's changing?</Text>;
|
||||
$[1] = t1;
|
||||
} else {
|
||||
t1 = $[1];
|
||||
}
|
||||
let t2;
|
||||
let t3;
|
||||
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t2 = <Text>· </Text>;
|
||||
t3 = <Text bold={true}>You can help improve Claude </Text>;
|
||||
$[2] = t2;
|
||||
$[3] = t3;
|
||||
} else {
|
||||
t2 = $[2];
|
||||
t3 = $[3];
|
||||
}
|
||||
let t4;
|
||||
if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t4 = <Box paddingLeft={1}><Text>{t2}{t3}<Text>— Allow the use of your chats and coding sessions to train and improve Anthropic AI models. Change anytime in your Privacy Settings (<Link url="https://claude.ai/settings/data-privacy-controls" />).</Text></Text></Box>;
|
||||
$[4] = t4;
|
||||
} else {
|
||||
t4 = $[4];
|
||||
}
|
||||
let t5;
|
||||
if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t5 = <Box flexDirection="column">{t1}{t4}<Box paddingLeft={1}><Text><Text>· </Text><Text bold={true}>Updates to data retention </Text><Text>— To help us improve our AI models and safety protections, we're extending data retention to 5 years.</Text></Text></Box></Box>;
|
||||
$[5] = t5;
|
||||
} else {
|
||||
t5 = $[5];
|
||||
}
|
||||
let t6;
|
||||
if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t6 = <Link url="https://www.anthropic.com/news/updates-to-our-consumer-terms" />;
|
||||
$[6] = t6;
|
||||
} else {
|
||||
t6 = $[6];
|
||||
}
|
||||
let t7;
|
||||
if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t7 = <Link url="https://anthropic.com/legal/terms" />;
|
||||
$[7] = t7;
|
||||
} else {
|
||||
t7 = $[7];
|
||||
}
|
||||
let t8;
|
||||
if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t8 = <>{t0}{t5}<Text>Learn more ({t6}) or read the updated Consumer Terms ({t7}) and Privacy Policy (<Link url="https://anthropic.com/legal/privacy" />)</Text></>;
|
||||
$[8] = t8;
|
||||
} else {
|
||||
t8 = $[8];
|
||||
}
|
||||
return t8;
|
||||
|______________|`
|
||||
|
||||
function GracePeriodContentBody(): React.ReactNode {
|
||||
return (
|
||||
<>
|
||||
<Text>
|
||||
An update to our Consumer Terms and Privacy Policy will take effect on{' '}
|
||||
<Text bold>October 8, 2025</Text>. You can accept the updated terms
|
||||
today.
|
||||
</Text>
|
||||
|
||||
<Box flexDirection="column">
|
||||
<Text>What's changing?</Text>
|
||||
|
||||
<Box paddingLeft={1}>
|
||||
<Text>
|
||||
<Text>· </Text>
|
||||
<Text bold>You can help improve Claude </Text>
|
||||
<Text>
|
||||
— Allow the use of your chats and coding sessions to train and
|
||||
improve Anthropic AI models. Change anytime in your Privacy
|
||||
Settings (
|
||||
<Link
|
||||
url={'https://claude.ai/settings/data-privacy-controls'}
|
||||
></Link>
|
||||
).
|
||||
</Text>
|
||||
</Text>
|
||||
</Box>
|
||||
<Box paddingLeft={1}>
|
||||
<Text>
|
||||
<Text>· </Text>
|
||||
<Text bold>Updates to data retention </Text>
|
||||
<Text>
|
||||
— To help us improve our AI models and safety protections,
|
||||
we're extending data retention to 5 years.
|
||||
</Text>
|
||||
</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
<Text>
|
||||
Learn more (
|
||||
<Link
|
||||
url={'https://www.anthropic.com/news/updates-to-our-consumer-terms'}
|
||||
></Link>
|
||||
) or read the updated Consumer Terms (
|
||||
<Link url={'https://anthropic.com/legal/terms'}></Link>) and Privacy
|
||||
Policy (<Link url={'https://anthropic.com/legal/privacy'}></Link>)
|
||||
</Text>
|
||||
</>
|
||||
)
|
||||
}
|
||||
function PostGracePeriodContentBody() {
|
||||
const $ = _c(7);
|
||||
let t0;
|
||||
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t0 = <Text>We've updated our Consumer Terms and Privacy Policy.</Text>;
|
||||
$[0] = t0;
|
||||
} else {
|
||||
t0 = $[0];
|
||||
}
|
||||
let t1;
|
||||
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t1 = <Text>What's changing?</Text>;
|
||||
$[1] = t1;
|
||||
} else {
|
||||
t1 = $[1];
|
||||
}
|
||||
let t2;
|
||||
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t2 = <Box flexDirection="column"><Text bold={true}>Help improve Claude</Text><Text>Allow the use of your chats and coding sessions to train and improve Anthropic AI models. You can change this anytime in Privacy Settings</Text><Link url="https://claude.ai/settings/data-privacy-controls" /></Box>;
|
||||
$[2] = t2;
|
||||
} else {
|
||||
t2 = $[2];
|
||||
}
|
||||
let t3;
|
||||
if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t3 = <Box flexDirection="column" gap={1}>{t1}{t2}<Box flexDirection="column"><Text bold={true}>How this affects data retention</Text><Text>Turning ON the improve Claude setting extends data retention from 30 days to 5 years. Turning it OFF keeps the default 30-day data retention. Delete data anytime.</Text></Box></Box>;
|
||||
$[3] = t3;
|
||||
} else {
|
||||
t3 = $[3];
|
||||
}
|
||||
let t4;
|
||||
if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t4 = <Link url="https://www.anthropic.com/news/updates-to-our-consumer-terms" />;
|
||||
$[4] = t4;
|
||||
} else {
|
||||
t4 = $[4];
|
||||
}
|
||||
let t5;
|
||||
if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t5 = <Link url="https://anthropic.com/legal/terms" />;
|
||||
$[5] = t5;
|
||||
} else {
|
||||
t5 = $[5];
|
||||
}
|
||||
let t6;
|
||||
if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t6 = <>{t0}{t3}<Text>Learn more ({t4}) or read the updated Consumer Terms ({t5}) and Privacy Policy (<Link url="https://anthropic.com/legal/privacy" />)</Text></>;
|
||||
$[6] = t6;
|
||||
} else {
|
||||
t6 = $[6];
|
||||
}
|
||||
return t6;
|
||||
|
||||
function PostGracePeriodContentBody(): React.ReactNode {
|
||||
return (
|
||||
<>
|
||||
<Text>We've updated our Consumer Terms and Privacy Policy.</Text>
|
||||
|
||||
<Box flexDirection="column" gap={1}>
|
||||
<Text>What's changing?</Text>
|
||||
|
||||
<Box flexDirection="column">
|
||||
<Text bold>Help improve Claude</Text>
|
||||
<Text>
|
||||
Allow the use of your chats and coding sessions to train and improve
|
||||
Anthropic AI models. You can change this anytime in Privacy Settings
|
||||
</Text>
|
||||
<Link url={'https://claude.ai/settings/data-privacy-controls'}></Link>
|
||||
</Box>
|
||||
|
||||
<Box flexDirection="column">
|
||||
<Text bold>How this affects data retention</Text>
|
||||
<Text>
|
||||
Turning ON the improve Claude setting extends data retention from 30
|
||||
days to 5 years. Turning it OFF keeps the default 30-day data
|
||||
retention. Delete data anytime.
|
||||
</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
<Text>
|
||||
Learn more (
|
||||
<Link
|
||||
url={'https://www.anthropic.com/news/updates-to-our-consumer-terms'}
|
||||
></Link>
|
||||
) or read the updated Consumer Terms (
|
||||
<Link url={'https://anthropic.com/legal/terms'}></Link>) and Privacy
|
||||
Policy (<Link url={'https://anthropic.com/legal/privacy'}></Link>)
|
||||
</Text>
|
||||
</>
|
||||
)
|
||||
}
|
||||
export function GroveDialog(t0) {
|
||||
const $ = _c(34);
|
||||
const {
|
||||
showIfAlreadyViewed,
|
||||
location,
|
||||
onDone
|
||||
} = t0;
|
||||
const [shouldShowDialog, setShouldShowDialog] = useState(null);
|
||||
const [groveConfig, setGroveConfig] = useState(null);
|
||||
let t1;
|
||||
let t2;
|
||||
if ($[0] !== location || $[1] !== onDone || $[2] !== showIfAlreadyViewed) {
|
||||
t1 = () => {
|
||||
const checkGroveSettings = async function checkGroveSettings() {
|
||||
const [settingsResult, configResult] = await Promise.all([getGroveSettings(), getGroveNoticeConfig()]);
|
||||
const config = configResult.success ? configResult.data : null;
|
||||
setGroveConfig(config);
|
||||
const shouldShow = calculateShouldShowGrove(settingsResult, configResult, showIfAlreadyViewed);
|
||||
setShouldShowDialog(shouldShow);
|
||||
if (!shouldShow) {
|
||||
onDone("skip_rendering");
|
||||
return;
|
||||
}
|
||||
markGroveNoticeViewed();
|
||||
logEvent("tengu_grove_policy_viewed", {
|
||||
location: location as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
|
||||
dismissable: config?.notice_is_grace_period as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
|
||||
});
|
||||
};
|
||||
checkGroveSettings();
|
||||
};
|
||||
t2 = [showIfAlreadyViewed, location, onDone];
|
||||
$[0] = location;
|
||||
$[1] = onDone;
|
||||
$[2] = showIfAlreadyViewed;
|
||||
$[3] = t1;
|
||||
$[4] = t2;
|
||||
} else {
|
||||
t1 = $[3];
|
||||
t2 = $[4];
|
||||
}
|
||||
useEffect(t1, t2);
|
||||
|
||||
export function GroveDialog({
|
||||
showIfAlreadyViewed,
|
||||
location,
|
||||
onDone,
|
||||
}: Props): React.ReactNode {
|
||||
const [shouldShowDialog, setShouldShowDialog] = useState<boolean | null>(null)
|
||||
const [groveConfig, setGroveConfig] = useState<GroveConfig | null>(null)
|
||||
|
||||
useEffect(() => {
|
||||
async function checkGroveSettings() {
|
||||
const [settingsResult, configResult] = await Promise.all([
|
||||
getGroveSettings(),
|
||||
getGroveNoticeConfig(),
|
||||
])
|
||||
|
||||
// Extract config data if successful, otherwise null
|
||||
const config = configResult.success ? configResult.data : null
|
||||
setGroveConfig(config)
|
||||
|
||||
// Determine if we should show the dialog (returns false on API failure)
|
||||
const shouldShow = calculateShouldShowGrove(
|
||||
settingsResult,
|
||||
configResult,
|
||||
showIfAlreadyViewed,
|
||||
)
|
||||
|
||||
setShouldShowDialog(shouldShow)
|
||||
// If we shouldn't show the dialog, immediately call onDone
|
||||
if (!shouldShow) {
|
||||
onDone('skip_rendering')
|
||||
return
|
||||
}
|
||||
// Mark as viewed every time we show the dialog (for reminder frequency tracking)
|
||||
void markGroveNoticeViewed()
|
||||
// Log that the Grove policy dialog was shown
|
||||
logEvent('tengu_grove_policy_viewed', {
|
||||
location:
|
||||
location as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
|
||||
dismissable:
|
||||
config?.notice_is_grace_period as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
|
||||
})
|
||||
}
|
||||
|
||||
void checkGroveSettings()
|
||||
}, [showIfAlreadyViewed, location, onDone])
|
||||
|
||||
// Loading state
|
||||
if (shouldShowDialog === null) {
|
||||
return null;
|
||||
return null
|
||||
}
|
||||
|
||||
// User has already set preferences, don't show dialog
|
||||
if (!shouldShowDialog) {
|
||||
return null;
|
||||
return null
|
||||
}
|
||||
let t3;
|
||||
if ($[5] !== groveConfig?.notice_is_grace_period || $[6] !== onDone) {
|
||||
t3 = async function onChange(value) {
|
||||
bb21: switch (value) {
|
||||
case "accept_opt_in":
|
||||
{
|
||||
await updateGroveSettings(true);
|
||||
logEvent("tengu_grove_policy_submitted", {
|
||||
state: true,
|
||||
dismissable: groveConfig?.notice_is_grace_period as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
|
||||
});
|
||||
break bb21;
|
||||
}
|
||||
case "accept_opt_out":
|
||||
{
|
||||
await updateGroveSettings(false);
|
||||
logEvent("tengu_grove_policy_submitted", {
|
||||
state: false,
|
||||
dismissable: groveConfig?.notice_is_grace_period as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
|
||||
});
|
||||
break bb21;
|
||||
}
|
||||
case "defer":
|
||||
{
|
||||
logEvent("tengu_grove_policy_dismissed", {
|
||||
state: true
|
||||
});
|
||||
break bb21;
|
||||
}
|
||||
case "escape":
|
||||
{
|
||||
logEvent("tengu_grove_policy_escaped", {});
|
||||
}
|
||||
|
||||
async function onChange(
|
||||
value: 'accept_opt_in' | 'accept_opt_out' | 'defer' | 'escape',
|
||||
) {
|
||||
switch (value) {
|
||||
case 'accept_opt_in': {
|
||||
await updateGroveSettings(true)
|
||||
logEvent('tengu_grove_policy_submitted', {
|
||||
state: true,
|
||||
dismissable:
|
||||
groveConfig?.notice_is_grace_period as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
|
||||
})
|
||||
break
|
||||
}
|
||||
onDone(value);
|
||||
};
|
||||
$[5] = groveConfig?.notice_is_grace_period;
|
||||
$[6] = onDone;
|
||||
$[7] = t3;
|
||||
} else {
|
||||
t3 = $[7];
|
||||
}
|
||||
const onChange = t3;
|
||||
let t4;
|
||||
if ($[8] !== groveConfig?.domain_excluded) {
|
||||
t4 = groveConfig?.domain_excluded ? [{
|
||||
label: "Accept terms \xB7 Help improve Claude: OFF (for emails with your domain)",
|
||||
value: "accept_opt_out"
|
||||
}] : [{
|
||||
label: "Accept terms \xB7 Help improve Claude: ON",
|
||||
value: "accept_opt_in"
|
||||
}, {
|
||||
label: "Accept terms \xB7 Help improve Claude: OFF",
|
||||
value: "accept_opt_out"
|
||||
}];
|
||||
$[8] = groveConfig?.domain_excluded;
|
||||
$[9] = t4;
|
||||
} else {
|
||||
t4 = $[9];
|
||||
}
|
||||
const acceptOptions = t4;
|
||||
let t5;
|
||||
if ($[10] !== groveConfig?.notice_is_grace_period || $[11] !== onChange) {
|
||||
t5 = function handleCancel() {
|
||||
if (groveConfig?.notice_is_grace_period) {
|
||||
onChange("defer");
|
||||
return;
|
||||
case 'accept_opt_out': {
|
||||
await updateGroveSettings(false)
|
||||
logEvent('tengu_grove_policy_submitted', {
|
||||
state: false,
|
||||
dismissable:
|
||||
groveConfig?.notice_is_grace_period as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
|
||||
})
|
||||
break
|
||||
}
|
||||
onChange("escape");
|
||||
};
|
||||
$[10] = groveConfig?.notice_is_grace_period;
|
||||
$[11] = onChange;
|
||||
$[12] = t5;
|
||||
} else {
|
||||
t5 = $[12];
|
||||
case 'defer':
|
||||
logEvent('tengu_grove_policy_dismissed', {
|
||||
state: true,
|
||||
})
|
||||
break
|
||||
case 'escape':
|
||||
logEvent('tengu_grove_policy_escaped', {})
|
||||
break
|
||||
}
|
||||
|
||||
onDone(value)
|
||||
}
|
||||
const handleCancel = t5;
|
||||
let t6;
|
||||
if ($[13] !== groveConfig?.notice_is_grace_period) {
|
||||
t6 = <Box flexDirection="column" gap={1} flexGrow={1}>{groveConfig?.notice_is_grace_period ? <GracePeriodContentBody /> : <PostGracePeriodContentBody />}</Box>;
|
||||
$[13] = groveConfig?.notice_is_grace_period;
|
||||
$[14] = t6;
|
||||
} else {
|
||||
t6 = $[14];
|
||||
|
||||
const acceptOptions = groveConfig?.domain_excluded
|
||||
? [
|
||||
{
|
||||
label:
|
||||
'Accept terms · Help improve Claude: OFF (for emails with your domain)',
|
||||
value: 'accept_opt_out',
|
||||
},
|
||||
]
|
||||
: [
|
||||
{
|
||||
label: 'Accept terms · Help improve Claude: ON',
|
||||
value: 'accept_opt_in',
|
||||
},
|
||||
{
|
||||
label: 'Accept terms · Help improve Claude: OFF',
|
||||
value: 'accept_opt_out',
|
||||
},
|
||||
]
|
||||
|
||||
function handleCancel(): void {
|
||||
if (groveConfig?.notice_is_grace_period) {
|
||||
void onChange('defer')
|
||||
return
|
||||
}
|
||||
void onChange('escape')
|
||||
}
|
||||
let t7;
|
||||
if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t7 = <Box flexShrink={0}><Text color="professionalBlue">{NEW_TERMS_ASCII}</Text></Box>;
|
||||
$[15] = t7;
|
||||
} else {
|
||||
t7 = $[15];
|
||||
}
|
||||
let t8;
|
||||
if ($[16] !== t6) {
|
||||
t8 = <Box flexDirection="row">{t6}{t7}</Box>;
|
||||
$[16] = t6;
|
||||
$[17] = t8;
|
||||
} else {
|
||||
t8 = $[17];
|
||||
}
|
||||
let t9;
|
||||
if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t9 = <Box flexDirection="column"><Text bold={true}>Please select how you'd like to continue</Text><Text>Your choice takes effect immediately upon confirmation.</Text></Box>;
|
||||
$[18] = t9;
|
||||
} else {
|
||||
t9 = $[18];
|
||||
}
|
||||
let t10;
|
||||
if ($[19] !== groveConfig?.notice_is_grace_period) {
|
||||
t10 = groveConfig?.notice_is_grace_period ? [{
|
||||
label: "Not now",
|
||||
value: "defer"
|
||||
}] : [];
|
||||
$[19] = groveConfig?.notice_is_grace_period;
|
||||
$[20] = t10;
|
||||
} else {
|
||||
t10 = $[20];
|
||||
}
|
||||
let t11;
|
||||
if ($[21] !== acceptOptions || $[22] !== t10) {
|
||||
t11 = [...acceptOptions, ...t10];
|
||||
$[21] = acceptOptions;
|
||||
$[22] = t10;
|
||||
$[23] = t11;
|
||||
} else {
|
||||
t11 = $[23];
|
||||
}
|
||||
let t12;
|
||||
if ($[24] !== onChange) {
|
||||
t12 = value_0 => onChange(value_0 as 'accept_opt_in' | 'accept_opt_out' | 'defer');
|
||||
$[24] = onChange;
|
||||
$[25] = t12;
|
||||
} else {
|
||||
t12 = $[25];
|
||||
}
|
||||
let t13;
|
||||
if ($[26] !== handleCancel || $[27] !== t11 || $[28] !== t12) {
|
||||
t13 = <Box flexDirection="column" gap={1}>{t9}<Select options={t11} onChange={t12} onCancel={handleCancel} /></Box>;
|
||||
$[26] = handleCancel;
|
||||
$[27] = t11;
|
||||
$[28] = t12;
|
||||
$[29] = t13;
|
||||
} else {
|
||||
t13 = $[29];
|
||||
}
|
||||
let t14;
|
||||
if ($[30] !== handleCancel || $[31] !== t13 || $[32] !== t8) {
|
||||
t14 = <Dialog title="Updates to Consumer Terms and Policies" color="professionalBlue" onCancel={handleCancel} inputGuide={_temp}>{t8}{t13}</Dialog>;
|
||||
$[30] = handleCancel;
|
||||
$[31] = t13;
|
||||
$[32] = t8;
|
||||
$[33] = t14;
|
||||
} else {
|
||||
t14 = $[33];
|
||||
}
|
||||
return t14;
|
||||
}
|
||||
function _temp(exitState) {
|
||||
return exitState.pending ? <Text>Press {exitState.keyName} again to exit</Text> : <Byline><KeyboardShortcutHint shortcut="Enter" action="confirm" /><KeyboardShortcutHint shortcut="Esc" action="cancel" /></Byline>;
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
title="Updates to Consumer Terms and Policies"
|
||||
color="professionalBlue"
|
||||
onCancel={handleCancel}
|
||||
inputGuide={exitState =>
|
||||
exitState.pending ? (
|
||||
<Text>Press {exitState.keyName} again to exit</Text>
|
||||
) : (
|
||||
<Byline>
|
||||
<KeyboardShortcutHint shortcut="Enter" action="confirm" />
|
||||
<KeyboardShortcutHint shortcut="Esc" action="cancel" />
|
||||
</Byline>
|
||||
)
|
||||
}
|
||||
>
|
||||
<Box flexDirection="row">
|
||||
<Box flexDirection="column" gap={1} flexGrow={1}>
|
||||
{groveConfig?.notice_is_grace_period ? (
|
||||
<GracePeriodContentBody />
|
||||
) : (
|
||||
<PostGracePeriodContentBody />
|
||||
)}
|
||||
</Box>
|
||||
<Box flexShrink={0}>
|
||||
<Text color="professionalBlue">{NEW_TERMS_ASCII}</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
<Box flexDirection="column" gap={1}>
|
||||
<Box flexDirection="column">
|
||||
<Text bold>Please select how you'd like to continue</Text>
|
||||
<Text>Your choice takes effect immediately upon confirmation.</Text>
|
||||
</Box>
|
||||
|
||||
<Select
|
||||
options={[
|
||||
...acceptOptions,
|
||||
// Only show "Not now" if in grace period
|
||||
...(groveConfig?.notice_is_grace_period
|
||||
? [{ label: 'Not now', value: 'defer' }]
|
||||
: []),
|
||||
]}
|
||||
onChange={value =>
|
||||
onChange(value as 'accept_opt_in' | 'accept_opt_out' | 'defer')
|
||||
}
|
||||
onCancel={handleCancel}
|
||||
/>
|
||||
</Box>
|
||||
</Dialog>
|
||||
)
|
||||
}
|
||||
|
||||
type PrivacySettingsDialogProps = {
|
||||
settings: AccountSettings;
|
||||
domainExcluded?: boolean;
|
||||
onDone(): void;
|
||||
};
|
||||
export function PrivacySettingsDialog(t0) {
|
||||
const $ = _c(17);
|
||||
const {
|
||||
settings,
|
||||
domainExcluded,
|
||||
onDone
|
||||
} = t0;
|
||||
const [groveEnabled, setGroveEnabled] = useState(settings.grove_enabled);
|
||||
let t1;
|
||||
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t1 = [];
|
||||
$[0] = t1;
|
||||
} else {
|
||||
t1 = $[0];
|
||||
}
|
||||
React.useEffect(_temp2, t1);
|
||||
let t2;
|
||||
if ($[1] !== domainExcluded || $[2] !== groveEnabled) {
|
||||
t2 = async (input, key) => {
|
||||
if (!domainExcluded && (key.tab || key.return || input === " ")) {
|
||||
const newValue = !groveEnabled;
|
||||
setGroveEnabled(newValue);
|
||||
await updateGroveSettings(newValue);
|
||||
}
|
||||
};
|
||||
$[1] = domainExcluded;
|
||||
$[2] = groveEnabled;
|
||||
$[3] = t2;
|
||||
} else {
|
||||
t2 = $[3];
|
||||
}
|
||||
useInput(t2);
|
||||
let t3;
|
||||
if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t3 = <Text color="error">false</Text>;
|
||||
$[4] = t3;
|
||||
} else {
|
||||
t3 = $[4];
|
||||
}
|
||||
let valueComponent = t3;
|
||||
settings: AccountSettings
|
||||
domainExcluded?: boolean
|
||||
onDone(): void
|
||||
}
|
||||
|
||||
export function PrivacySettingsDialog({
|
||||
settings,
|
||||
domainExcluded,
|
||||
onDone,
|
||||
}: PrivacySettingsDialogProps): React.ReactNode {
|
||||
const [groveEnabled, setGroveEnabled] = useState(settings.grove_enabled)
|
||||
|
||||
React.useEffect(() => {
|
||||
logEvent('tengu_grove_privacy_settings_viewed', {})
|
||||
}, [])
|
||||
|
||||
useInput(async (input, key) => {
|
||||
// Toggle the setting when enter/tab/space is pressed
|
||||
if (!domainExcluded && (key.tab || key.return || input === ' ')) {
|
||||
const newValue = !groveEnabled
|
||||
setGroveEnabled(newValue)
|
||||
await updateGroveSettings(newValue)
|
||||
}
|
||||
})
|
||||
|
||||
let valueComponent = <Text color="error">false</Text>
|
||||
if (domainExcluded) {
|
||||
let t4;
|
||||
if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t4 = <Text color="error">false (for emails with your domain)</Text>;
|
||||
$[5] = t4;
|
||||
} else {
|
||||
t4 = $[5];
|
||||
}
|
||||
valueComponent = t4;
|
||||
} else {
|
||||
if (groveEnabled) {
|
||||
let t4;
|
||||
if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t4 = <Text color="success">true</Text>;
|
||||
$[6] = t4;
|
||||
} else {
|
||||
t4 = $[6];
|
||||
valueComponent = (
|
||||
<Text color="error">false (for emails with your domain)</Text>
|
||||
)
|
||||
} else if (groveEnabled) {
|
||||
valueComponent = <Text color="success">true</Text>
|
||||
}
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
title="Data Privacy"
|
||||
color="professionalBlue"
|
||||
onCancel={onDone}
|
||||
inputGuide={exitState =>
|
||||
exitState.pending ? (
|
||||
<Text>Press {exitState.keyName} again to exit</Text>
|
||||
) : domainExcluded ? (
|
||||
<KeyboardShortcutHint shortcut="Esc" action="cancel" />
|
||||
) : (
|
||||
<Byline>
|
||||
<KeyboardShortcutHint shortcut="Enter/Tab/Space" action="toggle" />
|
||||
<KeyboardShortcutHint shortcut="Esc" action="cancel" />
|
||||
</Byline>
|
||||
)
|
||||
}
|
||||
valueComponent = t4;
|
||||
}
|
||||
}
|
||||
let t4;
|
||||
if ($[7] !== domainExcluded) {
|
||||
t4 = exitState => exitState.pending ? <Text>Press {exitState.keyName} again to exit</Text> : domainExcluded ? <KeyboardShortcutHint shortcut="Esc" action="cancel" /> : <Byline><KeyboardShortcutHint shortcut="Enter/Tab/Space" action="toggle" /><KeyboardShortcutHint shortcut="Esc" action="cancel" /></Byline>;
|
||||
$[7] = domainExcluded;
|
||||
$[8] = t4;
|
||||
} else {
|
||||
t4 = $[8];
|
||||
}
|
||||
let t5;
|
||||
if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t5 = <Text>Review and manage your privacy settings at{" "}<Link url="https://claude.ai/settings/data-privacy-controls" /></Text>;
|
||||
$[9] = t5;
|
||||
} else {
|
||||
t5 = $[9];
|
||||
}
|
||||
let t6;
|
||||
if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t6 = <Box width={44}><Text bold={true}>Help improve Claude</Text></Box>;
|
||||
$[10] = t6;
|
||||
} else {
|
||||
t6 = $[10];
|
||||
}
|
||||
let t7;
|
||||
if ($[11] !== valueComponent) {
|
||||
t7 = <Box>{t6}<Box>{valueComponent}</Box></Box>;
|
||||
$[11] = valueComponent;
|
||||
$[12] = t7;
|
||||
} else {
|
||||
t7 = $[12];
|
||||
}
|
||||
let t8;
|
||||
if ($[13] !== onDone || $[14] !== t4 || $[15] !== t7) {
|
||||
t8 = <Dialog title="Data Privacy" color="professionalBlue" onCancel={onDone} inputGuide={t4}>{t5}{t7}</Dialog>;
|
||||
$[13] = onDone;
|
||||
$[14] = t4;
|
||||
$[15] = t7;
|
||||
$[16] = t8;
|
||||
} else {
|
||||
t8 = $[16];
|
||||
}
|
||||
return t8;
|
||||
}
|
||||
function _temp2() {
|
||||
logEvent("tengu_grove_privacy_settings_viewed", {});
|
||||
>
|
||||
<Text>
|
||||
Review and manage your privacy settings at{' '}
|
||||
<Link url={'https://claude.ai/settings/data-privacy-controls'}></Link>
|
||||
</Text>
|
||||
|
||||
<Box>
|
||||
<Box width={44}>
|
||||
<Text bold>Help improve Claude</Text>
|
||||
</Box>
|
||||
<Box>{valueComponent}</Box>
|
||||
</Box>
|
||||
</Dialog>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user