feat: add feedback template & entry (#1012)

Author: shczhen

.github/ISSUE_TEMPLATE/designer_feedback_fe.yml

@@ -0,0 +1,64 @@
+name: Designer Feedback(FE)
+description: Submit feedback, report issues, or request features
+title: "[Feedback]: "
+labels: ["tman designer"]
+assignees:
+  - shczhen
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for taking time to provide feedback! Please fill out this form as detailed as possible.
+
+  - type: dropdown
+    id: feedback-type
+    attributes:
+      label: Feedback Type
+      description: What kind of feedback are you providing?
+      options:
+        - Bug Report
+        - Feature Request
+        - Improvement Suggestion
+        - Question
+        - Other
+    validations:
+      required: true
+
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: Please describe your feedback in detail
+      placeholder: Provide a clear and detailed explanation of your feedback...
+    validations:
+      required: true
+
+  - type: textarea
+    id: expected
+    attributes:
+      label: Expected Behavior
+      description: What did you expect to happen?
+      placeholder: Describe what you expected...
+
+  - type: textarea
+    id: current
+    attributes:
+      label: Current Behavior
+      description: What actually happened?
+      placeholder: Describe the current behavior...
+
+  - type: input
+    id: version
+    attributes:
+      label: Version
+      description: What version of the software are you using?
+      placeholder: e.g., v1.0.0
+
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Code of Conduct
+      description: By submitting this feedback, you agree to follow our Code of Conduct
+      options:
+        - label: I agree to follow this project's Code of Conduct
+          required: true

core/src/ten_manager/designer_frontend/public/locales/en-US/common.json

@@ -270,6 +270,9 @@
       "title": "Currently Working in",
       "baseDir": "Base Dir",
       "graphName": "Graph Name"
+    },
+    "feedback": {
+      "title": "Feedback"
     }
   },
   "preferences": {
@@ -296,4 +299,4 @@
       "enterValueToCreate": "Enter a value to create a new one"
     }
   }
-}
+}

core/src/ten_manager/designer_frontend/public/locales/ja-JP/common.json

@@ -270,6 +270,9 @@
       "title": "現在の作業場所",
       "baseDir": "ベースディレクトリ",
       "graphName": "グラフ名"
+    },
+    "feedback": {
+      "title": "フィードバック"
     }
   },
   "preferences": {

core/src/ten_manager/designer_frontend/public/locales/zh-CN/common.json

@@ -270,6 +270,9 @@
       "title": "当前工作区",
       "baseDir": "基础目录",
       "graphName": "图谱名称"
+    },
+    "feedback": {
+      "title": "反馈"
     }
   },
   "preferences": {

core/src/ten_manager/designer_frontend/public/locales/zh-TW/common.json

@@ -270,6 +270,9 @@
       "title": "目前工作區",
       "baseDir": "基礎目錄",
       "graphName": "圖譜名稱"
+    },
+    "feedback": {
+      "title": "回饋"
     }
   },
   "preferences": {

core/src/ten_manager/designer_frontend/src/components/StatusBar/index.tsx

@@ -5,7 +5,12 @@
 // Refer to the "LICENSE" file in the root directory for more information.
 //
 import * as React from "react";
-import { FolderTreeIcon, FolderOpenIcon, ChevronRightIcon } from "lucide-react";
+import {
+  FolderTreeIcon,
+  FolderOpenIcon,
+  ChevronRightIcon,
+  MessageSquareShareIcon,
+} from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 
@@ -28,6 +33,7 @@ import {
   CONTAINER_DEFAULT_ID,
   GRAPH_SELECT_WIDGET_ID,
 } from "@/constants/widgets";
+import { TEN_FRAMEWORK_DESIGNER_FEEDBACK_ISSUE_URL } from "@/constants";
 import { useWidgetStore, useAppStore } from "@/store";
 import { GraphSelectPopupTitle } from "@/components/Popup/Default/GraphSelect";
 import { LoadedAppsPopupTitle } from "../Popup/Default/App";
@@ -51,6 +57,9 @@ export default function StatusBar(props: { className?: string }) {
         <StatusApps />
         <StatusWorkspace />
       </div>
+      <div className="flex w-fit gap-2 px-2">
+        <Feedback />
+      </div>
     </footer>
   );
 }
@@ -199,3 +208,23 @@ const StatusWorkspace = () => {
     </TooltipProvider>
   );
 };
+
+const Feedback = () => {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <Button asChild variant="ghost" size="status" className="truncate">
+        <a
+          target="_blank"
+          referrerPolicy="no-referrer"
+          href={TEN_FRAMEWORK_DESIGNER_FEEDBACK_ISSUE_URL}
+          className="animate-[pulse_1s_ease-in-out_5]"
+        >
+          <MessageSquareShareIcon className="size-3" />
+          <span>{t("statusBar.feedback.title")}</span>
+        </a>
+      </Button>
+    </>
+  );
+};

core/src/ten_manager/designer_frontend/src/constants/index.ts

@@ -11,6 +11,8 @@ export const TEN_FRAMEWORK_RELEASE_URL =
 export const TEN_AGENT_URL = "https://agent.theten.ai/";
 export const TEN_AGENT_GITHUB_URL =
   "https://github.com/TEN-framework/TEN-Agent";
+export const TEN_FRAMEWORK_DESIGNER_FEEDBACK_ISSUE_URL =
+  TEN_FRAMEWORK_GITHUB_URL + "issues/new?template=designer_feedback_fe.yml";
 
 export const TEN_DEFAULT_APP_RUN_SCRIPT = "start";