we have server component and server action. why not unify together to be a server signal?

server-signal.ts

const emailRef = ref('')

const userBio = server(async () => {
  const findUser = await import('./server')
  const userRef = ref(null)
  watch(async () => {
    userRef.value = await findUser(emailRef.value)
  })
  return (props) => (
    h('div', [userRef.value.bio]),
  )
})

const emailInput = client(async () => {
  const func = await import('./client')
  return (props) => (
    h('input', {
      onchange: e => emailRef.value = e.target.value,
      value: emailRef.value,
    }),
  )
})

export default function render(props) {
  return h('div', [
    h(emailInput),
    h(userBio),
  ])
}