60 lines
1.9 KiB
TypeScript
60 lines
1.9 KiB
TypeScript
/*
|
|
* Copyright 2025 coze-dev Authors
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { useBotDetailIsReadonly } from '@coze-studio/bot-detail-store';
|
|
import { I18n } from '@coze-arch/i18n';
|
|
import { InsertInputSlotAction } from '@coze-common/editor-plugins/actions';
|
|
import { ActionBar } from '@coze-common/editor-plugins/action-bar';
|
|
import { ActiveLinePlaceholder } from '@coze-common/prompt-kit-base/editor';
|
|
import {
|
|
PromptView as BaseComponent,
|
|
ImportToLibrary,
|
|
PromptLibrary,
|
|
type PromptViewProps as BaseProps,
|
|
} from '@coze-agent-ide/prompt';
|
|
export type PromptViewProps = Omit<BaseProps, 'actionButton'>;
|
|
|
|
export const PromptView: React.FC<PromptViewProps> = (...props) => {
|
|
const isReadonly = useBotDetailIsReadonly();
|
|
return (
|
|
<BaseComponent
|
|
{...props}
|
|
actionButton={
|
|
<div className="flex items-center gap-[6px]">
|
|
{!isReadonly ? (
|
|
<>
|
|
<ImportToLibrary readonly={isReadonly} enableDiff={false} />
|
|
<PromptLibrary readonly={isReadonly} enableDiff={false} />
|
|
</>
|
|
) : null}
|
|
</div>
|
|
}
|
|
editorExtensions={
|
|
<>
|
|
<ActionBar>
|
|
<InsertInputSlotAction />
|
|
</ActionBar>
|
|
<ActiveLinePlaceholder>
|
|
{I18n.t('agent_prompt_editor_insert_placeholder', {
|
|
keymap: '{',
|
|
})}
|
|
</ActiveLinePlaceholder>
|
|
</>
|
|
}
|
|
/>
|
|
);
|
|
};
|