Adding Social Sign-In with Google

1
00:00:00,000 --> 00:00:03,000
ดีครับพี่น้องยินดีต้อนรับสู่วิดีโออีกครั้งหนึ่ง ดังนั้น ในบทช่วยสอนวันนี้ เราจะแนะนำโครงการคูลๆ มาให้รู้จักกัน ชื่อของมันคือ Herder และโครงการนี้เป็นโปรแกรมจัดการเทอมินัลที่รวมทุกอย่างเป็นหนึ่ง and มันสามารถรันโปรแกรมเมอร์

1
00:00:03,000 --> 00:00:05,000
AI ของคุณทั้งหมดไว้ในเทอมินัเดียว ดังนั้น มันจึงถูกเรียกว่า Agent Multiplexer มันติดตั้งง่ายมาก คุณสามารถไปที่ขั้นตอนการติดตั้งได้เลย มันเป็นไฟล์สคริปต์เดียว คุณสามารถติดตั้งทั้งหมดได้

1
00:00:05,000 --> 00:00:07,000
และว่ามันทำงานอย่างไร คุณสามารถดูได้ทางขวา มันมีพื้นที่ทำงาน (workspaces), และคุยมีโปรแกรมเมอร์ (agents) ด้วย ดังนั้น ภายในพื้นที่ทำงาน คุณสามารถเริ่มโปรแกรมเมอร์ได้หลายตัวในพื้นที่ทำงานเดียวกัน

1
00:00:07,000 --> 00:00:09,000
และสำหรับโปรแกรมเมอร์ทั้งหมดภายในเทอมินัล คุณสามารถพูดคุยกันได้จริงๆ ดังนั้น เราจะแสดงให้คุณเห็นว่ามันทำงานอย่างไรในภายหลังในวิดีโอนี้ แต่มันคูลจริงๆ ตามที่คุณเห็นใน UI นี้ ดังนั้น ทางซ้าย

1
00:00:09,000 --> 00:00:11,000
คุณจะเห็นว่าตัวแรกคือพื้นที่ทำงาน ตัวที่สองคือ LLM proxy ซึ่งก็เป็นพื้นที่ทำงานเช่นกัน คุณสามารถคลิกไปรอบๆ และจะเห็นว่า ทุกแท็บหรือทุกแผ่นพับกำลังทำงานของตัวเอง และพวกมันสามารถพูดคุยกันได้ ดังนั้น

1
00:00:11,000 --> 00:00:13,000
ทางล่างซ้ายก็มี่ส่วนของโปรแกรมเมอร์อีก และทุกโปรแกรมเมอร์ที่เริ่มทำงานในแผ่นพับของพื้นที่ทำงานจะปรากฏที่นี่ ดังนั้น คุณจะเห็นว่ามีโปรแกรมเมอร์สี่ตัว และภายในแต่ละโปรแกรมเมอร์ คุณสามารถแบ่งแผ่นพับได้, ซึ่งคล้ายๆ เทอมินัลคูลๆ และเหมือน tmux

1
00:00:13,000 --> 00:00:15,000
และคุณจะเห็นว่ามีแผ่นพับซ้าย แผ่นพับขวา, และคุณสามารถใช้ shortcut ปิดมันได้ หรือคลิกปิดได้เช่นกัน มันรองรับทั้ง UI และ command

1
00:00:15,000 --> 00:00:17,000
line มันสะดวกมาก นอกจากนี้มันยังเป็นโอเพนซอร์สอีกด้วย ดังนั้น ถ้าคุณอยาดู GitHub repo, มันอยู่ใน Ogal Consulic

1
00:00:17,000 --> 00:00:19,000
Herder repo และคุณจะเห็นว่ามี star ประมาณ 16K เก่าแล้ว ดังนั้น เป็นโครงการที่ดีมาก และ

1
00:00:19,000 --> 00:00:21,000
readme ก็เป็นประโยชน์มาก คุณจะเห็นว่ามันละเอียดอ่อนมาก คุณยังสามารถพัฒนา repo โดยใช้ขั้นตอนที่เขาเขียนไว้ที่นี่ได้ ดังนั้น ในวิดีโอนี้เราจะแสดงว่ามันทำงานอย่างไร และแม้ว่าเราจะพูดไปบานเล็กน้อยแล้ว แต่ฉันอยากจะแสดงให้คุณเห็น

1
00:00:21,000 --> 00:00:23,000
demo จริงๆ ดังนั้น คุณจะเห็นว่านี่ก็คือเทอมินัลหลัก So, once she started using this

