Merge branch 'aws-samples:main' into deploy

icoxfog417 · web-flow · commit d107ade8c837 · 2025-08-06T12:35:17.000+09:00
diff --git a/README.md b/README.md
diff --git a/README_ja.md b/README_ja.md
@@ -216,6 +216,8 @@ GenU をご利用いただく際の、構成と料金試算例を公開してお
 | <a href="https://www.st-grp.co.jp/" target="_blank"><img src="./docs/assets/images/cases/st-grp_logo.jpg"></a>                    | **三協立山株式会社** <br/> _社内に埋もれていた情報が Amazon Kendra の活用で素早く探せるようになりました。GenU を参考にすることで求めていた議事録生成などの機能を迅速に提供できました。_ <br/> ・[事例の詳細を見る](./docs/assets/images/cases/st-grp_case.png)                                                                                                                                                                                          |
 | <a href="https://www.oisixradaichi.co.jp/" target="_blank"><img src="./docs/assets/images/cases/oisixradaichi_logo.png"></a>      | **オイシックス・ラ・大地株式会社** <br/> _GenU を活用したユースケースの開発プロジェクトを通して、必要なリソース、プロジェクト体制、外部からの支援、人材育成などを把握するきっかけとなり、生成 AI の社内展開に向けたイメージを明確につかむことができました。_ <br/> ・[事例のページを見る](https://aws.amazon.com/jp/solutions/case-studies/oisix/)                                                                                                      |
 | <a href="https://www.san-a.co.jp/" target="_blank"><img src="./docs/assets/images/cases/san-a_logo.png"></a>                      | **株式会社サンエー** <br/> _Amazon Bedrock を活用することでエンジニアの生産性が劇的に向上し、内製で構築してきた当社特有の環境のクラウドへの移行を加速できました。_ <br/> ・[事例の詳細を見る](./docs/assets/images/cases/san-a_case.png)<br/> ・[事例のページを見る](https://aws.amazon.com/jp/solutions/case-studies/san-a/)                                                                                                                           |
+| <a href="https://onecompath.com/" target="_blank"><img src="./docs/assets/images/cases/onecompath_logo.png"></a>                  | **株式会社ONE COMPATH** <br/> _GenU を活用することで全社生成 AI 基盤構築を短期間で実現できました。企画部門での PoC 開発も可能になりビジネス創出サイクルを高速化、開発部門もより重要なビジネスにリソースを集中させることが可能になりました。_ <br/> ・[事例の詳細を見る](./docs/assets/images/cases/onecompath_case.png)<br/>                                                                                                                            |
+| <a href="https://www.mee.co.jp/" target="_blank"><img src="./docs/assets/images/cases/mee_logo.jpg"></a>                          | **三菱電機エンジニアリング株式会社** <br/> _生成AIの開発未経験のメンバーがサーバーワークスの伴走支援によってGenUを活用し、わずか3カ月でRAGシステムを開発。GenUを参考にしたアーキテクチャ構築により、ヘルプデスク業務のマニュアル検索効率化を実現し、開発の内製化を達成しました。_ <br/> ・[事例の詳細を見る](https://www.serverworks.co.jp/case/mee.html?utm_source=github&utm_medium=external-media&utm_campaign=github_external-media_GenU)<br/>      |
 
 活用事例を掲載させて頂ける場合は、[Issue](https://github.com/aws-samples/generative-ai-use-cases/issues)よりご連絡ください。
 
@@ -230,6 +232,8 @@ GenU をご利用いただく際の、構成と料金試算例を公開してお
 - [ブログ: Generative AI Use Cases JP ~ はじめての Contribution ガイド](https://aws.amazon.com/jp/builders-flash/202504/genu-development-guide/)
 - [ブログ: 無茶振りは生成 AI に断ってもらおう ~ ブラウザに生成 AI を組み込んでみた ~](https://aws.amazon.com/jp/builders-flash/202405/genai-sorry-message/)
 - [ブログ: Amazon Bedrock で Interpreter を開発!](https://aws.amazon.com/jp/builders-flash/202311/bedrock-interpreter/)
+- [ブログ: GenU の メタデータフィルターで部署ごとのフィルターを行う](https://qiita.com/sugimount-a/items/f08c1a7a777d5dece386)
+- [ブログ: GenU で Bedorck を別 AWS アカウントで推論する](https://qiita.com/sugimount-a/items/e7d2fb94abacebec40d1)
 - [動画: 生成 AI ユースケースを考え倒すための Generative AI Use Cases JP (GenU) の魅力と使い方](https://www.youtube.com/live/s1P5A2SIWgc?si=PBQ4ZHQXU4pDhL8A)
 
 ## Security
diff --git a/docs/assets/images/cases/mee_logo.jpg b/docs/assets/images/cases/mee_logo.jpg
diff --git a/docs/assets/images/cases/onecompath_case.png b/docs/assets/images/cases/onecompath_case.png
diff --git a/docs/assets/images/cases/onecompath_logo.png b/docs/assets/images/cases/onecompath_logo.png
diff --git a/docs/en/DEPLOY_OPTION.md b/docs/en/DEPLOY_OPTION.md
@@ -712,6 +712,7 @@ As of 2025/03, the multimodal models are:
 "anthropic.claude-3-opus-20240229-v1:0",
 "anthropic.claude-3-sonnet-20240229-v1:0",
 "anthropic.claude-3-haiku-20240307-v1:0",
+"us.anthropic.claude-opus-4-1-20250805-v1:0",
 "us.anthropic.claude-opus-4-20250514-v1:0",
 "us.anthropic.claude-sonnet-4-20250514-v1:0",
 "us.anthropic.claude-3-7-sonnet-20250219-v1:0",
@@ -876,6 +877,7 @@ This solution supports the following text generation models:
 "anthropic.claude-3-opus-20240229-v1:0",
 "anthropic.claude-3-sonnet-20240229-v1:0",
 "anthropic.claude-3-haiku-20240307-v1:0",
+"us.anthropic.claude-opus-4-1-20250805-v1:0",
 "us.anthropic.claude-opus-4-20250514-v1:0",
 "us.anthropic.claude-sonnet-4-20250514-v1:0",
 "us.anthropic.claude-3-7-sonnet-20250219-v1:0",
diff --git a/docs/ja/DEPLOY_OPTION.md b/docs/ja/DEPLOY_OPTION.md
@@ -727,6 +727,7 @@ const envs: Record<string, Partial<StackInput>> = {
 "anthropic.claude-3-opus-20240229-v1:0",
 "anthropic.claude-3-sonnet-20240229-v1:0",
 "anthropic.claude-3-haiku-20240307-v1:0",
+"us.anthropic.claude-opus-4-1-20250805-v1:0",
 "us.anthropic.claude-opus-4-20250514-v1:0",
 "us.anthropic.claude-sonnet-4-20250514-v1:0",
 "us.anthropic.claude-3-7-sonnet-20250219-v1:0",
@@ -891,6 +892,7 @@ const envs: Record<string, Partial<StackInput>> = {
 "anthropic.claude-3-opus-20240229-v1:0",
 "anthropic.claude-3-sonnet-20240229-v1:0",
 "anthropic.claude-3-haiku-20240307-v1:0",
+"us.anthropic.claude-opus-4-1-20250805-v1:0",
 "us.anthropic.claude-opus-4-20250514-v1:0",
 "us.anthropic.claude-sonnet-4-20250514-v1:0",
 "us.anthropic.claude-3-7-sonnet-20250219-v1:0",
diff --git a/docs/overrides/home_en.html b/docs/overrides/home_en.html
@@ -550,6 +550,41 @@ <h2 class="mb-16 text-center text-3xl font-bold">Customers</h2>
             </p>
           </a>
         </div>
+        <div class="swiper-slide">
+          <a
+            class="flex flex-col items-center"
+            href="../assets/images/cases/onecompath_case.png">
+            <img
+              src="../assets/images/cases/onecompath_logo.png"
+              alt="株式会社ONE COMPATH"
+              class="mb-4 h-16 object-contain" />
+            <p class="text-center text-sm text-gray-600">
+              By utilizing GenU, we were able to quickly establish a
+              company-wide generative AI foundation. This made it possible for
+              the planning department to develop PoCs independently, which
+              accelerated the business creation cycle and allowed the
+              development department to concentrate resources on more important
+              business initiatives.
+            </p>
+          </a>
+        </div>
+        <div class="swiper-slide">
+          <a
+            class="flex flex-col items-center"
+            href="https://www.serverworks.co.jp/case/mee.html?utm_source=github&utm_medium=external-media&utm_campaign=github_external-media_GenU">
+            <img
+              src="../assets/images/cases/mee_logo.jpg"
+              alt="Mitsubishi Electric Engineering Co., Ltd."
+              class="mb-4 h-16 object-contain" />
+            <p class="text-center text-sm text-gray-600">
+              Team members with no prior experience in generative AI development
+              successfully built a RAG system in just 3 months using GenU with
+              ServerWorks’ guidance. By leveraging GenU’s architecture as a
+              reference, they achieved improved efficiency in helpdesk manual
+              search operations and realized in-house development capabilities.
+            </p>
+          </a>
+        </div>
       </div>
       <div class="swiper-pagination"></div>
     </div>
diff --git a/docs/overrides/home_ja.html b/docs/overrides/home_ja.html
@@ -516,6 +516,37 @@ <h2 class="mb-16 text-center text-3xl font-bold">導入企業</h2>
             </p>
           </a>
         </div>
+        <div class="swiper-slide">
+          <a
+            class="flex flex-col items-center"
+            href="../assets/images/cases/onecompath_case.png">
+            <img
+              src="../assets/images/cases/onecompath_logo.png"
+              alt="株式会社ONE COMPATH"
+              class="mb-4 h-16 object-contain" />
+            <p class="text-center text-sm text-gray-600">
+              GenU を活用することで全社生成 AI
+              基盤構築を短期間で実現できました。 企画部門での PoC
+              開発も可能になりビジネス創出サイクルを高速化、
+              開発部門もより重要なビジネスにリソースを集中させることが可能になりました。
+            </p>
+          </a>
+        </div>
+        <div class="swiper-slide">
+          <a
+            class="flex flex-col items-center"
+            href="https://www.serverworks.co.jp/case/mee.html?utm_source=github&utm_medium=external-media&utm_campaign=github_external-media_GenU">
+            <img
+              src="../assets/images/cases/mee_logo.jpg"
+              alt="三菱電機エンジニアリング株式会社"
+              class="mb-4 h-16 object-contain" />
+            <p class="text-center text-sm text-gray-600">
+              生成AIの開発未経験のメンバーがサーバーワークスの伴走支援によってGenUを活用し、
+              わずか3カ月でRAGシステムを開発。GenUを参考にしたアーキテクチャ構築により、
+              ヘルプデスク業務のマニュアル検索効率化を実現し、開発の内製化を達成しました。
+            </p>
+          </a>
+        </div>
       </div>
       <div class="swiper-pagination"></div>
     </div>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "generative-ai-use-cases",
   "private": true,
-  "version": "4.3.2",
+  "version": "4.3.3",
   "scripts": {
     "lint": "run-s custom-lint:build root:lint web:lint:fix cdk:lint cdk:lambda-build-dryrun",
     "test": "run-s web:test",
diff --git a/packages/cdk/lambda/utils/models.ts b/packages/cdk/lambda/utils/models.ts
@@ -909,6 +909,14 @@ export const BEDROCK_TEXT_GEN_MODELS: {
     extractConverseStreamOutput: (body: ConverseStreamOutput) => StreamingChunk;
   };
 } = {
+  'us.anthropic.claude-opus-4-1-20250805-v1:0': {
+    defaultParams: CLAUDE_3_5_DEFAULT_PARAMS,
+    usecaseParams: USECASE_DEFAULT_PARAMS,
+    createConverseCommandInput: createConverseCommandInput,
+    createConverseStreamCommandInput: createConverseStreamCommandInput,
+    extractConverseOutput: extractConverseOutput,
+    extractConverseStreamOutput: extractConverseStreamOutput,
+  },
   'us.anthropic.claude-opus-4-20250514-v1:0': {
     defaultParams: CLAUDE_3_5_DEFAULT_PARAMS,
     usecaseParams: USECASE_DEFAULT_PARAMS,
diff --git a/packages/common/src/application/model.ts b/packages/common/src/application/model.ts
@@ -64,6 +64,10 @@ export const modelMetadata: Record<string, ModelMetadata> = {
     },
     displayName: 'Claude 3 Haiku',
   },
+  'us.anthropic.claude-opus-4-1-20250805-v1:0': {
+    flags: MODEL_FEATURE.TEXT_DOC_IMAGE_REASONING,
+    displayName: 'Claude Opus 4.1',
+  },
   'us.anthropic.claude-opus-4-20250514-v1:0': {
     flags: MODEL_FEATURE.TEXT_DOC_IMAGE_REASONING,
     displayName: 'Claude Opus 4',
@@ -522,6 +526,7 @@ export const BEDROCK_SPEECH_TO_SPEECH_MODELS = Object.keys(
 // Prompt caching
 // https://docs.aws.amazon.com/bedrock/latest/userguide/prompt-caching.html
 export const SUPPORTED_CACHE_FIELDS: Record<string, PromptCacheField[]> = {
+  'anthropic.claude-opus-4-1-20250805-v1:0': ['messages', 'system', 'tools'],
   'anthropic.claude-opus-4-20250514-v1:0': ['messages', 'system', 'tools'],
   'anthropic.claude-sonnet-4-20250514-v1:0': ['messages', 'system', 'tools'],
   'anthropic.claude-3-7-sonnet-20250219-v1:0': ['messages', 'system', 'tools'],
diff --git a/packages/web/public/locales/translation/en.yaml b/packages/web/public/locales/translation/en.yaml
@@ -17,6 +17,8 @@ chat:
   delete_link: Delete Link
   delete_link_message: You can stop sharing the conversation history by deleting the link.
   drop_files: Drop files here
+  hint_cmd_enter: ⌘ + Enter to Submit
+  hint_ctrl_enter: Ctrl + Enter to Submit
   history: Conversation History
   initialize: Initialize
   model_parameters: Model Parameters
@@ -782,6 +784,7 @@ setting:
     agent_enabled: Agent Enabled
     language: Language
     language_help: Change display language
+    line_break_enter: Press Enter to create new line
     login_status: Login status
     rag_enabled: RAG (Amazon Kendra) Enabled
     rag_kb_enabled: RAG (Knowledge Base) Enabled
diff --git a/packages/web/public/locales/translation/ja.yaml b/packages/web/public/locales/translation/ja.yaml
@@ -15,6 +15,8 @@ chat:
   delete_link: リンクの削除
   delete_link_message: リンクを削除することで、会話履歴の公開を停止できます。
   drop_files: ファイルをドロップしてください
+  hint_cmd_enter: ⌘ + Enter で送信
+  hint_ctrl_enter: Ctrl + Enter で送信
   history: 会話履歴
   initialize: 初期化
   model_parameters: モデルパラメータ
@@ -623,6 +625,7 @@ setting:
     agent_enabled: Agent 有効
     language: 言語設定
     language_help: 表示言語を変更できます
+    line_break_enter: Enter で改行
     login_status: ログイン状態
     rag_enabled: RAG (Amazon Kendra) 有効
     rag_kb_enabled: RAG (Knowledge Base) 有効
diff --git a/packages/web/public/locales/translation/th.yaml b/packages/web/public/locales/translation/th.yaml
@@ -15,6 +15,8 @@ chat:
   delete_link: ลบลิงก์
   delete_link_message: คุณสามารถหยุดการแชร์ประวัติการสนทนาโดยการลบลิงก์
   drop_files: วางไฟล์ที่นี่
+  hint_cmd_enter: ⌘ + Enter เพื่อส่ง
+  hint_ctrl_enter: Ctrl + Enter เพื่อส่ง
   history: ประวัติการสนทนา
   initialize: เริ่มต้นใหม่
   model_parameters: พารามิเตอร์โมเดล
@@ -672,8 +674,15 @@ setting:
     agent_enabled: เปิดใช้งานตัวแทน
     language: ภาษา
     language_help: เปลี่ยนภาษาที่แสดง
+    line_break_enter: กด Enter เพื่อขึ้นบรรทัดใหม่
+    login_status: สถานะการเข้าสู่ระบบ
     rag_enabled: เปิดใช้งาน RAG (Amazon Kendra)
     rag_kb_enabled: เปิดใช้งาน RAG (Knowledge Base)
+    show_email: แสดงอีเมล
+    show_tools: แสดงเครื่องมือ
+    show_use_case_builder: แสดง Use Case Builder
+    stats: สถิติ
+    typing_animation: แอนิเมชันการพิมพ์
     version: เวอร์ชัน
     version_help: อ้างอิงเวอร์ชันใน package.json ของ generative-ai-use-cases
   recent_updates: การอัปเดตล่าสุด
diff --git a/packages/web/public/locales/translation/vi.yaml b/packages/web/public/locales/translation/vi.yaml
@@ -15,6 +15,8 @@ chat:
   delete_link: Xóa liên kết
   delete_link_message: Bằng cách xóa liên kết, bạn có thể ngừng công khai lịch sử cuộc trò chuyện.
   drop_files: Vui lòng thả file
+  hint_cmd_enter: ⌘ + Enter để gửi
+  hint_ctrl_enter: Ctrl + Enter để gửi
   history: Lịch sử cuộc trò chuyện
   initialize: Khởi tạo
   model_parameters: Tham số mô hình
@@ -650,6 +652,7 @@ setting:
     agent_enabled: Agent được bật
     language: Cài đặt ngôn ngữ
     language_help: Có thể thay đổi ngôn ngữ hiển thị
+    line_break_enter: Nhấn Enter để xuống dòng
     login_status: Trạng thái đăng nhập
     rag_enabled: RAG (Amazon Kendra) được bật
     rag_kb_enabled: RAG (Knowledge Base) được bật
diff --git a/packages/web/src/components/DrawerBase.tsx b/packages/web/src/components/DrawerBase.tsx
@@ -41,7 +41,9 @@ const DrawerBase: React.FC<Props> = (props) => {
         <div className="flex h-full flex-col">
           {props.children}
           <div className="flex flex-none items-center justify-between gap-x-2 border-t border-gray-400 px-3 py-2">
-            {settingShowEmail && <div className="text-sm">{email}</div>}
+            {settingShowEmail && (
+              <div className="truncate text-xs">{email}</div>
+            )}
             <div className="grow" />
             <Link to="/stats" title={t('stat.title')}>
               <PiChartBar className="text-lg" />
diff --git a/packages/web/src/components/InputChatContent.tsx b/packages/web/src/components/InputChatContent.tsx
@@ -16,6 +16,7 @@ import useFiles from '../hooks/useFiles';
 import FileCard from './FileCard';
 import { FileLimit } from 'generative-ai-use-cases';
 import { useTranslation } from 'react-i18next';
+import useUserSetting from '../hooks/useUserSetting';
 
 type Props = {
   content: string;
@@ -49,6 +50,7 @@ type Props = {
 
 const InputChatContent: React.FC<Props> = (props) => {
   const { t } = useTranslation();
+  const { settingSubmitCmdOrCtrlEnter } = useUserSetting();
   const { pathname } = useLocation();
   const { loading: chatLoading, isEmpty } = useChat(pathname);
   const {
@@ -122,7 +124,11 @@ const InputChatContent: React.FC<Props> = (props) => {
       )}
       <div
         className={`relative flex items-end rounded-xl border border-black/10 bg-gray-100 shadow-[0_0_30px_1px] shadow-gray-400/40 ${
-          props.disableMarginBottom ? '' : 'mb-7'
+          props.disableMarginBottom
+            ? ''
+            : settingSubmitCmdOrCtrlEnter
+              ? 'mb-2'
+              : 'mb-7'
         }`}>
         <div className="flex grow flex-col">
           {props.fileUpload && uploadedFiles.length > 0 && (
@@ -246,6 +252,15 @@ const InputChatContent: React.FC<Props> = (props) => {
           </Button>
         )}
       </div>
+
+      {/* Show keyboard shortcut hint when cmd/ctrl+enter setting is enabled */}
+      {settingSubmitCmdOrCtrlEnter && (
+        <div className="mb-2 text-right text-xs text-gray-500">
+          {navigator.platform.toLowerCase().includes('mac')
+            ? t('chat.hint_cmd_enter')
+            : t('chat.hint_ctrl_enter')}
+        </div>
+      )}
     </div>
   );
 };
diff --git a/packages/web/src/components/Textarea.tsx b/packages/web/src/components/Textarea.tsx
@@ -2,6 +2,7 @@ import React, { useLayoutEffect, useRef } from 'react';
 import RowItem, { RowItemProps } from './RowItem';
 import Help from './Help';
 import { useTranslation } from 'react-i18next';
+import useUserSetting from '../hooks/useUserSetting';
 
 type Props = RowItemProps & {
   value?: string;
@@ -24,6 +25,7 @@ const MAX_HEIGHT = 300;
 
 const Textarea: React.FC<Props> = (props) => {
   const { t } = useTranslation();
+  const { settingSubmitCmdOrCtrlEnter } = useUserSetting();
   const ref = useRef<HTMLTextAreaElement>(null);
   const maxHeight = props.maxHeight || MAX_HEIGHT;
 
@@ -79,9 +81,28 @@ const Textarea: React.FC<Props> = (props) => {
         onKeyDown={(e) => {
           // keyCode is deprecated, but used for some browsers to handle IME input
           if (e.nativeEvent.isComposing || e.keyCode === 229) return;
-          if (props.onEnter && e.key === 'Enter' && !e.shiftKey) {
-            e.preventDefault();
-            props.onEnter();
+
+          if (props.onEnter) {
+            if (settingSubmitCmdOrCtrlEnter) {
+              // When line break mode is enabled, enter key creates new line and cmd/ctrl+enter sends message
+              if (navigator.platform.toLowerCase().includes('mac')) {
+                if (e.key === 'Enter' && e.metaKey) {
+                  e.preventDefault();
+                  props.onEnter();
+                }
+              } else {
+                if (e.key === 'Enter' && e.ctrlKey) {
+                  e.preventDefault();
+                  props.onEnter();
+                }
+              }
+            } else {
+              // Default behavior: send with enter (not cmd/ctrl+enter)
+              if (e.key === 'Enter' && !e.shiftKey) {
+                e.preventDefault();
+                props.onEnter();
+              }
+            }
           }
         }}
         onChange={(e) => {
diff --git a/packages/web/src/hooks/useUserSetting.ts b/packages/web/src/hooks/useUserSetting.ts
diff --git a/packages/web/src/pages/Setting.tsx b/packages/web/src/pages/Setting.tsx
