feat: add operation route

Author: GalvinGao

src/components/Suspensable.tsx

@@ -28,14 +28,15 @@ export const Suspensable: FCC<SuspensableProps> = ({
 
   return (
     <ErrorBoundary
-      fallback={({ resetError: _resetError }) => {
+      fallback={({ resetError: _resetError, error }) => {
         resetError.current = _resetError
 
         return (
           <NonIdealState
             icon="issue"
             title="加载失败"
-            description={fetcher && '数据加载失败，请尝试'}
+            description={fetcher ? '数据加载失败，请尝试' : error.message}
+            className="py-8"
             action={
               fetcher && (
                 <Button

src/components/viewer/OperationViewer.tsx

@@ -43,9 +43,7 @@ import { toCopilotOperation } from '../../models/converter'
 import { CopilotDocV1 } from '../../models/copilot.schema'
 import { createCustomLevel, findLevelByStageName } from '../../models/level'
 import { Level } from '../../models/operation'
-import { toShortCode } from '../../models/shortCode'
 import { formatError } from '../../utils/error'
-import { snakeCaseKeysUnicode } from '../../utils/object'
 import { ActionCard } from '../ActionCard'
 import { CommentArea } from './comment/CommentArea'
 

src/pages/view.tsx

@@ -4,6 +4,5 @@ import { OperationViewer } from 'components/viewer/OperationViewer'
 
 export const ViewPage = () => {
   const { id } = useParams()
-  if (!id) throw 'empty'
-  return <OperationViewer operationId={id} onCloseDrawer={() => {}} />
+  return <OperationViewer operationId={id!} onCloseDrawer={() => {}} />
 }