1
00:00:23,000 --> 00:00:25,000
one-line command you can actually see the terminal right here.

1
00:00:25,000 --> 00:00:27,000
And there's also left side workspaces. There's also right side,

1
00:00:27,000 --> 00:00:29,000
which is the panes. As you can see here, there's

1
00:00:29,000 --> 00:00:31,000
a different panes. There's a a task pane, one pane.

1
00:00:31,000 --> 00:00:33,000
Also, there's a plus sign. You can just click on

1
00:00:33,000 --> 00:00:35,000
the plus sign and you can create a new tab,

1
00:00:35,000 --> 00:00:37,000
which is a new pane. You can spin up a

1
00:00:37,000 --> 00:00:39,000
new agent within the pane. And uh can also use

1
00:00:39,000 --> 00:00:41,000
the shortcut to do it. I so I've documented the

1
00:00:41,000 --> 00:00:43,000
shortcuts in here. So, for example, if you want to

1
00:00:43,000 --> 00:00:45,000
split right in the pane, you're going to just go

1
00:00:45,000 --> 00:00:47,000
to the pane and click control B, which is like

1
00:00:47,000 --> 00:00:49,000
two marks style. You can see there's a list of

1
00:00:49,000 --> 00:00:51,000
options you can see here on the bottom of the

1
00:00:51,000 --> 00:00:53,000
terminal. Uh all I want to do is to split

1
00:00:53,000 --> 00:00:55,000
to the right. So, you can uh click V. So,

1
00:00:55,000 --> 00:00:57,000
you can see there's a pane spin up on the

1
00:00:57,000 --> 00:00:59,000
right side of the thing. And if you want to

1
00:00:59,000 --> 00:01:01,000
just close the pane uh close window, you just go

1
00:01:01,000 --> 00:01:03,000
to exit. มันสะดวกมาก If you want to, let's say, run

1
00:01:03,000 --> 00:01:05,000
agent within the pane. So, I want to run Claude

1
00:01:05,000 --> 00:01:07,000
or I want to run Codeax or Hermes. Uh Harder

1
00:01:07,000 --> 00:01:09,000
ports a lot of the agents, uh, almost all the

1
00:01:09,000 --> 00:01:11,000
agents uh, that you regularly use. So, if you just

1
00:01:11,000 --> 00:01:13,000
say, "Okay, I want to spin up Claude." You can

1
00:01:13,000 --> 00:01:15,000
just go to one of the pane and just say,

1
00:01:15,000 --> 00:01:17,000
"Okay, Hermes pane wrong." And specify ID of the pane,

1
00:01:17,000 --> 00:01:19,000
which is the workspace, and also the pane number. Which

1
00:01:19,000 --> 00:01:21,000
is the tab number. Uh, then you can specify your

1
00:01:21,000 --> 00:01:23,000
prompt like, uh, "Codax hello." You can quote the entire

1
00:01:23,000 --> 00:01:25,000
prompt. It's going to send to that pane and it's

1
00:01:25,000 --> 00:01:27,000
going to run that. So, for example, uh, if you

1
00:01:27,000 --> 00:01:29,000
want to check out all the different panes which you

1
00:01:29,000 --> 00:01:31,000
can get the pane ID, just go to control B

1
00:01:31,000 --> 00:01:33,000
and use G. So, this will give you a overview

1
00:01:33,000 --> 00:01:35,000
of all the available panes. And you can see here,

1
00:01:35,000 --> 00:01:37,000
we have two workspaces and on each workspace, we have

1
00:01:37,000 --> 00:01:39,000
two panes. All right, you can select one pane and

1
00:01:39,000 --> 00:01:41,000
to see the ID. So, you can see for example,

1
00:01:41,000 --> 00:01:43,000
we have a workspace one and we have, let's say,

1
00:01:43,000 --> 00:01:45,000
the pane three. Then you can specify the workspace couplet

1
00:01:45,000 --> 00:01:47,000
one and pane three. So, that would be workspace one

1
00:01:47,000 --> 00:01:49,000
and pane four, which is the test. So, let's try

1
00:01:49,000 --> 00:01:51,000
it out to see how this works. So, if you

1
00:01:51,000 --> 00:01:53,000
run the Hermes pane like this, we can just do

1
00:01:53,000 --> 00:01:55,000
a Hermes pane run the Claude and with do not

1
00:01:55,000 --> 00:01:57,000
want to specify any options, we just do Claude hello.

1
00:01:57,000 --> 00:01:59,000
So, you can see how that works. So, you see

1
00:01:59,000 --> 00:02:01,000
there's a agent already spin up and you can see

1
00:02:01,000 --> 00:02:03,000
there's a Claude. You can directly click on it and

1
00:02:03,000 --> 00:02:05,000
you can see that the Claude has spin up. When

1
00:02:05,000 --> 00:02:07,000
you click yes, it will start run this command, all

1
00:02:07,000 --> 00:02:09,000
right? So, you can see the hello we we specified

1
00:02:09,000 --> 00:02:11,000
and you can see there's also status And you can

1
00:02:11,000 --> 00:02:13,000
wait for the status complete to another pay for another

1
00:02:13,000 --> 00:02:15,000
pain to run. They also specify that in the documentation.

1
00:02:15,000 --> 00:02:17,000
You can go to their documentation in the agent section.

1
00:02:17,000 --> 00:02:19,000
Actually, it's in the agent agents. And there is also

1
00:02:19,000 --> 00:02:21,000
a section called socket API. So, in the socket API

1
00:02:21,000 --> 00:02:23,000
you can specify something like wait for agent, which means

1
00:02:23,000 --> 00:02:25,000
that I can wait for a agent to complete in

1
00:02:25,000 --> 00:02:27,000
different pain and execute the current process in the current

1
00:02:27,000 --> 00:02:29,000
pain. So, super nice. And if you want to look

1
00:02:29,000 --> 00:02:31,000
at more of the documentation, they have really good documentation

1
00:02:31,000 --> 00:02:33,000
in the Osho website. Uh you can check out the

1
00:02:33,000 --> 00:02:35,000
CLI reference. There's socket API we just saw, and also

1
00:02:35,000 --> 00:02:37,000
there's another one which is the quick start. Um and

1
00:02:37,000 --> 00:02:39,000
also the agent section. So, those are also very useful

1
00:02:39,000 --> 00:02:41,000
and helpful documentation. Let's go back to the terminal. If

1
00:02:41,000 --> 00:02:43,000
you want to try the other agents within the Hurder,

1
00:02:43,000 --> 00:02:45,000
you can just go to the Hurder installation steps. So,

1
00:02:45,000 --> 00:02:47,000
for example, if you want to use Claude, Codex, and

1
00:02:47,000 --> 00:02:49,000
Hermes, and all that agent. So, you can just do

1
00:02:49,000 --> 00:02:51,000
a installation for the agent you want to use. So,

1
00:02:51,000 --> 00:02:53,000
they support a lot of agents. For example, if you

1
00:02:53,000 --> 00:02:55,000
use Hurder integration install Claude, you will install the Claude

1
00:02:55,000 --> 00:02:57,000
hook. If you want to install the Codex, it will

1
00:02:57,000 --> 00:02:59,000
install the Codex hook. So, for example, uh we install

1
00:02:59,000 --> 00:03:01,000
the Open Code, we install the Codex, we install Claude

1
00:03:01,000 --> 00:03:03,000
Code, Hermes. You can see that the current supported agents

1
00:03:03,000 --> 00:03:05,000
including the PIO and PIA Claude or Codex, Code Violet,

1
00:03:05,000 --> 00:03:07,000
uh Kimi, Open Code, Kilo, Hermes, so on and so

1
00:03:07,000 --> 00:03:09,000
forth. Super cool. And you can just run all the

1
00:03:09,000 --> 00:03:11,000
agents together within one terminal. So, that uh uh is

1
00:03:11,000 --> 00:03:13,000
very convenient and the agent can talk to each other

1
00:03:13,000 --> 00:03:15,000
within one terminal and running its own process. So, that

1
00:03:15,000 --> 00:03:17,000
should be it. And if you want to uh just

1
00:03:17,000 --> 00:03:19,000
learn more about the Hurder, you can just go to

1
00:03:19,000 --> 00:03:21,000
their uh documentation and uh you can just go through

1
00:03:21,000 --> 00:03:23,000
different like the keyboard shortcut so that I can understand

1
00:03:23,000 --> 00:03:25,000
uh what the shortcuts are. And also, you can go

1
00:03:25,000 --> 00:03:27,000
to the installation step to see uh the different commands

1
00:03:27,000 --> 00:03:29,000
and platforms it support. So, that's it. I hope you

1
00:03:29,000 --> 00:03:31,000
find this helpful and if you do like this video,

1
00:03:31,000 --> 00:03:33,000
please subscribe, like, or comment if you have any questions.

1
00:03:33,000 --> 00:03:35,000
Thank you so much of supporting the channel and see

1
00:03:35,000 --> 00:03:37,000
you in the next one.